Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: [Search:Playground page]Tooltip for Instructions is not accessible via keyboard #199607

Merged
merged 1 commit into from
Nov 12, 2024

Conversation

alexwizp
Copy link
Contributor

@alexwizp alexwizp commented Nov 11, 2024

Closes: #199493

Description

Tooltip present for Instructions is not visible when reaching the field via keyboard. Tooltips which are visible for the user using mouse, should be also visible for the users using only keyboard.

What was changed?:

  1. EuiIToolkip was replaced to move a11y-friendly EuiIconTip

Screen:

Screen.Recording.2024-11-11.at.12.26.13.mov

@alexwizp alexwizp added v9.0.0 release_note:skip Skip the PR/issue when compiling release notes backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) Project:Accessibility labels Nov 11, 2024
@alexwizp alexwizp marked this pull request as ready for review November 11, 2024 12:46
@alexwizp alexwizp requested a review from a team as a code owner November 11, 2024 12:46
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@alexwizp alexwizp merged commit 515dbe5 into elastic:main Nov 12, 2024
32 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

https://github.com/elastic/kibana/actions/runs/11804327392

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Nov 12, 2024
…le via keyboard (elastic#199607)

Closes: elastic#199493

### Description
Tooltip present for Instructions is not visible when reaching the field
via keyboard. Tooltips which are visible for the user using mouse,
should be also visible for the users using only keyboard.

### What was changed?:

1. `EuiIToolkip` was replaced to move a11y-friendly `EuiIconTip`

### Screen:

https://github.com/user-attachments/assets/2d5fbc7b-0d80-4c0d-8e99-2ddd8aa9e1cf
(cherry picked from commit 515dbe5)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Nov 12, 2024
…cessible via keyboard (#199607) (#199868)

# Backport

This will backport the following commits from `main` to `8.x`:
- [fix: [Search:Playground page]Tooltip for Instructions is not
accessible via keyboard
(#199607)](#199607)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Alexey
Antonov","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-11-12T19:27:59Z","message":"fix:
[Search:Playground page]Tooltip for Instructions is not accessible via
keyboard (#199607)\n\nCloses: #199493\r\n\r\n### Description\r\nTooltip
present for Instructions is not visible when reaching the field\r\nvia
keyboard. Tooltips which are visible for the user using mouse,\r\nshould
be also visible for the users using only keyboard.\r\n\r\n### What was
changed?: \r\n\r\n1. `EuiIToolkip` was replaced to move a11y-friendly
`EuiIconTip`\r\n\r\n\r\n### Screen:
\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/2d5fbc7b-0d80-4c0d-8e99-2ddd8aa9e1cf","sha":"515dbe5a2d646243dacb6b46b49964af3db6c754","branchLabelMapping":{"^v9.0.0$":"main","^v8.17.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Project:Accessibility","release_note:skip","v9.0.0","Team:Search","backport:prev-minor"],"title":"fix:
[Search:Playground page]Tooltip for Instructions is not accessible via
keyboard","number":199607,"url":"https://github.com/elastic/kibana/pull/199607","mergeCommit":{"message":"fix:
[Search:Playground page]Tooltip for Instructions is not accessible via
keyboard (#199607)\n\nCloses: #199493\r\n\r\n### Description\r\nTooltip
present for Instructions is not visible when reaching the field\r\nvia
keyboard. Tooltips which are visible for the user using mouse,\r\nshould
be also visible for the users using only keyboard.\r\n\r\n### What was
changed?: \r\n\r\n1. `EuiIToolkip` was replaced to move a11y-friendly
`EuiIconTip`\r\n\r\n\r\n### Screen:
\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/2d5fbc7b-0d80-4c0d-8e99-2ddd8aa9e1cf","sha":"515dbe5a2d646243dacb6b46b49964af3db6c754"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/199607","number":199607,"mergeCommit":{"message":"fix:
[Search:Playground page]Tooltip for Instructions is not accessible via
keyboard (#199607)\n\nCloses: #199493\r\n\r\n### Description\r\nTooltip
present for Instructions is not visible when reaching the field\r\nvia
keyboard. Tooltips which are visible for the user using mouse,\r\nshould
be also visible for the users using only keyboard.\r\n\r\n### What was
changed?: \r\n\r\n1. `EuiIToolkip` was replaced to move a11y-friendly
`EuiIconTip`\r\n\r\n\r\n### Screen:
\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/2d5fbc7b-0d80-4c0d-8e99-2ddd8aa9e1cf","sha":"515dbe5a2d646243dacb6b46b49964af3db6c754"}}]}]
BACKPORT-->

Co-authored-by: Alexey Antonov <[email protected]>
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Nov 18, 2024
…le via keyboard (elastic#199607)

Closes: elastic#199493

### Description
Tooltip present for Instructions is not visible when reaching the field
via keyboard. Tooltips which are visible for the user using mouse,
should be also visible for the users using only keyboard.

### What was changed?: 

1. `EuiIToolkip` was replaced to move a11y-friendly `EuiIconTip`


### Screen: 



https://github.com/user-attachments/assets/2d5fbc7b-0d80-4c0d-8e99-2ddd8aa9e1cf
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Nov 18, 2024
…le via keyboard (elastic#199607)

Closes: elastic#199493

### Description
Tooltip present for Instructions is not visible when reaching the field
via keyboard. Tooltips which are visible for the user using mouse,
should be also visible for the users using only keyboard.

### What was changed?: 

1. `EuiIToolkip` was replaced to move a11y-friendly `EuiIconTip`


### Screen: 



https://github.com/user-attachments/assets/2d5fbc7b-0d80-4c0d-8e99-2ddd8aa9e1cf
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) Project:Accessibility release_note:skip Skip the PR/issue when compiling release notes Team:Search v8.17.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Search:Playground page]Tooltip for Instructions is not accessible via keyboard
4 participants