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

Accessibility, Portal: User menu that is needed to log out says "void" to screen reader users

    XMLWordPrintable

    Details

    • 21 Status:
      Verified
    • 20 status:
      Verified
    • 19 status:
      Verified
    • Test Plan:
      Hide
      1. Enable a screen reader, e.g., JAWS, NVDA, VoiceOver.
      2. Log into Sakai as instructor or student.
      3. Use Tab key on keyboard to navigate to the menu with your name.
      4. Ensure you are clearly informed of the menu's purpose and you can navigate and use it with no issue being confused.

      If you are not using a screen reader - inspect the <a> tag with the aria-haspopup="true" and watch it in your developer console.  As you show and hide the dropdown menu the aria-expanded attribute should accurately reflect whether or not the fly out menu is visible or not.

      Show
      Enable a screen reader, e.g., JAWS, NVDA, VoiceOver. Log into Sakai as instructor or student. Use Tab key on keyboard to navigate to the menu with your name. Ensure you are clearly informed of the menu's purpose and you can navigate and use it with no issue being confused. If you are not using a screen reader - inspect the <a> tag with the aria-haspopup="true" and watch it in your developer console.  As you show and hide the dropdown menu the aria-expanded attribute should accurately reflect whether or not the fly out menu is visible or not.

      Description

      When a screen reader user arrives on the menu with their name (a menu they MUST be able to interact with because it's what you use to LOG OUT), it says "void". There is no indication whatsoever of this menu's function. Not having any clear way to log out of the system is a severe security risk for users.

      In previous versions of Sakai, the menu said the user's name, e.g., "Tiffany menu". While not really adequate, at least there was something viable for the user to hear and we could tell them in Help documentation to select the menu with their name to log out.

      Proposed fix:

      Give the menu an appropriate descriptive name for screen reader users. Suggestion:

      "[User's name] Profile menu. Includes option to log out."

      Example: "Tiffany Profile menu. Includes option to log out."

      I expanded this to include fixing aria tags on the "more sites" flyout.

        Gliffy Diagrams

          Zeplin

            Attachments

              Activity

                People

                Assignee:
                csev Charles Severance
                Reporter:
                rainribbon Tiffany Stull
                Votes:
                0 Vote for this issue
                Watchers:
                8 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    Git Integration