Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-42367

samigo: Improve usability of matching questions for students.

    XMLWordPrintable

    Details

    • Test Plan:
      Hide
      1. In a site with at least one student and Tests & Quizzes, as instructor, create a quiz.
      2. Add a few matching questions to the quiz, making sure at least one of the questions includes an attached image.
      3. In the quiz Settings > Grading and Feedback, release Feedback on Submission with Student Response, Correct Response, Question and Part Scores selected.
      4. Turn on a screen reader and take the quiz as a student. Make sure you can understand the question, answer options, etc. and answer the question successfully, whether using the screen reader or looking at the question.
      5. Check feedback and make sure you can understand your score, the question, what parts of it you answered correctly/incorrectly, and answer key, both with and without screen reader.
      6. Log in as instructor and check the Scores for the quiz.
      7. Select the student's name and make sure the answer feedback is presented in a readable way.
      8. Select Questions, then select each question and make sure the feedback is readable.
      Show
      In a site with at least one student and Tests & Quizzes , as instructor, create a quiz. Add a few matching questions to the quiz, making sure at least one of the questions includes an attached image. In the quiz Settings > Grading and Feedback , release Feedback on Submission with Student Response , Correct Response , Question and Part Scores selected. Turn on a screen reader and take the quiz as a student. Make sure you can understand the question, answer options, etc. and answer the question successfully, whether using the screen reader or looking at the question. Check feedback and make sure you can understand your score, the question, what parts of it you answered correctly/incorrectly, and answer key, both with and without screen reader. Log in as instructor and check the Scores for the quiz. Select the student's name and make sure the answer feedback is presented in a readable way. Select Questions , then select each question and make sure the feedback is readable.

      Description

      Matching questions are formatted vertically, as follows:

      • Question Text (and accompanying image attachments, if there are any)
      • Lettered options
      • Matching items with selection menus to select the option letters.

      This can make for a lot of vertical scrolling (for sighted users), and if images are included in the question text, it can be even harder for students to answer. It may be worse for a screen reader user, who must remember what possible answer selections the letters correspond to when interacting with the menus.

      Here are two questions in the current bad format, as examples (screen shots from nightly experimental server):

      An instructor has requested that these questions be reformatted to place the answer options' menus horizontally to the right of the matching items, as shown in the mock-ups below.

      Potential caveat to consider: What happens if the answer options include images/HTML? How would those be presented effectively with the drop-downs?

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  maintenanceteam Core Team
                  Reporter:
                  rainribbon Tiffany Stull
                  Votes:
                  1 Vote for this issue
                  Watchers:
                  6 Start watching this issue

                    Dates

                    Created:
                    Updated:

                      Git Integration