Skip to content

fix(ui5-timeline): add correct accessibleName to growing button#12963

Merged
hinzzx merged 2 commits intomainfrom
tl-acc-fix-growing-btn
Feb 4, 2026
Merged

fix(ui5-timeline): add correct accessibleName to growing button#12963
hinzzx merged 2 commits intomainfrom
tl-acc-fix-growing-btn

Conversation

@hinzzx
Copy link
Contributor

@hinzzx hinzzx commented Jan 27, 2026

Problem

The ui5-timeline "Load More" button (displayed when growing="Button") is an icon-only button with no accessible name or tooltip:

  1. Screen readers announce only the icon's generic name ("Process" or "Drill Down") instead of the button's purpose
  2. Visual tooltip on hover shows the icon name, not the action
  3. Region label was hardcoded as "Timeline", ignoring the accessibleName property

Solution

  • Added tooltip and accessibleName properties to the growing button with i18n text "Load More"
  • Changed region's aria-label from hardcoded "Timeline" to dynamic this.ariaLabel

What This Fixes

  • ✅ Screen readers now announce "Load More" (i18n-enabled)
  • ✅ Visual tooltip shows "Load More" on hover
  • ✅ Consistent UX between sighted and screen reader users
  • ✅ Timeline region label respects accessibleName property

@hinzzx hinzzx changed the title fix(ui5-timeline): add correct to growing button fix(ui5-timeline): add correct aria-label to growing button Jan 27, 2026
@ui5-webcomponents-bot
Copy link
Collaborator

ui5-webcomponents-bot commented Jan 27, 2026

🧹 Preview deployment cleaned up: https://pr-12963--ui5-webcomponents.netlify.app

@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview January 27, 2026 07:57 Inactive
@hinzzx hinzzx changed the title fix(ui5-timeline): add correct aria-label to growing button fix(ui5-timeline): add correct accessibleName to growing button Jan 27, 2026
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview January 30, 2026 07:58 Inactive
@unazko unazko self-requested a review January 30, 2026 08:14
@unazko unazko requested a review from tsanislavgatev January 30, 2026 08:26
@hinzzx hinzzx merged commit 83901bf into main Feb 4, 2026
14 checks passed
@hinzzx hinzzx deleted the tl-acc-fix-growing-btn branch February 4, 2026 06:43
@ui5-webcomponents-bot ui5-webcomponents-bot temporarily deployed to preview February 4, 2026 06:43 Inactive
@ui5-webcomponents-bot
Copy link
Collaborator

🎉 This PR is included in version v2.19.0-rc.3 🎉

The release is available on v2.19.0-rc.3

Your semantic-release bot 📦🚀

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants