Skip to content

[Cases] A11y - Fix missing announcements in form row#240132

Merged
christineweng merged 2 commits intoelastic:mainfrom
christineweng:cases-acc-settings-page
Oct 23, 2025
Merged

[Cases] A11y - Fix missing announcements in form row#240132
christineweng merged 2 commits intoelastic:mainfrom
christineweng:cases-acc-settings-page

Conversation

@christineweng
Copy link
Contributor

@christineweng christineweng commented Oct 22, 2025

Summary

Fixes:

Why they were broken before: EuiFormRow sets the necessary ARIA attributes directly on its first child. Any wrappers break this mechanism. This PR fixes the issue by passing {...props} to the eui control componenets.

image image image

Checklist

@christineweng christineweng self-assigned this Oct 22, 2025
@christineweng christineweng requested a review from a team as a code owner October 22, 2025 16:14
@christineweng christineweng added release_note:skip Skip the PR/issue when compiling release notes backport:version Backport to applied version labels Team:Cases Security Solution Cases team v9.2.0 v9.3.0 labels Oct 22, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-cases (Team:Cases)

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
cases 1.4MB 1.4MB +162.0B

cc @christineweng

@janmonschke
Copy link
Contributor

EuiFormRow sets the necessary ARIA attributes directly on its first child. Any wrappers break this mechanism.

TIL!

return (
<EuiSuperSelect
aria-label={i18n.INCIDENT_MANAGEMENT_SYSTEM_LABEL}
aria-label={i18n.CONNECTOR_DROPDOWN_LABEL}
Copy link
Contributor

Choose a reason for hiding this comment

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

nice catch!

@christineweng christineweng added release_note:fix and removed release_note:skip Skip the PR/issue when compiling release notes labels Oct 23, 2025
@christineweng christineweng merged commit 2d029f4 into elastic:main Oct 23, 2025
15 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 9.2

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Oct 23, 2025
## Summary

Fixes:
- elastic#230004
- elastic#205616
- elastic#205706

Why they were broken before: `EuiFormRow` sets the necessary ARIA
attributes directly on its first child. Any wrappers break this
mechanism. This PR fixes the issue by passing `{...props}` to the eui
control componenets.

<img width="696" height="247" alt="image"
src="https://github.com/user-attachments/assets/ba3e7732-a7fe-4bd0-b984-61931a848120"
/>

<img width="592" height="455" alt="image"
src="https://github.com/user-attachments/assets/e26dd19b-4b87-463e-a965-2775a535af10"
/>

<img width="767" height="376" alt="image"
src="https://github.com/user-attachments/assets/feade26b-d907-4757-b449-50367b50ab2d"
/>

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [x] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [x] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

(cherry picked from commit 2d029f4)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
9.2

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 Oct 23, 2025
…240303)

# Backport

This will backport the following commits from `main` to `9.2`:
- [[Cases] A11y - Fix missing announcements in form row
(#240132)](#240132)

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

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

<!--BACKPORT
[{"author":{"name":"christineweng","email":"18648970+christineweng@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-10-23T14:03:54Z","message":"[Cases]
A11y - Fix missing announcements in form row (#240132)\n\n##
Summary\n\nFixes:\n- https://github.com/elastic/kibana/issues/230004\n-
https://github.com/elastic/kibana/issues/205616\n-
https://github.com/elastic/kibana/issues/205706\n\nWhy they were broken
before: `EuiFormRow` sets the necessary ARIA\nattributes directly on its
first child. Any wrappers break this\nmechanism. This PR fixes the issue
by passing `{...props}` to the eui\ncontrol componenets.\n\n<img
width=\"696\" height=\"247\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/ba3e7732-a7fe-4bd0-b984-61931a848120\"\n/>\n\n<img
width=\"592\" height=\"455\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/e26dd19b-4b87-463e-a965-2775a535af10\"\n/>\n\n\n\n<img
width=\"767\" height=\"376\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/feade26b-d907-4757-b449-50367b50ab2d\"\n/>\n\n###
Checklist\n\n- [x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x] The PR description includes the appropriate Release Notes
section,\nand the correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"2d029f4d8cd1f8e7673509aaef08371cbc28ca3c","branchLabelMapping":{"^v9.3.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","backport:version","Team:Cases","v9.2.0","v9.3.0"],"title":"[Cases]
A11y - Fix missing announcements in form
row","number":240132,"url":"https://github.com/elastic/kibana/pull/240132","mergeCommit":{"message":"[Cases]
A11y - Fix missing announcements in form row (#240132)\n\n##
Summary\n\nFixes:\n- https://github.com/elastic/kibana/issues/230004\n-
https://github.com/elastic/kibana/issues/205616\n-
https://github.com/elastic/kibana/issues/205706\n\nWhy they were broken
before: `EuiFormRow` sets the necessary ARIA\nattributes directly on its
first child. Any wrappers break this\nmechanism. This PR fixes the issue
by passing `{...props}` to the eui\ncontrol componenets.\n\n<img
width=\"696\" height=\"247\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/ba3e7732-a7fe-4bd0-b984-61931a848120\"\n/>\n\n<img
width=\"592\" height=\"455\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/e26dd19b-4b87-463e-a965-2775a535af10\"\n/>\n\n\n\n<img
width=\"767\" height=\"376\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/feade26b-d907-4757-b449-50367b50ab2d\"\n/>\n\n###
Checklist\n\n- [x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x] The PR description includes the appropriate Release Notes
section,\nand the correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"2d029f4d8cd1f8e7673509aaef08371cbc28ca3c"}},"sourceBranch":"main","suggestedTargetBranches":["9.2"],"targetPullRequestStates":[{"branch":"9.2","label":"v9.2.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.3.0","branchLabelMappingKey":"^v9.3.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/240132","number":240132,"mergeCommit":{"message":"[Cases]
A11y - Fix missing announcements in form row (#240132)\n\n##
Summary\n\nFixes:\n- https://github.com/elastic/kibana/issues/230004\n-
https://github.com/elastic/kibana/issues/205616\n-
https://github.com/elastic/kibana/issues/205706\n\nWhy they were broken
before: `EuiFormRow` sets the necessary ARIA\nattributes directly on its
first child. Any wrappers break this\nmechanism. This PR fixes the issue
by passing `{...props}` to the eui\ncontrol componenets.\n\n<img
width=\"696\" height=\"247\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/ba3e7732-a7fe-4bd0-b984-61931a848120\"\n/>\n\n<img
width=\"592\" height=\"455\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/e26dd19b-4b87-463e-a965-2775a535af10\"\n/>\n\n\n\n<img
width=\"767\" height=\"376\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/feade26b-d907-4757-b449-50367b50ab2d\"\n/>\n\n###
Checklist\n\n- [x] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[x] The PR description includes the appropriate Release Notes
section,\nand the correct `release_note:*` label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n-
[x] Review the
[backport\nguidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)\nand
apply applicable `backport:*`
labels.","sha":"2d029f4d8cd1f8e7673509aaef08371cbc28ca3c"}}]}]
BACKPORT-->

Co-authored-by: christineweng <18648970+christineweng@users.noreply.github.com>
@mistic mistic added v9.2.1 and removed v9.2.0 labels Oct 23, 2025
@jmikell821 jmikell821 added the Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// label Oct 28, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/response-ops (Team:ResponseOps)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels release_note:fix Team:Cases Security Solution Cases team Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// v9.2.1 v9.3.0

6 participants