Skip to content

feat(ui5-list): add live region announcement for item selection (POC)#13440

Open
NakataCode wants to merge 1 commit intomainfrom
feat/list-live-region-selection-announcement
Open

feat(ui5-list): add live region announcement for item selection (POC)#13440
NakataCode wants to merge 1 commit intomainfrom
feat/list-live-region-selection-announcement

Conversation

@NakataCode
Copy link
Copy Markdown
Contributor

@NakataCode NakataCode commented Apr 28, 2026

Problem:

  • When a user selects or deselects a list item with a mouse click, screen readers get no immediate feedback. They only discover the selection state when navigating back to the item, because the AT reads aria-selected on focus.

Solution:

  • Call announce() (InvisibleMessage) with a polite live region announcement immediately after a selection change succeeds. The text is "Selected" or "Not Selected" using the existing i18n strings LIST_ITEM_SELECTED / LIST_ITEM_NOT_SELECTED.

What's covered:

  • All selectable modes: Single, SingleStart, SingleEnd, SingleAuto, Multiple
  • Mouse clicks and keyboard (Space/Enter)
  • SingleAuto arrow-key navigation (goes through the same onSelectionRequested path)
  • No announcement when selectionMode="None"
  • No announcement when the consumer prevents the selection-change event
  • Delete mode is naturally excluded — it never toggles selected

Announces "Selected" or "Not Selected" via InvisibleMessage when a list
item's selection state changes in any selectionMode other than "None".
Covers Single, SingleStart, SingleEnd, SingleAuto, and Multiple modes.
@ui5-webcomponents-bot
Copy link
Copy Markdown
Collaborator

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview April 28, 2026 13:46 Inactive
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants