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

Quiz navigation - Improve accessibility

    • Icon: Improvement Improvement
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • 3.9.6, 3.10.3, 3.11, 4.0
    • Quiz
    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
    • Hide

      Setup a quiz. Any quiz would work, but to test all options it is better if the quiz has at least two sections, with immediate feedback and all review options turned on.

      With a screen reader :

      • Preview a quiz as a teacher, or start a new attempt as a student
      • Go to the Quiz Navigation block
      • Check that the questions for each section is in its own list of links (distinct lists for distinct sections)
      • Check that each questions has offscreen text with all pertinent information (for example, when you navigate between questions with 'Tab' on the keybord, you hear "Question 1 Flagged On this page Answer saved", "Question 2 Not yet answered", and so on)
      • Check that what you see in the link is "Question 1" and not only "1" (this one is not only for screen reader)
      Show
      Setup a quiz. Any quiz would work, but to test all options it is better if the quiz has at least two sections, with immediate feedback and all review options turned on. With a screen reader : Preview a quiz as a teacher, or start a new attempt as a student Go to the Quiz Navigation block Check that the questions for each section is in its own list of links (distinct lists for distinct sections) Check that each questions has offscreen text with all pertinent information (for example, when you navigate between questions with 'Tab' on the keybord, you hear "Question 1 Flagged On this page Answer saved", "Question 2 Not yet answered", and so on) Check that what you see in the link is "Question 1" and not only "1" (this one is not only for screen reader)

      Here some issues found in quiz navigation block:

      • The questions links should be presented in a list so that screen reader users are aware of the number of links and can navigate through them more easily. In addition, a test can be divided into sections, which then assumes several lists of links.
        • Solution: add <ul><li> to facilitate navigation for screen reader
      • When a link references a question on the current page or a flagged question, that information is transmitted with offscreen text read in all screen readers. However, questions that are saved or have incomplete answers are indicated with the hyperlink's "title" attribute, which is not read in JAWS and NVDA.
        • Solution: Remove the title attribute and all information on the status of a question should be present in the offscreen text of the hyperlink. For example, the wording of a link to question 1 might read: "Question 1: On this page, answer incomplete. "And the information following the number would be taken off-screen.
      • The word "question" is offscreen, users of voice commands (motor limitations) are prevented from being able to correctly activate the hyperlink by dictating the first words of it.
        • Solution: Make the word question visible so we have "Question 1" visible instead of "1" visible

        1. linkdetails.png
          linkdetails.png
          90 kB
        2. lists.png
          lists.png
          137 kB
        3. quiznavigation.png
          quiznavigation.png
          19 kB

            Votes:
            1 Vote for this issue
            Watchers:
            11 Start watching this issue

              Created:
              Updated:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 6 minutes
                6m

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