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

Fix accessibility issues related to the new dynamic participants table

    XMLWordPrintable

Details

    • MOODLE_311_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
    • MOODLE_311_STABLE, MOODLE_400_STABLE
    • MDL-68550-master
    • Hide
      1. We need to have a course with more than 20 students
      2. Log in as admin and go into the course
      3. Go to the participants page of the course
      4. Verify that there is no gap in the initials bar
        • There used to be a gap between the letters 'M' and 'N', and also between 'All' and the letter 'A'
      5. Resize the browser window and decrease its width to the point that the initials bar breaks into 2 rows
      6. Verify that the break happened after the letters 'M', and 'N' is in the following line
      7. Verify that the surrounding box of the letter 'N' is exactly below the box of 'All'
        • We only care about their left border. It's ok that the boxes have different sizes.
      8. Maximize the browser window
        • or just resize it back so the initial bars are not wrapped into 2 rows
      9. Click on the letter 'C' of the 'first name' initials bar
      10. Verify that it is shown as active
      11. Verify that the letter 'C' is still tabbable by the keyboard
      12. Click on 'All' on the 'first name' initials bar
      13. Go to the second page of participants
      14. Verify that the second page in the pagination bar is shown as active
      15. Verify that the box of the second page is still tabbable by the keyboard
      Show
      We need to have a course with more than 20 students Log in as admin and go into the course Go to the participants page of the course Verify that there is no gap in the initials bar There used to be a gap between the letters 'M' and 'N', and also between 'All' and the letter 'A' Resize the browser window and decrease its width to the point that the initials bar breaks into 2 rows Verify that the break happened after the letters 'M', and 'N' is in the following line Verify that the surrounding box of the letter 'N' is exactly below the box of 'All' We only care about their left border. It's ok that the boxes have different sizes. Maximize the browser window or just resize it back so the initial bars are not wrapped into 2 rows Click on the letter 'C' of the 'first name' initials bar Verify that it is shown as active Verify that the letter 'C' is still tabbable by the keyboard Click on 'All' on the 'first name' initials bar Go to the second page of participants Verify that the second page in the pagination bar is shown as active Verify that the box of the second page is still tabbable by the keyboard
    • 0
    • HQ Team International Sprint 6, HQ Team International CIH2-225, HQ Team International CIH2-226

    Description

      There may be some accessibility/usability issues that need to be fixed with the newly revamped participants table.

      1. If a user activates an element by keyboard (e.g. a pagination link), then the keyboard focus gets lost when the table is reloaded. A keyboard user would have to navigate again from the start of the region. Deferred to MDL-73130.
      2. I wonder if the column sort links and the show/hide column links should be designated with a button role since they don't really link to another page/area, but instead toggle the display state of the table. (This one probably applies to stables as well)
      3. From MDL-67915, clicking on show column icons still announces the shown column as collapsed. This is the same for the hide column icon. Deferred to MDL-73130.

      Attachments

        1. MDL-68550-master-3.mdk.patch
          5 kB
        2. MDL-68550_v400.mp4
          3.31 MB
        3. MDL-68550_v311.mp4
          3.34 MB
        4. MDL-68550_master.mp4
          2.26 MB

        Issue Links

          Activity

            People

              rezaie9 Shamim Rezaie
              jpataleta Jun Pataleta
              Stevani Andolo Stevani Andolo
              Michael Hawkins Michael Hawkins
              John Edward Pedregosa John Edward Pedregosa
              Votes:
              0 Vote for this issue
              Watchers:
              8 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 - 4 days, 6 hours, 55 minutes
                  4d 6h 55m

                  Clockify

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