Skip to content

fix(ui5-list): suppress F2 aria description for custom items without tabbables#13865

Open
kgogov wants to merge 1 commit into
mainfrom
fix/list-f2-aria-custom-no-tabbables
Open

fix(ui5-list): suppress F2 aria description for custom items without tabbables#13865
kgogov wants to merge 1 commit into
mainfrom
fix/list-f2-aria-custom-no-tabbables

Conversation

@kgogov

@kgogov kgogov commented Jul 24, 2026

Copy link
Copy Markdown
Contributor

Previously the "To move to the content, press F2" hint was announced for every ui5-li-custom, on the assumption that custom items may host arbitrary tabbable slot content. In the very common case where ui5-li-custom is used purely for visual richness (icon + description + additional text), the hint was misleading - F2 has nowhere to go, so pressing it does nothing.

Replace the type-based check in _hasInteractiveItems with a behavioural call to _hasFocusableElements(), so the announcement matches what F2 actually does.

Related to: #13489
Fixes: #13713

…tabbables

Previously the "To move to the content, press F2" hint was announced
for every ui5-li-custom, on the assumption that custom items may host
arbitrary tabbable slot content. In the very common case where
ui5-li-custom is used purely for visual richness (icon + description +
additional text), the hint was misleading - F2 has nowhere to go, so
pressing it does nothing.

Replace the type-based check in _hasInteractiveItems with a behavioural
call to _hasFocusableElements(), so the announcement matches what F2
actually does.

Related to: #13489
Fixes: #13713
@kgogov
kgogov deployed to netlify-preview July 24, 2026 12:32 — with GitHub Actions Active
@sap-ui5-webcomponents-release

Copy link
Copy Markdown

@kgogov

kgogov commented Jul 24, 2026

Copy link
Copy Markdown
Contributor Author

Quick before/after for reviewers 👀

Same playground fragment (customer's exact repro from #13713), rendered against main vs. this PR:

How to inspect: open DevTools → find ui5-list → look at the inner <ul class="ui5-list-ul"> inside its shadow root.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

1 participant