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

Fix Dashboard accessibility issues found in the 3.11 accessibility audit

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-72668-310
    • MDL-72668-311
    • 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

    Description

      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

      Attachments

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

        Issue Links

          Activity

            People

              rezaie9 Shamim Rezaie
              jpataleta Jun Pataleta
              Simey Lameze Simey Lameze
              Jun Pataleta Jun Pataleta
              Angelia Dela Cruz Angelia Dela Cruz
              Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona)
              Votes:
              1 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                8/Nov/21

                Time Tracking

                  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