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

Quiz Module and resource/activity Accessibility issues with heading levels

    XMLWordPrintable

Details

    • Any
    • MOODLE_35_STABLE
    • MDL-62452-310
    • MDL-62452-311
    • MDL-62452-master
    • Moderate
    • Hide

      You can use Wave (the Structure tab) or the Firefox Document Outline to verify that the headers are in a relevant order. You can test with a screen reader too, because some of the headers are in acesshide.

      1. Create a Quiz with sections
      2. Start the Quiz
        1. On every page, there's only one H1
      3. In a Quiz page :
        1. The Quiz name is now a H2 header
        2. The navigation bloc header is now a H2
        3. The sections headers are H3
        4. The headers in the main content and in the navigation bloc doesn't skip a level, they are now in a hierarchical order.
      4. Click to toggle messaging drawer
        1. Verify the header structure
        2. The new header "Messaging drawer" is a H2 in accesshide
        3. The header "Message contacts" is now a H3 in acesshide
        4. The new header "Messages search results" is a H3 in acesshide
      5. Click setting icon in messaging drawer
        1. The header "Message settings" is now a H3 in acesshide
        2. The headers "Privacy", "Notification preferences" and "General" are now H4
      6. Note 1: The headers in the messaging drawer changed levels, but the aspect or the size did not change. The additionnal headers are in accesshide.
        Note 2: We didn't fix all the messaging headers, but we did the most important ones, so the Quiz can stay accessible.
      7. Close the messaging drawer
      8. Click to finish attempt
      9. In the Summary of attempt :
        1. The Quiz name is a H2 header
      10. Click to Submit all and finish
      11. Confirm to Submit all and finish in the popup
      12. In the review summary page :
        1. The Quiz name is now a H2 header
        2. The header "Review summary" is a H3
      13. Click to finish review
        1. The Quiz name is a H2 header
        2. The header "Summary of your previous attempts" is a H3
      Show
      You can use Wave (the Structure tab) or the Firefox Document Outline to verify that the headers are in a relevant order. You can test with a screen reader too, because some of the headers are in acesshide. Create a Quiz with sections Start the Quiz On every page, there's only one H1 In a Quiz page : The Quiz name is now a H2 header The navigation bloc header is now a H2 The sections headers are H3 The headers in the main content and in the navigation bloc doesn't skip a level, they are now in a hierarchical order. Click to toggle messaging drawer Verify the header structure The new header "Messaging drawer" is a H2 in accesshide The header "Message contacts" is now a H3 in acesshide The new header "Messages search results" is a H3 in acesshide Click setting icon in messaging drawer The header "Message settings" is now a H3 in acesshide The headers "Privacy", "Notification preferences" and "General" are now H4 Note 1 : The headers in the messaging drawer changed levels, but the aspect or the size did not change. The additionnal headers are in accesshide. Note 2 : We didn't fix all the messaging headers, but we did the most important ones, so the Quiz can stay accessible. Close the messaging drawer Click to finish attempt In the Summary of attempt : The Quiz name is a H2 header Click to Submit all and finish Confirm to Submit all and finish in the popup In the review summary page : The Quiz name is now a H2 header The header "Review summary" is a H3 Click to finish review The Quiz name is a H2 header The header "Summary of your previous attempts" is a H3
    • 0
    • Internationals - 4.0 Sprint 1, HQ Team International Sprint 2

    Description

      According to test made against WCAG accessibility guidelines, it appears Quiz Module and generally resource/acridity Boost theme pages, appears with accessibility issues: headers are not used in the expected hierarchical order.

      In particular:

      1. for initial page headers (messages and notification) h3 headers are used, missing first two headers level (h1 and h2)
      2. in a quiz activity, between course title (h1 header) and first question (h3 header) a h2 header level is missing
      3. quiz navigation block has a h5 header, which is below quiz last question text which has an h4 header

      Point 1 holds true for any resource/active page in Moodle 3.5. Point 2 and 3 makes quiz activity not accessible.

      Moodle version and build: Moodle 3.5beta+ (Build: 20180502)

       

      Attachments

        Activity

          People

            Unassigned Unassigned
            andreabix Andrea Bicciolo
            Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona), Tim Hunt, Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Huong Nguyen, Bas Brands, Mathew May
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

            Dates

              Created:
              Updated:

              Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 hour
                1h