Skip to content

[9.0] [ObsUx][A11y] Add unique accessible lables to metadata table (#217496)#217621

Merged
kibanamachine merged 2 commits intoelastic:9.0from
kibanamachine:backport/9.0/pr-217496
Apr 23, 2025
Merged

[9.0] [ObsUx][A11y] Add unique accessible lables to metadata table (#217496)#217621
kibanamachine merged 2 commits intoelastic:9.0from
kibanamachine:backport/9.0/pr-217496

Conversation

@kibanamachine
Copy link
Contributor

Backport

This will backport the following commits from main to 9.0:

Questions ?

Please refer to the Backport tool documentation

…#217496)

Closes elastic#194972

## Summary

Add unique accessible labels to metadata table

### How to test

Use a screen reader to navigate the table

On Host details, Metadata tab

1. Verify the first column in the table header announces Pin Fields
column

<img width="1262" alt="Screenshot 2025-04-08 at 12 38 28"
src="https://github.com/user-attachments/assets/bdac5799-97d4-4001-b5f0-f9230227b749"
/>

2. Verify the Pin column row announces which field pins

<img width="1262" alt="Screenshot 2025-04-08 at 12 38 45"
src="https://github.com/user-attachments/assets/a9a18fc4-4f46-49d7-880e-9b77eca476dd"
/>

<img width="1262" alt="Screenshot 2025-04-08 at 12 39 14"
src="https://github.com/user-attachments/assets/889ca03f-aa00-4360-87b5-6d767fe11cff"
/>

3. Verify the "+ x more" does announce more of which field

<img width="1262" alt="Screenshot 2025-04-08 at 12 39 35"
src="https://github.com/user-attachments/assets/dfba3fd9-7e71-4ef6-956e-3761094f4667"
/>

(cherry picked from commit 92a9f85)
@elasticmachine
Copy link
Contributor

@kibanamachine kibanamachine merged commit be9363a into elastic:9.0 Apr 23, 2025
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants