Skip to content

[Menu] Screen reader does not announce keyboard shortcuts in menu options #2665

@DanielleRameau

Description

@DanielleRameau

Provide a general summary of the issue here

Description:
For the variant with keyboard shortcuts, screen reader users are currently not informed that part of the read text refers to a keyboard shortcut. For example, in the menu, options like “List Ctrl1”, “Cards Ctrl2”, and “Grid Ctrl3” are visually clear, but screen readers read them as plain text without indicating that “Ctrl1”, “Ctrl2”, etc., are keyboard shortcuts.

Image

Expected behavior:
Screen reader users should be informed when part of the label refers to a keyboard shortcut. This can be achieved by adding a visually hidden label (e.g., using aria-label, aria-describedby, or a visually hidden span) to clarify that “Ctrl1” is a keyboard shortcut.

Link to finding: #2574 (comment)

👤 Your name

DR

🧢 Your Product/Team

SLDS

Metadata

Metadata

Assignees

Type

Projects

Status

✈️ Released

Relationships

None yet

Development

No branches or pull requests

Issue actions