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

Fix Lesson accessibility issues found in the 3.11 accessibility audit

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MOODLE_310_STABLE, MOODLE_311_STABLE
    • MDL-72672-311
    • 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

    Description

      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.

      Attachments

        Activity

          People

            lameze Simey Lameze
            jpataleta Jun Pataleta
            Shamim Rezaie Shamim Rezaie
            Jun Pataleta Jun Pataleta
            Angelia Dela Cruz Angelia Dela Cruz
            Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Stevani Andolo, Jake Dallimore, Mathew May, Mihail Geshoski
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              8/Nov/21

              Time Tracking

                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