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

samigo: Accessibility issues with selecting radio button/checkbox answer options during take

    Details

    • Previous Issue Keys:
      SAM-3217

      Description

      Issue: In Sakai 11.2 and greater, when selecting answers for a Multiple Choice, Single Selection OR Survey question, the ONLY item you can use to select an answer is the radio button for that answer option. (Screencasts of behavior linked in steps to reproduce below - note that the Screencast is from UVA's local instance and the bgcolor/highlight behavior for these question types is NOT present on nightly2.)

      NOTE:

      • The behavior of only being able to click the radio button for Multiple Choice, Single Selection and Survey questions differs from Sakai 10.2 where you could, correctly, also click the answer text to select the answer.

      The following 4 question types SHOULD have a consistent look/feel to the user:

      1. Multiple Choice, Single Selection
      2. Survey (simple survey NOT matrix of choices)
      3. Multiple Choice, Multiple Selection
      4. True False

      Desired behavior of ALL 4 question types above:

      • Highlight the text of the answer option on FOCUS (EITHER keyboard OR mouse/pointer device focus).
      • Make the highlight have appropriate contrast with black text.
      • For each answer option, allow BOTH answer text and radio button to be clickable.

      Steps to reproduce:

      1. Create and publish an assessment with the following 4 question types:
        • Multiple Choice, Single Selection
        • Survey (simple survey NOT matrix of choices)
        • Multiple Choice, Multiple Selection
        • True False
      2. As a student, take the test and note the following incorrect behavior for the question types:
        1. Multiple Choice, Single Selection questions, you cannot click the answer text to select it.
          https://www.screencast.com/t/3yDumGq5
        2. Survey questions, you cannot click the answer text to select it.
          https://www.screencast.com/t/xhC5deJB
      3. Note correct behavior for Multiple Choice, Multiple Selection and True False questions - they allow selection of answer by clicking answer text.
        https://www.screencast.com/t/wfrVlXdecR
        https://www.screencast.com/t/fhcdkGgyXM2

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

                Activity

                  People

                  Assignee:
                  jcebellan Jose Cebellán (Entornos de Formación)
                  Reporter:
                  rainribbon Tiffany Stull
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                    Dates

                    Created:
                    Updated:

                      Git Integration