Fixed
Details
Priority
MinorAffects versions
22 Status
VerifiedComponents
Assignee
UnassignedUnassignedReporter
Matthew JonesMatthew Jones
Details
Details
Priority
Affects versions
22 Status
Verified
Components
Assignee
Unassigned
UnassignedReporter
Matthew Jones
Matthew JonesCreated April 19, 2018 at 7:36 AM
Updated May 31, 2023 at 5:59 PM
Resolved February 8, 2022 at 4:02 PM
upper-right-corner profile link expands and collapses and this information is not communicated to screen reader users. Additionally, list of the expanded item has role of menu and menuitem which is not correct since it does not include the only link but it also includes text information.
[User Impact] The top right corner profile expansion does not behave as menu and when screen reader users navigate to it, they get confused since it does not follow menu's keyboard paradigm.[Code]
.....[Expected behavior]
Developers must ensure that when assistive technologies users navigate to "Sakai", screen reader announce its state of being expand or collapse. For that developers need to use "aria-expand" property.
Moreover, developers need to remove the role of menu and menuitem. If developers need to implement this as menu then they need to make sure it follows the standard paradigm of menu, however, for this element it is not recommended.
Developers should follow:Heading with Level StartNative Button with Expandable State (via aria-expanded)Heading with Level EndExpandable Named Region Start (via role="region" plus aria-labelledby or aria-label)List of Native LinksExpandable Named Region End[Reference link]https://www.levelaccess.com/challenges-mega-menus-standard-menus-make-accessible/