Skip to content

[A11y][APM] Add missing aria-label for some services buttons#217325

Merged
rmyz merged 1 commit intoelastic:mainfrom
rmyz:212264-a11y-apm-elements-missing-announcement
Apr 9, 2025
Merged

[A11y][APM] Add missing aria-label for some services buttons#217325
rmyz merged 1 commit intoelastic:mainfrom
rmyz:212264-a11y-apm-elements-missing-announcement

Conversation

@rmyz
Copy link
Contributor

@rmyz rmyz commented Apr 7, 2025

Summary

Fixes #212264

This PR adds a couple of aria-label attributes to buttons that do not have a screen-reader announcement under the Services and Services Groups pages.

@rmyz rmyz added release_note:fix apm Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation. backport:version Backport to applied version labels a11y Accessibility issue v8.19.0 labels Apr 7, 2025
@rmyz rmyz self-assigned this Apr 7, 2025
@rmyz rmyz requested a review from a team April 7, 2025 13:28
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

Copy link
Member

@jennypavlova jennypavlova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The code changes LGTM

}}
aria-label={i18n.translate(
'xpack.apm.keyValueFilterList.actionFilterLabel',
{ defaultMessage: 'Filter by value' }
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Q: Why do we have filter by key in the test subject and filter by value in the aria label

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On line 118 we have data-test-subj={filter_by_${key}} but I guess this is fine - also in the test you shared we have filter by foo not foo value but I guess the purpose there is to be unique so that's why we use the key, I was just wondering

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh, I see, I suppose that is used for the testing, and we need to know which field we want to target explicitly, that's why we use the key for

@rmyz rmyz merged commit 749f57c into elastic:main Apr 9, 2025
26 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.18, 8.x, 9.0

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 9, 2025
…ic#217325)

## Summary

Fixes elastic#212264

This PR adds a couple of `aria-label` attributes to buttons that do not
have a screen-reader announcement under the Services and Services Groups
pages.

(cherry picked from commit 749f57c)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 9, 2025
…ic#217325)

## Summary

Fixes elastic#212264

This PR adds a couple of `aria-label` attributes to buttons that do not
have a screen-reader announcement under the Services and Services Groups
pages.

(cherry picked from commit 749f57c)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 9, 2025
…ic#217325)

## Summary

Fixes elastic#212264

This PR adds a couple of `aria-label` attributes to buttons that do not
have a screen-reader announcement under the Services and Services Groups
pages.

(cherry picked from commit 749f57c)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.18
8.x
9.0

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

Questions ?

Please refer to the Backport tool documentation

@rmyz rmyz deleted the 212264-a11y-apm-elements-missing-announcement branch April 9, 2025 07:09
kibanamachine added a commit that referenced this pull request Apr 9, 2025
…217325) (#217615)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[A11y][APM] Add missing `aria-label` for some services buttons
(#217325)](#217325)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT [{"author":{"name":"Sergi
Romeu","email":"sergi.romeu@elastic.co"},"sourceCommit":{"committedDate":"2025-04-09T07:02:15Z","message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","apm","Team:obs-ux-infra_services","backport:version","a11y","v8.18.0","v9.1.0","v8.19.0","v9.0.1"],"title":"[A11y][APM]
Add missing `aria-label` for some services
buttons","number":217325,"url":"https://github.com/elastic/kibana/pull/217325","mergeCommit":{"message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","8.x","9.0"],"targetPullRequestStates":[{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217325","number":217325,"mergeCommit":{"message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Sergi Romeu <sergi.romeu@elastic.co>
kibanamachine added a commit that referenced this pull request Apr 9, 2025
…#217325) (#217613)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[A11y][APM] Add missing `aria-label` for some services buttons
(#217325)](#217325)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT [{"author":{"name":"Sergi
Romeu","email":"sergi.romeu@elastic.co"},"sourceCommit":{"committedDate":"2025-04-09T07:02:15Z","message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","apm","Team:obs-ux-infra_services","backport:version","a11y","v8.18.0","v9.1.0","v8.19.0","v9.0.1"],"title":"[A11y][APM]
Add missing `aria-label` for some services
buttons","number":217325,"url":"https://github.com/elastic/kibana/pull/217325","mergeCommit":{"message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","8.x","9.0"],"targetPullRequestStates":[{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217325","number":217325,"mergeCommit":{"message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Sergi Romeu <sergi.romeu@elastic.co>
kibanamachine added a commit that referenced this pull request Apr 9, 2025
…217325) (#217614)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[A11y][APM] Add missing `aria-label` for some services buttons
(#217325)](#217325)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT [{"author":{"name":"Sergi
Romeu","email":"sergi.romeu@elastic.co"},"sourceCommit":{"committedDate":"2025-04-09T07:02:15Z","message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","apm","Team:obs-ux-infra_services","backport:version","a11y","v8.18.0","v9.1.0","v8.19.0","v9.0.1"],"title":"[A11y][APM]
Add missing `aria-label` for some services
buttons","number":217325,"url":"https://github.com/elastic/kibana/pull/217325","mergeCommit":{"message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","8.x","9.0"],"targetPullRequestStates":[{"branch":"8.18","label":"v8.18.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/217325","number":217325,"mergeCommit":{"message":"[A11y][APM]
Add missing `aria-label` for some services buttons (#217325)\n\n##
Summary\n\nFixes #212264\n\nThis PR adds a couple of `aria-label`
attributes to buttons that do not\nhave a screen-reader announcement
under the Services and Services
Groups\npages.","sha":"749f57c12f685eee1f380644a39732773dcd7ab7"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Sergi Romeu <sergi.romeu@elastic.co>
@mistic mistic added the v9.0.0 label Apr 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

a11y Accessibility issue apm backport:version Backport to applied version labels release_note:fix Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation. v8.18.0 v8.19.0 v9.0.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Observability:Applications:Services page]Elements missing title from announcement

5 participants