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

Fix Lesson accessibility issues found in the 3.11 accessibility audit

XMLWordPrintable

    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-72672-master
    • Hide

      Setup

      1. A course with at least one student enrolled
      2. Create a lesson activity and add two questions: a true/false and a multi-choice. It would be good to have questions/answers that have wide content. E.g. a very long continuous word / URL string / a wide picture.

      Testing

      1. As student, go to the lesson and answer the questions.
      2. As admin, go to the lesson and select Edit tab.
      3. Using WAVE tool scan the page.
      4. Make sure there are no errors related to missing label for the Actions selectbox:
      5. Now, select Report and Detailed statistics tab.
      6. Scan the page again.
      7. Make sure there are no errors related to missing label for the Answer checkbox for both questions:

      Reflow testing

      1. As admin/teacher, go to the lesson's Reports tab.
      2. On the Overview report tab, zoom the page to 400%
      3. Check the attempts table.
      4. Confirm that if its columns cannot fit the width of the page, a scrollbar will be shown right below the table to allow the user to scroll horizontally on the table.
      5. Click on the Detailed statistics report tab.
      6. The multiple choice and true/false question pages should have their own tables.
      7. Zoom the page to 400%
      8. Confirm that if the columns of either the multiple-choice and true/false question tables cannot fit the width of the page, a scrollbar will be shown right below each of these tables to allow the user to scroll horizontally on the tables.
      Show
      Setup A course with at least one student enrolled Create a lesson activity and add two questions: a true/false and a multi-choice. It would be good to have questions/answers that have wide content. E.g. a very long continuous word / URL string / a wide picture. Testing As student, go to the lesson and answer the questions. As admin , go to the lesson and select Edit tab. Using WAVE tool scan the page. Make sure there are no errors related to missing label for the Actions selectbox: Now, select Report and Detailed statistics tab. Scan the page again. Make sure there are no errors related to missing label for the Answer checkbox for both questions: Reflow testing As admin/teacher, go to the lesson's Reports tab. On the Overview report tab, zoom the page to 400% Check the attempts table. Confirm that if its columns cannot fit the width of the page, a scrollbar will be shown right below the table to allow the user to scroll horizontally on the table. Click on the Detailed statistics report tab. The multiple choice and true/false question pages should have their own tables. Zoom the page to 400% Confirm that if the columns of either the multiple-choice and true/false question tables cannot fit the width of the page, a scrollbar will be shown right below each of these tables to allow the user to scroll horizontally on the tables.
    • 4
    • HQ Team International Sprin 10, HQ Team International CI H2-21

      Edit lesson page - Teacher
      1. Missing form labels
      2. When zoomed to 400%, the content of the table is cut off and cannot be viewed as there is no ability to scroll. It appears this is an issue with the "overflow-x: auto" attribute in #region-main. This problem does not occur on a mobile device as it's possible to swipe to see this content.
      Report overview
      1. When zoomed to 400%, the content of the table is cut off and cannot be viewed as there is no ability to scroll. It appears this is an issue with the "overflow-x: auto" attribute in #region-main. This problem does not occur on a mobile device as it's possible to swipe to see this content.
      Detailed statistics report
      1. There are missing form labels for the checkboxes.
      2. Usability issue: While not a fail, it is recommended that a fieldset is to group contextually similar items.

        1. MDL-72672_Reflow_Step 4.png
          72 kB
          Angelia Dela Cruz
        2. MDL-72672_Reflow_Step 6.png
          117 kB
          Angelia Dela Cruz
        3. MDL-72672_Reflow_Step 8_Multichoice.png
          83 kB
          Angelia Dela Cruz
        4. MDL-72672_Reflow_Step 8_True or false.png
          74 kB
          Angelia Dela Cruz
        5. MDL-72672_Step 4.png
          200 kB
          Angelia Dela Cruz
        6. MDL-72672_Step 7.png
          201 kB
          Angelia Dela Cruz
        7. MDL-72672 actions selectbox.png
          4 kB
          Simey Lameze
        8. MDL-72672 answer checkbox.png
          3 kB
          Simey Lameze

            lameze Simey Lameze
            jpataleta Jun Pataleta
            Shamim Rezaie Shamim Rezaie
            Jun Pataleta Jun Pataleta
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 days, 6 hours, 57 minutes
                2d 6h 57m

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