Add aria-label to Auto-included badge for screen reader announcement#271083
Merged
Conversation
…ment The EuiBadge in the library toggle row now includes an aria-label that combines the badge label, tooltip title, and tooltip body text so that screen readers announce the tooltip content when the element receives focus. Agent-Logs-Url: https://github.com/elastic/kibana/sessions/854fa800-c0e6-4cf1-bf52-2982ef7aa033 Co-authored-by: bhavyarm <7074629+bhavyarm@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Fix missing tooltip announcement for skills page
Add aria-label to Auto-included badge for screen reader announcement
May 25, 2026
bhavyarm
approved these changes
May 25, 2026
|
Pinging @elastic/kibana-accessibility (Project:Accessibility) |
Contributor
💛 Build succeeded, but was flaky
Failed CI StepsTest Failures
Metrics [docs]Async chunks
cc @bhavyarm @Copilot |
zacharyparikh
approved these changes
May 27, 2026
Contributor
|
Starting backport for target branches: 9.3, 9.4 |
Contributor
💔 Some backports could not be created
Note: Successful backport PRs will be merged automatically after passing CI. Manual backportTo create the backport manually run: Questions ?Please refer to the Backport tool documentation |
kibanamachine
added a commit
that referenced
this pull request
May 27, 2026
…ement (#271083) (#271462) # Backport This will backport the following commits from `main` to `9.4`: - [Add aria-label to Auto-included badge for screen reader announcement (#271083)](#271083) <!--- Backport version: 9.6.6 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Copilot","email":"198982749+Copilot@users.noreply.github.com"},"sourceCommit":{"committedDate":"2026-05-27T13:32:30Z","message":"Add aria-label to Auto-included badge for screen reader announcement (#271083)","sha":"628ed46af2a753879a19ac3a3393d53d73d3b01a","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Project:Accessibility","release_note:skip","💝community","backport:version","a11y:agent-pr","v9.5.0","v9.3.5","v9.4.2"],"title":"Add aria-label to Auto-included badge for screen reader announcement","number":271083,"url":"https://github.com/elastic/kibana/pull/271083","mergeCommit":{"message":"Add aria-label to Auto-included badge for screen reader announcement (#271083)","sha":"628ed46af2a753879a19ac3a3393d53d73d3b01a"}},"sourceBranch":"main","suggestedTargetBranches":["9.3","9.4"],"targetPullRequestStates":[{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/271083","number":271083,"mergeCommit":{"message":"Add aria-label to Auto-included badge for screen reader announcement (#271083)","sha":"628ed46af2a753879a19ac3a3393d53d73d3b01a"}},{"branch":"9.3","label":"v9.3.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.4","label":"v9.4.2","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
smith
pushed a commit
to smith/kibana
that referenced
this pull request
May 27, 2026
dej611
pushed a commit
to dej611/kibana
that referenced
this pull request
May 29, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
The "Auto-included" badge in the skill/tool/plugin library panel has tooltip text that is not announced by screen readers (VoiceOver), violating WCAG 4.1.2 (Name, Role, Value).
aria-labelto theEuiBadgeinLibraryToggleRowthat concatenates the badge label, tooltip title, and tooltip body so the full context is announced on focusThis is in the shared
library_toggle_row.tsxcomponent, so it applies to all three library panels (skills, tools, plugins).Warning
Firewall rules blocked me from connecting to one or more addresses (expand for details)
I tried to connect to the following addresses, but was blocked by firewall rules:
ci-stats.kibana.dev/home/REDACTED/work/_temp/ghcca-node/node/bin/node node scripts/eslint x-pack/platform/plugins/shared/agent_builder/public/application/components/agents/common/library_toggle_row.tsx(dns block)/home/REDACTED/work/_temp/ghcca-node/node/bin/node node scripts/type_check --project x-pack/platform/plugins/shared/agent_builder/tsconfig.json(dns block)If you need me to access, download, or install something from one of these locations, you can either: