Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-72668

Fix Dashboard accessibility issues found in the 3.11 accessibility audit

XMLWordPrintable

    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-72668-master
    • Hide

      Setup

      1. Log in as admin
      2. Go to your dashboard
      3. Make sure a 'Private files' block is available on the dashboard (add one if it's not)
      4. Click on the "Manage private files..." link in the 'private files' block
      5. In the file manager:
        1. Add 2 files
        2. Add 2 directories
        3. Add 2 files and 2 directories to each directory
      6. Save changes

      Test 1

      1. Log in as admin and go to your dashboard
      2. View page source (usually Ctrl+u)
      3. Copy the source
      4. Visit https://validator.w3.org/nu/
      5. Set the check by field to 'text input' and replace the content of the text editor with what you copied on step 3
      6. Press the 'check' button
      7. Press the 'message filtering' button
      8. Verify that you don't see any errors
        • Note: because of some recently integrated codes, you may see some irrelevant errors. Please check with me if you saw any errors before failing this issue.

      Test 2

      1. Add the 'Navigation' and 'Administration' blocks to your dashboard
      2. Repeat the following steps for the 'private files', 'navigation' and 'administration' blocks
        1. Click on the title of the block
        2. Press Tab multiple times until an item in the content tree of the block is focused
        3. Verify that you can move up/down using the keyboard
        4. Verify that the current item in the tree is highlighted

      Test 3

      1. Log in as admin
      2. Go to Site administration > Badges > Manage Badges
      3. Create 2 badges. Other than the mandatory fields, fill the 'Image caption' field with a random text for the first badge, and leave that field empty for the second badge
      4. Go to Site administration > Badges > Manage Badges
      5. For each badge you created:
        1. Click on the badge title
        2. Go to the Criteria tab
        3. Add 'Manual issue by role' criteria and select 'Manager' on the next screen and save changes
        4. Click on the 'Enable access' button and confirm the action on the next screen
        5. Go to the Recipients tab and award the badge to yourself (to admin)
      6. Go to your dashboard
      7. Add a 'Latest badges' block there if the block isn't there
      8. Press the WAVE extension's button
      9. Verify that no 'Missing alternative text' error is reported
      Show
      Setup Log in as admin Go to your dashboard Make sure a 'Private files' block is available on the dashboard (add one if it's not) Click on the "Manage private files..." link in the 'private files' block In the file manager: Add 2 files Add 2 directories Add 2 files and 2 directories to each directory Save changes Test 1 Log in as admin and go to your dashboard View page source (usually Ctrl+u) Copy the source Visit  https://validator.w3.org/nu/ Set the check by field to 'text input' and replace the content of the text editor with what you copied on step 3 Press the 'check' button Press the 'message filtering' button Verify  that you don't see any errors Note: because of some recently integrated codes, you may see some irrelevant errors. Please check with me if you saw any errors before failing this issue. Test 2 Add the 'Navigation' and 'Administration' blocks to your dashboard Repeat the following steps for the 'private files', 'navigation' and 'administration' blocks Click on the title of the block Press Tab multiple times until an item in the content tree of the block is focused Verify that you can move up/down using the keyboard Verify that the current item in the tree is highlighted Test 3 Log in as admin Go to Site administration > Badges > Manage Badges Create 2 badges. Other than the mandatory fields, fill the 'Image caption' field with a random text for the first badge, and leave that field empty for the second badge Go to Site administration > Badges > Manage Badges For each badge you created: Click on the badge title Go to the Criteria tab Add 'Manual issue by role' criteria and select 'Manager' on the next screen and save changes Click on the 'Enable access' button and confirm the action on the next screen Go to the Recipients tab and award the badge to yourself (to admin) Go to your dashboard Add a 'Latest badges' block there if the block isn't there Press the WAVE extension's button Verify that no 'Missing alternative text' error is reported
    • 2
    • HQ Team International Sprin 10, HQ Team International CI H2-21

      Level A
      1. There is an empty link present. See Fig. 1.02
      2. Errors found using W3C Nu Validation Service and filtered to indicate WCAG errors only. See Fig. 1.04
      Level AA
      1. There is no visible keyboard focus for the toggle used to open/close folders in the "private # files" block. See Fig. 1.02

        1. no-alt-text.png
          no-alt-text.png
          14 kB
        2. MDL-72668 errors before.png
          MDL-72668 errors before.png
          75 kB
        3. MDL-72668 errors after.png
          MDL-72668 errors after.png
          56 kB
        4. MDL-72668 before tree.png
          MDL-72668 before tree.png
          18 kB
        5. MDL-72668 after tree.png
          MDL-72668 after tree.png
          20 kB
        6. MDL-72668_v311_Test 3.png
          MDL-72668_v311_Test 3.png
          198 kB
        7. MDL-72668_v311_Test 2.webm
          300 kB
        8. MDL-72668_v311_Test 1.png
          MDL-72668_v311_Test 1.png
          180 kB
        9. MDL-72668_v310_Test 3.png
          MDL-72668_v310_Test 3.png
          199 kB
        10. MDL-72668_v310_Test 2.webm
          315 kB
        11. MDL-72668_v310_Test 1.png
          MDL-72668_v310_Test 1.png
          182 kB
        12. MDL-72668_master_Test 3.png
          MDL-72668_master_Test 3.png
          246 kB
        13. MDL-72668_master_Test 2.webm
          404 kB
        14. MDL-72668_master_Test 1.png
          MDL-72668_master_Test 1.png
          184 kB
        15. Fig. 1.04 Parsing errors.png
          Fig. 1.04 Parsing errors.png
          44 kB
        16. Fig. 1.02 Empty link and no visible focus.png
          Fig. 1.02 Empty link and no visible focus.png
          8 kB
        17. Fig. 1.02 Empty link and no visible focus.png
          Fig. 1.02 Empty link and no visible focus.png
          7 kB

            rezaie9 Shamim Rezaie
            jpataleta Jun Pataleta
            Simey Lameze Simey Lameze
            Jun Pataleta Jun Pataleta
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            1 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 days, 4 hours, 51 minutes
                3d 4h 51m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.