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

Instructor View: Switch View Select box

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: OPEN
    • Priority: Critical
    • Resolution: Unresolved
    • Affects Version/s: 19.1
    • Fix Version/s: None
    • Component/s: Accessibility
    • Labels:
      None
    • Environment:
      Initially found in Illinois State University Sakai 19.1 environment.
    • Test Plan:
      Hide
      1. As Instructor, access your course site.
      2. Use tab key to navigate to the View Site As select box.
      3. Screen reader announces "Visit site as a different role. Role selection will reload page as new role. Use exit view link to return to normal role dot combo box. View site as, colon, to change the selection use the arrow keys."
      4. Press down arrow key. Page automatically refreshes and does not announce what role was selected. Because the page automatically refreshed, a screen reader user may not know there were other options available. 
      Show
      As Instructor, access your course site. Use tab key to navigate to the View Site As select box. Screen reader announces "Visit site as a different role. Role selection will reload page as new role. Use exit view link to return to normal role dot combo box. View site as, colon, to change the selection use the arrow keys ." Press down arrow key. Page automatically refreshes and does not announce what role was selected. Because the page automatically refreshed, a screen reader user may not know there were other options available. 

      Description

      When using arrow keys to change to a new view, the page automatically refreshes when the first view option has focus, and opens that view. Because this occurs, only the first view option is available to keyboard-only and screen reader users if there are multiple views to select from (i.e. Guest, Student) and blocks these users from any subsequent choice(s) available. 

       

      Also, the aria-label should be to provide a clear accessible name not to give instruction. Aria-describedby is a better option to give instruction. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute

       

      <select id="roleSwitchSelect" class="Mrphs-roleSwitch__dropdown" aria-label="Visit site as a different role. Role selection will reload page as new role. Use 'Exit View' link to return to normal role.">
      <option value="" selected="selected">View Site As:</option>
      <option value="https://reggienetdev.illinoisstate.edu/portal/role-switch/c66955a1-9dd5-4c84-a2c4-c609a27b62c6/Guest/?panel=Main">Guest</option>
      <option value="https://reggienetdev.illinoisstate.edu/portal/role-switch/c66955a1-9dd5-4c84-a2c4-c609a27b62c6/Student/?panel=Main">Student</option>
      </select>

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  jbbeth1 Jen Bethmann
                • Votes:
                  1 Vote for this issue
                  Watchers:
                  7 Start watching this issue

                  Dates

                  • Created:
                    Updated:

                    Git Integration