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

Accessibility issues on the grader report

    XMLWordPrintable

Details

    • MOODLE_402_STABLE, MOODLE_404_STABLE
    • MOODLE_404_STABLE
    • MDL-78885-main
    • Hide
      Notes:
      • You need a screen reader to perform this test. Use JAWS or NVDA.
      • Optionally, if you use Linux, test this on Orca Screen Reader as well

        # To install on Ubuntu:
        sudo apt install orca
        

      Test
      1. Create a course and enrol some users in it
      2. Create 2 assignments in the course
      3. Go to the course's grade book
      4. Go to the grader report
      5. Make sure the screen reader is enabled
      6. Press Tab several times until the focus is on "search users"
      7. Verify that the screen reader said "search users"
      8. Verify that the screen reader did not say "toggle the following dropdown"
      9. Press Tab again to move focus on "Filter by name"
      10. Verify that the screen reader said "filter by name"
      11. Verify that the screen reader did not say "toggle the following dropdown"
      12. Click on "Filter by name" to open the "filter by name" dialogue
      13. Press Tab several times
      14. Verify that the focus is trapped inside the "filter by name" dialogue
      15. Press Esc
      16. Verify that the "filter by name" dialogue is closed
      17. Verify that the focus is on the "filter by name" trigger button
      18. Click on "Filter by name" again
      19. Set "firstname" filter to "A" and "lastname" filter to "B"
      20. Click on the "Apply" button
      21. Press Tab several times until the focus is on "First (A) Last (B)"
      22. Verify that the screen reader said the current selected value ("First (A) Last (B)")
      23. Verify that the screen reader said "filter by name"
      24. Verify that the screen reader did not say "toggle the following dropdown"

       

      Show
      Notes: You need a screen reader to perform this test. Use JAWS or NVDA. Optionally, if you use Linux, test this on Orca Screen Reader as well # To install on Ubuntu: sudo apt install orca Test Create a course and enrol some users in it Create 2 assignments in the course Go to the course's grade book Go to the grader report Make sure the screen reader is enabled Press Tab several times until the focus is on "search users" Verify that the screen reader said "search users" Verify that the screen reader did not say "toggle the following dropdown" Press Tab again to move focus on "Filter by name" Verify that the screen reader said "filter by name" Verify that the screen reader did not say "toggle the following dropdown" Click on "Filter by name" to open the "filter by name" dialogue Press Tab several times Verify that the focus is trapped inside the "filter by name" dialogue Press Esc Verify that the "filter by name" dialogue is closed Verify that the focus is on the "filter by name" trigger button Click on "Filter by name" again Set "firstname" filter to "A" and "lastname" filter to "B" Click on the "Apply" button Press Tab several times until the focus is on "First (A) Last (B)" Verify that the screen reader said the current selected value ("First (A) Last (B)") Verify that the screen reader said "filter by name" Verify that the screen reader did not say "toggle the following dropdown"  
    • 3
    • Team Alpha - Sprint 1 I3-2023, Team Alpha - Sprint 2 I3-2023, Team Alpha - Planning I4-2023, Team Alpha - Sprint 1 I4-2023, Team Alpha - Sprint 3 I4-2023, Team Alpha - Planning I1-2024, Team Alpha - Sprint 1 I1-2024

    Description

      There are some accessibility issues on the grader report page.

      1. When we have some collapsed columns on the grader report,  it's not possible to navigate from the search columns field using Tab. But if we type anything in the search field, then we can.
      2. Refer to screenshot-1: The "Email address" and "Mobile phone" labels are not associated with the checkboxes next to them. They're orphaned labels.
      3. Refer to screenshot-1: Pressing the Tab when the 'Close' button is focused leads to the modal being closed. We should go back to the search element.
      4. There's also an issue with the "Search users" input. Steps to replicate:
        1. Click on the "Search users" box.
        2. Type a character
        3. Press the Tab multiple times until you leave the modal
        4. The little "x" button inside the search box disappears
        5. The next time you click on the "Search users" box, you can't go to "View all results" inside the popover using tab

      Extra items from Shamim,

      1. Role & other associated aria data missing from input element for the user dropdown
      2. FocusLockManager should be used as tabbing from inside the dropdowns with the dialog role should not exit the dropdown and loop elements instead
        1. This necessitates a change to the a11y test to reflect this tabbing order change
      3. Labels for dialogues are not correct, as some have references to groups
         

      Attachments

        Issue Links

          Activity

            People

              rezaie9 Shamim Rezaie
              rezaie9 Shamim Rezaie
              Mathew May Mathew May
              Jun Pataleta Jun Pataleta
              Ron Carl Alfon Yu Ron Carl Alfon Yu
              Votes:
              0 Vote for this issue
              Watchers:
              9 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 8 weeks, 2 days, 2 hours, 58 minutes
                  8w 2d 2h 58m

                  Clockify

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