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

Accessibility issues in the pagination bar template

    XMLWordPrintable

Details

    • MOODLE_38_STABLE
    • MOODLE_38_STABLE, MOODLE_39_STABLE
    • MDL-69008-master
    • Hide
      Prerequisites:
      1. WAVE tool
      2. Screen reader (e.g. ChromeVox)
      3. Make sure developer mode is turned on

        mdk run mindev
        

      Test
      1. Go to "Site administration / Development / Template library"
      2. Search for the "core/paged_content" template.
      3. Select the "core/paged_content" template.
      4. Run the WAVE tool on the page.
      5. Confirm that you don't see any "Invalid aria-menu" error on the page.
      6. Refresh the page and select again the "core/paged_content" template.
      7. Using your screen reader, tab to each of the items on the paging bar.
      8. Confirm that they are being properly announced:
        • "<" is being announced as "Previous page"
        • ">" is being announced as "Next page"
        • "First" is being announced as "First page"
        • "Last" is being announced as "Last page"
        • Numbers are being announced as "Page x", where x is the page number.
        • "..." is not being announced.

       

      Show
      Prerequisites: WAVE tool Screen reader (e.g. ChromeVox) Make sure developer mode is turned on mdk run mindev Test Go to " Site administration / Development / Template library " Search for the " core/paged_content " template. Select the " core/paged_content " template. Run the WAVE tool on the page. Confirm that you don't see any " Invalid aria-menu " error on the page. Refresh the page and select again the " core/paged_content " template. Using your screen reader, tab to each of the items on the paging bar. Confirm that they are being properly announced: " < " is being announced as " Previous page " " > " is being announced as " Next page " " First " is being announced as " First page " " Last " is being announced as " Last page " Numbers are being announced as " Page x ", where x is the page number. " ... " is not being announced.  

    Description

      1. The "Show items per page" menu indicates a "Broken ARIA menu" error on WAVE. This can be replicated by going to the dashboard and checking the timeline block that has more than 5 items.
      2. WAVE/axe also indicate "Empty link" errors for the Next and Previous buttons

      Attachments

        Activity

          People

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Bas Brands Bas Brands
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              13/Jul/20

              Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 10 minutes
                1d 10m