Fix @elastic/eui/tooltip-focusable-anchor lint violations in kbn-developer-toolbar#267696
Conversation
…loper-toolbar
Add tabIndex={0} to non-focusable elements inside EuiToolTip for accessibility.
Closes #225189
Agent-Logs-Url: https://github.com/elastic/kibana/sessions/d9cb0687-74a6-4a26-a9a8-f2f753781e66
Co-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>
@elastic/eui/tooltip-focusable-anchor lint violations in kbn-developer-toolbar
|
Pinging @elastic/kibana-accessibility (Project:Accessibility) |
|
/ci |
kowalczyk-krzysztof
left a comment
There was a problem hiding this comment.
LGTM but those are developer tools, only available when you run Kibana locally. I wonder if there's any point fixing a11y issues for those?
|
@kowalczyk-krzysztof we monitor the entire codebase, and our goal is to fix all a11y-related ESLint violations in Kibana. It’s ultimately simpler to bring the code up to a single standard than to maintain a list of exceptions. |
|
@elasticmachine run docs-build |
|
Starting backport for target branches: 9.3, 9.4 https://github.com/elastic/kibana/actions/runs/25375178266 |
💔 All backports failed
Manual backportTo create the backport manually run: Questions ?Please refer to the Backport tool documentation |
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
…kbn-developer-toolbar (#267696) (#267817) # Backport This will backport the following commits from `main` to `9.4`: - [Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)](#267696) <!--- Backport version: 11.0.2 --> ### 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-05T12:02:43Z","message":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)\n\nCloses: https://github.com/elastic/kibana/issues/267695\n\nAdds `tabIndex={0}` to non-focusable `EuiToolTip` anchor elements so\nkeyboard users can trigger tooltips.\n\n- `environment_indicator.tsx` — `EuiBadge` anchor\n- `frame_jank_indicator.tsx` — `div` anchor\n- `memory_usage_indicator.tsx` — two `EuiBadge` anchors\n\n```tsx\n<EuiToolTip content={tooltipContent}>\n <EuiBadge tabIndex={0} ...>...</EuiBadge>\n</EuiToolTip>\n```\n\nCloses #225189\n\n---------\n\nCo-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>\nCo-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>\nCo-authored-by: Alexey Antonov <alexwizp@gmail.com>","sha":"8e309b49044e1d6583a8920ea5a984c509a7c638","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Project:Accessibility","release_note:skip","💝community","backport:version","v9.4.0","a11y:agent-pr","v9.5.0","v9.3.5"],"title":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar","number":267696,"url":"https://github.com/elastic/kibana/pull/267696","mergeCommit":{"message":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)\n\nCloses: https://github.com/elastic/kibana/issues/267695\n\nAdds `tabIndex={0}` to non-focusable `EuiToolTip` anchor elements so\nkeyboard users can trigger tooltips.\n\n- `environment_indicator.tsx` — `EuiBadge` anchor\n- `frame_jank_indicator.tsx` — `div` anchor\n- `memory_usage_indicator.tsx` — two `EuiBadge` anchors\n\n```tsx\n<EuiToolTip content={tooltipContent}>\n <EuiBadge tabIndex={0} ...>...</EuiBadge>\n</EuiToolTip>\n```\n\nCloses #225189\n\n---------\n\nCo-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>\nCo-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>\nCo-authored-by: Alexey Antonov <alexwizp@gmail.com>","sha":"8e309b49044e1d6583a8920ea5a984c509a7c638"}},"sourceBranch":"main","suggestedTargetBranches":["9.4","9.3"],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/267696","number":267696,"mergeCommit":{"message":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)\n\nCloses: https://github.com/elastic/kibana/issues/267695\n\nAdds `tabIndex={0}` to non-focusable `EuiToolTip` anchor elements so\nkeyboard users can trigger tooltips.\n\n- `environment_indicator.tsx` — `EuiBadge` anchor\n- `frame_jank_indicator.tsx` — `div` anchor\n- `memory_usage_indicator.tsx` — two `EuiBadge` anchors\n\n```tsx\n<EuiToolTip content={tooltipContent}>\n <EuiBadge tabIndex={0} ...>...</EuiBadge>\n</EuiToolTip>\n```\n\nCloses #225189\n\n---------\n\nCo-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>\nCo-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>\nCo-authored-by: Alexey Antonov <alexwizp@gmail.com>","sha":"8e309b49044e1d6583a8920ea5a984c509a7c638"}},{"branch":"9.3","label":"v9.3.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
…kbn-developer-toolbar (#267696) (#267818) # Backport This will backport the following commits from `main` to `9.3`: - [Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)](#267696) <!--- Backport version: 11.0.2 --> ### 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-05T12:02:43Z","message":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)\n\nCloses: https://github.com/elastic/kibana/issues/267695\n\nAdds `tabIndex={0}` to non-focusable `EuiToolTip` anchor elements so\nkeyboard users can trigger tooltips.\n\n- `environment_indicator.tsx` — `EuiBadge` anchor\n- `frame_jank_indicator.tsx` — `div` anchor\n- `memory_usage_indicator.tsx` — two `EuiBadge` anchors\n\n```tsx\n<EuiToolTip content={tooltipContent}>\n <EuiBadge tabIndex={0} ...>...</EuiBadge>\n</EuiToolTip>\n```\n\nCloses #225189\n\n---------\n\nCo-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>\nCo-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>\nCo-authored-by: Alexey Antonov <alexwizp@gmail.com>","sha":"8e309b49044e1d6583a8920ea5a984c509a7c638","branchLabelMapping":{"^v9.5.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Project:Accessibility","release_note:skip","💝community","backport:version","v9.4.0","a11y:agent-pr","v9.5.0","v9.3.5"],"title":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar","number":267696,"url":"https://github.com/elastic/kibana/pull/267696","mergeCommit":{"message":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)\n\nCloses: https://github.com/elastic/kibana/issues/267695\n\nAdds `tabIndex={0}` to non-focusable `EuiToolTip` anchor elements so\nkeyboard users can trigger tooltips.\n\n- `environment_indicator.tsx` — `EuiBadge` anchor\n- `frame_jank_indicator.tsx` — `div` anchor\n- `memory_usage_indicator.tsx` — two `EuiBadge` anchors\n\n```tsx\n<EuiToolTip content={tooltipContent}>\n <EuiBadge tabIndex={0} ...>...</EuiBadge>\n</EuiToolTip>\n```\n\nCloses #225189\n\n---------\n\nCo-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>\nCo-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>\nCo-authored-by: Alexey Antonov <alexwizp@gmail.com>","sha":"8e309b49044e1d6583a8920ea5a984c509a7c638"}},"sourceBranch":"main","suggestedTargetBranches":["9.4","9.3"],"targetPullRequestStates":[{"branch":"9.4","label":"v9.4.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.5.0","branchLabelMappingKey":"^v9.5.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/267696","number":267696,"mergeCommit":{"message":"Fix `@elastic/eui/tooltip-focusable-anchor` lint violations in kbn-developer-toolbar (#267696)\n\nCloses: https://github.com/elastic/kibana/issues/267695\n\nAdds `tabIndex={0}` to non-focusable `EuiToolTip` anchor elements so\nkeyboard users can trigger tooltips.\n\n- `environment_indicator.tsx` — `EuiBadge` anchor\n- `frame_jank_indicator.tsx` — `div` anchor\n- `memory_usage_indicator.tsx` — two `EuiBadge` anchors\n\n```tsx\n<EuiToolTip content={tooltipContent}>\n <EuiBadge tabIndex={0} ...>...</EuiBadge>\n</EuiToolTip>\n```\n\nCloses #225189\n\n---------\n\nCo-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>\nCo-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>\nCo-authored-by: Alexey Antonov <alexwizp@gmail.com>","sha":"8e309b49044e1d6583a8920ea5a984c509a7c638"}},{"branch":"9.3","label":"v9.3.5","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Closes: #267695
Adds
tabIndex={0}to non-focusableEuiToolTipanchor elements so keyboard users can trigger tooltips.environment_indicator.tsx—EuiBadgeanchorframe_jank_indicator.tsx—divanchormemory_usage_indicator.tsx— twoEuiBadgeanchorsCloses #225189