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

Make the rubrics advanced grading criteria accessible to screen readers

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Behat

      1. Run behat tests for @gradingform_rubric tags.
        Confirm that there are no failures.

      Rubric creation/editing

      1. Login as an admin
      2. Create a course
      3. Create an assignment
      4. Under "Assignment administration" in the "Administration" block, click "Advanced grading"
      5. Select "Rubric" in the "Change active grading method to" combo box.
      6. Click "Define new grading form from scratch"
      7. Navigate through the page using a screen reader like JAWS or NVDA using the keyboard and without looking at the screen, as much as possible.
      8. Confirm if you were able to successfully create/edit a rubric through the help of the screen reader only:
      • Confirm that you able to successfully navigate through the rubric table
      • Confirm that you are able to determine the position/input element you are in on the rubric table.
      • Confirm that you are able to perform common tasks such as adding/editing/deleting criterion and levels.
      • Confirm that you are alerted of any error messages if you have made invalid inputs in the page or the rubric table. (Note: This might not work on other browsers like Firefox, see MDL-52778).

      Grading with a rubric

      1. Login as an admin or a teacher.
      2. With the previously created course, enrol some students.
      3. After enrolling students, go back to the course and select the previously created assignment.
      4. On the assignment page, click "View/grade all submissions"
      5. On the Grading page, click the "Grade" icon on any of the students listed on the grading table.
      6. Navigate through the page using a screen reader like JAWS or NVDA using the keyboard and without looking at the screen, as much as possible.
      7. Confirm if you were able to successfully grade the rubric through the help of the screen reader only:
      • Confirm that you able to successfully navigate through the rubric table
      • Confirm that you are able to determine the position/input element you are in on the rubric table.
      • Confirm that you are able to navigate through the levels and determine whether they are checked or not.
      • Confirm that you are able to mark the level as checked or unchecked using the enter or space keys.

      Viewing the graded rubric as a student

      1. Login as the student who was previously graded.
      2. Navigate to the course and click on the graded assignment.
      3. Navigate through the assignment page using a screen reader like JAWS or NVDA using the keyboard and without looking at the screen, as much as possible.
      4. Under the "Submission status" section, navigate to the Grading criteria row and into the rubric.
      5. Confirm that you were able to understand the criteria and the grading levels of the rubric.
      6. Navigate to the Feedback section and go to the Grade row.
      7. Confirm if you were able to understand the grade you got in the rubric through the help of the screen reader only:
      • Confirm that you able to successfully navigate through the rubric table
      • Confirm that you are able to determine the position you are in on the rubric table.
      • Confirm that you are able to navigate through the levels and determine whether they are checked or not.
      • Confirm that you are able to hear the contents of the teacher's remarks for the current criterion.
      Show
      Behat Run behat tests for @gradingform_rubric tags. Confirm that there are no failures. Rubric creation/editing Login as an admin Create a course Create an assignment Under "Assignment administration" in the "Administration" block, click "Advanced grading" Select "Rubric" in the "Change active grading method to" combo box. Click "Define new grading form from scratch" Navigate through the page using a screen reader like JAWS or NVDA using the keyboard and without looking at the screen, as much as possible. Confirm if you were able to successfully create/edit a rubric through the help of the screen reader only: Confirm that you able to successfully navigate through the rubric table Confirm that you are able to determine the position/input element you are in on the rubric table. Confirm that you are able to perform common tasks such as adding/editing/deleting criterion and levels. Confirm that you are alerted of any error messages if you have made invalid inputs in the page or the rubric table. (Note: This might not work on other browsers like Firefox, see MDL-52778 ). Grading with a rubric Login as an admin or a teacher. With the previously created course, enrol some students. After enrolling students, go back to the course and select the previously created assignment. On the assignment page, click "View/grade all submissions" On the Grading page, click the "Grade" icon on any of the students listed on the grading table. Navigate through the page using a screen reader like JAWS or NVDA using the keyboard and without looking at the screen, as much as possible. Confirm if you were able to successfully grade the rubric through the help of the screen reader only: Confirm that you able to successfully navigate through the rubric table Confirm that you are able to determine the position/input element you are in on the rubric table. Confirm that you are able to navigate through the levels and determine whether they are checked or not. Confirm that you are able to mark the level as checked or unchecked using the enter or space keys. Viewing the graded rubric as a student Login as the student who was previously graded. Navigate to the course and click on the graded assignment. Navigate through the assignment page using a screen reader like JAWS or NVDA using the keyboard and without looking at the screen, as much as possible. Under the "Submission status" section, navigate to the Grading criteria row and into the rubric. Confirm that you were able to understand the criteria and the grading levels of the rubric. Navigate to the Feedback section and go to the Grade row. Confirm if you were able to understand the grade you got in the rubric through the help of the screen reader only: Confirm that you able to successfully navigate through the rubric table Confirm that you are able to determine the position you are in on the rubric table. Confirm that you are able to navigate through the levels and determine whether they are checked or not. Confirm that you are able to hear the contents of the teacher's remarks for the current criterion.
    • Affected Branches:
      MOODLE_23_STABLE
    • Fixed Branches:
      MOODLE_31_STABLE
    • Pull Master Branch:
      MDL-36404-master
    • Story Points:
      100
    • Sprint:
      Team Both Sprint 1, 3.1 Stable Sprint 1, 3.1 Stable Sprint 2, 3.1 Sprint 3
    • Issue size:
      Small

      Description

      Issue
      The tables for criteria in both the create an advanced grading method and in the view of the advanced grading method when grading an assignment do not have table headers or a table summary. A non sighted user can't determine where they are in the table without headers.

      Standard Level
      WCAG 2 1.3.1 (A) http://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-programmatic

      Impact
      Critical

      Example Link
      http://demo.moodle.net/

      Test Steps

      1. Login as a teacher
      2. Navigate to CF101
      3. Create and Assignment and set the grading to marking guide or rubric
      4. Try to navigate through the criteria table using a screen reader. Try to determine your position in the table.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                2 Vote for this issue
                Watchers:
                17 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  23/May/16