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. Fig. 1.02 Empty link and no visible focus.png
          7 kB
          Shamim Rezaie
        2. Fig. 1.02 Empty link and no visible focus.png
          8 kB
          Shamim Rezaie
        3. Fig. 1.04 Parsing errors.png
          44 kB
          Shamim Rezaie
        4. MDL-72668_master_Test 1.png
          184 kB
          Angelia Dela Cruz
        5. MDL-72668_master_Test 2.webm
          404 kB
          Angelia Dela Cruz
        6. MDL-72668_master_Test 3.png
          246 kB
          Angelia Dela Cruz
        7. MDL-72668_v310_Test 1.png
          182 kB
          Angelia Dela Cruz
        8. MDL-72668_v310_Test 2.webm
          315 kB
          Angelia Dela Cruz
        9. MDL-72668_v310_Test 3.png
          199 kB
          Angelia Dela Cruz
        10. MDL-72668_v311_Test 1.png
          180 kB
          Angelia Dela Cruz
        11. MDL-72668_v311_Test 2.webm
          300 kB
          Angelia Dela Cruz
        12. MDL-72668_v311_Test 3.png
          198 kB
          Angelia Dela Cruz
        13. MDL-72668 after tree.png
          20 kB
          Simey Lameze
        14. MDL-72668 before tree.png
          18 kB
          Simey Lameze
        15. MDL-72668 errors after.png
          56 kB
          Simey Lameze
        16. MDL-72668 errors before.png
          75 kB
          Simey Lameze
        17. no-alt-text.png
          14 kB
          Jun Pataleta

            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.