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

Grader report accessibility issues

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-79062-401-2
    • MDL-79062-403-2
    • MDL-79062-master-2
    • Hide
      Setup
      1. Create a course with a few gradable activities (e.g. assignments, quizzes, forums, etc.) Take note the minimum/maximum grades for these activities.
      2. Enrol at least one student in the course
      3. As teacher/admin, go to the course's Grades > View > Grader report page.
      HTML validation - Editing mode off
      1. View the page source.
      2. Copy the HTML source code and validate it using the Nu HTML validator.
      3. Confirm that you don't get validation errors.
      Accessibility checker - Editing mode off
      1. Test the page using an accessibility checker (e.g. axe DevTools)
      2. Confirm that there are no accessibility issues related to the main content region of the Grader report page.
      HTML validation - Editing mode on
      1. Turn editing mode on.
      2. View the page source.
      3. Copy the HTML source code and validate it using the Nu HTML validator.
      4. Confirm that you don't get validation errors.
      Accessibility checker - Editing mode on
      1. Test the page using an accessibility checker (e.g. axe DevTools)
      2. Confirm that there are no accessibility issues related to the main content region of the Grader report page.
      Tab order
      1. Turn editing mode on
      2. Tab through the grader report table
      3. Confirm that the tab order starts from the top of the table, going from left to right on the first row and then downwards to the next row.
      Input validation

      Note: Test this on different supported browsers.

      1. With editing mode still turned on, try to edit a grade for a student
      2. Confirm that only numeric values are now accepted by the grade input fields. If you try to enter a non-numeric value (e.g. on Firefox or by copy-pasting a non-numeric text), you will get a data validation error or it simply will ignore the non-numeric input.
      3. Confirm that you get a validation error if you enter a value below the minimum grade or above the maximum grade.
      Show
      Setup Create a course with a few gradable activities (e.g. assignments, quizzes, forums, etc.) Take note the minimum/maximum grades for these activities. Enrol at least one student in the course As teacher/admin, go to the course's Grades > View > Grader report page. HTML validation - Editing mode off View the page source. Copy the HTML source code and validate it using the Nu HTML validator. Confirm that you don't get validation errors. Accessibility checker - Editing mode off Test the page using an accessibility checker (e.g. axe DevTools) Confirm that there are no accessibility issues related to the main content region of the Grader report page. HTML validation - Editing mode on Turn editing mode on. View the page source. Copy the HTML source code and validate it using the Nu HTML validator. Confirm that you don't get validation errors. Accessibility checker - Editing mode on Test the page using an accessibility checker (e.g. axe DevTools) Confirm that there are no accessibility issues related to the main content region of the Grader report page. Tab order Turn editing mode on Tab through the grader report table Confirm that the tab order starts from the top of the table, going from left to right on the first row and then downwards to the next row. Input validation Note: Test this on different supported browsers. With editing mode still turned on, try to edit a grade for a student Confirm that only numeric values are now accepted by the grade input fields. If you try to enter a non-numeric value (e.g. on Firefox or by copy-pasting a non-numeric text), you will get a data validation error or it simply will ignore the non-numeric input. Confirm that you get a validation error if you enter a value below the minimum grade or above the maximum grade.
    • 3
    • Team Alpha - Sprint 3 I3-2023

      From the accessibility audit:

      Grade input fields accept alphabet characters but no warning is given when the form is submitted. These characters are not valid and the data field defaults to 0.00.

      And a usability issue:

      Grades over the maximum value, when added to the grade input are identified, but the error message is not near to the input field in which it refers to.

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Mihail Geshoski Mihail Geshoski
            Huong Nguyen Huong Nguyen
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 day, 3 hours, 15 minutes
                1d 3h 15m

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