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

Make the marking guide advanced grading accessible to screen readers

XMLWordPrintable

    • MOODLE_28_STABLE, MOODLE_29_STABLE, MOODLE_30_STABLE
    • MOODLE_31_STABLE
    • MDL-52661-master
    • Hide

      Behat

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

      Marking guide creation/editing

      1. Login as an admin
      2. Create an assignment under the previously created course
      3. Under "Assignment administration" in the "Administration" block, click "Advanced grading"
      4. Select "Marking guide" in the "Change active grading method to" combo box.
      5. Click "Define new grading form from scratch"
      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 create/edit a marking guide definition through the help of the screen reader only:
      • Confirm that you able to successfully navigate through the marking guide criteria table
      • Confirm that you are able to determine the position/input element you are in on the marking guide criteria table.
      • Confirm that you are able to perform common tasks such as adding/editing/deleting criterion and frequently used comments.
      • Confirm that you are alerted of any error messages if you have made invalid inputs in the page or the marking guide criteria table.

      Grading with a marking guide

      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 assignment through the help of the screen reader only:
      • Confirm that you able to successfully navigate through the marking guide criteria table
      • Confirm that you are able to determine the position/input element you are in on the marking guide criteria table.
      • Confirm that you are able to mark the level as checked or unchecked using the enter or space keys.
      1. Confirm that you are able to insert a frequently used comment into the remarks section using the "Insert frequently used comment" button and dialogue.

      Viewing the graded marking guide assignment 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 marking guide table.
      5. Confirm that you were able to understand the criteria and their appropriate details in the marking guide criteria table.
      6. Navigate to the Feedback section and go to the Grade row.
      7. Confirm if you were able to understand the remark and grade you got for each criteria in the assignment through the help of the screen reader only:
      • Confirm that you able to successfully navigate through the marking guide table.
      • Confirm that you are able to determine the position you are in on the marking guide table.
      • Confirm that you are able to hear the contents of the teacher's remarks and your grade for the current criterion.
      Show
      Behat Run behat tests for @gradingform_guide tags. Confirm that there are no failures. Marking guide creation/editing Login as an admin Create an assignment under the previously created course Under "Assignment administration" in the "Administration" block, click "Advanced grading" Select "Marking guide" 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 marking guide definition through the help of the screen reader only: Confirm that you able to successfully navigate through the marking guide criteria table Confirm that you are able to determine the position/input element you are in on the marking guide criteria table. Confirm that you are able to perform common tasks such as adding/editing/deleting criterion and frequently used comments. Confirm that you are alerted of any error messages if you have made invalid inputs in the page or the marking guide criteria table. Grading with a marking guide 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 assignment through the help of the screen reader only: Confirm that you able to successfully navigate through the marking guide criteria table Confirm that you are able to determine the position/input element you are in on the marking guide criteria table. Confirm that you are able to mark the level as checked or unchecked using the enter or space keys. Confirm that you are able to insert a frequently used comment into the remarks section using the "Insert frequently used comment" button and dialogue. Viewing the graded marking guide assignment 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 marking guide table. Confirm that you were able to understand the criteria and their appropriate details in the marking guide criteria table. Navigate to the Feedback section and go to the Grade row. Confirm if you were able to understand the remark and grade you got for each criteria in the assignment through the help of the screen reader only: Confirm that you able to successfully navigate through the marking guide table. Confirm that you are able to determine the position you are in on the marking guide table. Confirm that you are able to hear the contents of the teacher's remarks and your grade for the current criterion.
    • 3.1 Stable Sprint 2

      The marking guide advanced grading page needs to be improved in terms of accessibility.

      The following issues have been identified:

      • Creating a form
        1. The Label for the "Description for Students" specifies the "name" for the textarea, not it's ID - so it's not read to screen readers
        2. Same for "Description for Markers"
        3. Same for frequently used comments
        4. The buttons to reorder or delete criterion or frequently used comments all have tab index -1 so they do not appear in the tab order.
      • Filling a form
        1. The remarks textareas have no labels
        2. The score input fields all have the same label which does not indicate which criterion they are for or the maximum score for the field.
        3. The add button for frequently used comments has tabindex of -1, is not a button, and has no aria role indicating it can be interacted with.
        4. The entire design of the frequently used comments feature prevents it from working with a screen reader because it relies on clicks and focus on 2 different widgets simultaneously.
      • Viewing marking guide as a student
        1. Not too bad. Only comment is that the score is read as "4 /" and then "6" in the next element because it's in a separate div.

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            cameron1729 cameron1729
            Dan Poltawski Dan Poltawski
            John Okely John Okely
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

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