Add aria-labelledby to Console Config settings controls by Copilot · Pull Request #265207 · elastic/kibana

Copilot · 2026-04-23T08:30:46Z

Switch buttons and the font size field on the Dev Tools Console Config page lack accessible names, causing screen readers to announce them without context (e.g. "On, on, switch" instead of "Save requests to history, switch"). Violates WCAG 4.1.2 Name, Role, Value (Level A).

Changes

Add optional id prop to SettingsFormRow and set it on the label element, making it referenceable via aria-labelledby
For all 7 EuiSwitch components (history, keyboard shortcuts, a11y overlay, wrap lines, triple quotes, and 4 autocomplete toggles): set aria-labelledby referencing the row label, showLabel={false}, and label=""
For the EuiFieldNumber (font size): set aria-labelledby referencing the row label
Remove unused ON_LABEL/OFF_LABEL i18n constants

<SettingsFormRow
  id="saveRequestsToHistory-label"
  label={i18n.translate('console.settingsPage.saveRequestsToHistoryLabel', {
    defaultMessage: 'Save requests to history',
  })}
>
  <EuiSwitch
    checked={isHistoryEnabled}
    showLabel={false}
    label=""
    aria-labelledby="saveRequestsToHistory-label"
    onChange={(e) => toggleSavingToHistory(e.target.checked)}
  />
</SettingsFormRow>

Screen readers now announce the setting name from the visible row label via aria-labelledby, rather than relying on a separate hidden aria-label or the "On"/"Off" toggle text.

…g page Add aria-label attributes to all EuiSwitch components and the EuiFieldNumber on the Console settings page so that screen readers announce the setting names along with the control state. Fixes accessibility issue where switches were announced as "On, on, switch" without the corresponding setting name, and the font size field was announced without its label. WCAG 4.1.2: Name, Role, Value (Level A) Agent-Logs-Url: https://github.com/elastic/kibana/sessions/588ad37a-5f2c-46c7-bca2-c43f74d5ac17 Co-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>

alexwizp

@copilot you need to do the following:

set id for SettingsFormRow labels
for EuiSwitch:
1. set aria-labelledby attrribute
2. set showLabel to false.
3. remove label prop

…-label Per review feedback: add id to SettingsFormRow labels and use aria-labelledby on EuiSwitch/EuiFieldNumber to reference the visible label. Set showLabel={false} and remove label prop on all switches. Remove unused ON_LABEL/OFF_LABEL constants. Agent-Logs-Url: https://github.com/elastic/kibana/sessions/15cf4601-88f1-4dde-b0ad-143613bdc7ed Co-authored-by: alexwizp <20072247+alexwizp@users.noreply.github.com>

Copilot · 2026-04-23T08:49:47Z

@copilot you need to do the following:

set id for SettingsFormRow labels

for EuiSwitch:...

Done in 74a5be5. Changed approach to:

Added optional id prop to SettingsFormRow and set it on the label element
For all EuiSwitch components: set aria-labelledby referencing the row label id, showLabel={false}, and label="" (required by EUI's type definition)
For EuiFieldNumber (font size): set aria-labelledby referencing the row label id
Removed unused ON_LABEL/OFF_LABEL constants

alexwizp

Tested locally

elasticmachine · 2026-04-24T09:37:25Z

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

alexwizp · 2026-04-24T09:37:42Z

/ci

alexwizp · 2026-04-24T10:47:13Z

/ci

elasticmachine · 2026-04-24T11:28:23Z

⏳ Build in-progress, with failures

Buildkite Build
Commit: a5bf785

Failed CI Steps

Test Failures

[job] [logs] affected Scout: [ observability / observability ] plugin / local-serverless-observability_complete - Observability Landing Page - redirects to page specified in defaultRoute uiSetting
[job] [logs] affected Scout: [ observability / observability ] plugin / local-serverless-observability_complete - Observability Landing Page - redirects to page specified in defaultRoute uiSetting
[job] [logs] affected Scout: [ observability / apm ] plugin / local-serverless-observability_complete - Service map - accessibility - focus management and visible indicators work correctly
[job] [logs] Jest Integration Tests #8 / step level timeout should have execution duration close to configured timeout value

History

cc @alexwizp @Copilot

ElenaStoeva

Thanks for working on this @alexwizp. I tested locally and now the switches are announced correctly. However, these changes also cause changes in the UI: because we removed the labels, they are no longer displayed next to the switches. Is there a reason why they were removed? If not, we should put them back.

Before:

Now:

alexwizp · 2026-04-24T18:06:37Z

@ElenaStoeva yes, it was done one purpose, normally we don't need to do that

alexwizp · 2026-04-24T18:07:52Z

@elastic/eui-team could you please confirm that ^^^^

ElenaStoeva · 2026-04-27T10:22:01Z

@ElenaStoeva yes, it was done one purpose, normally we don't need to do that

I see, let's also check with @EdLewisEL and @jovana-andjelkovic - do you both have any opinion on the question in #265207 (review)?

alexwizp · 2026-04-27T10:44:47Z

/ci

acstll · 2026-04-27T11:41:53Z

@elastic/eui-team could you please confirm that ^^^^

from an "eui" point of view, i agree with the change and the "on/off" labels being removed

usage guidelines about labels suggest they be action-oriented and descriptive — with the change, labels on the left e.g. "Save requests to history" are being properly associated with each switch, making "on/off" unnecessary

but let's also wait for @EdLewisEL and @jovana-andjelkovic to confirm

jovana-andjelkovic · 2026-04-28T13:06:50Z

@ElenaStoeva @alexwizp @acstll this is fine, and actually makes it more consistent! Thanks for checking ❤️

alexwizp · 2026-04-28T13:32:11Z

/ci

kibanamachine · 2026-04-28T14:53:28Z

💛 Build succeeded, but was flaky

Buildkite Build
Commit: 87cb73a

Failed CI Steps

affected Scout: [ observability / apm ] plugin

Test Failures

[job] [logs] affected Scout: [ observability / apm ] plugin / local-serverless-observability_complete - Custom links template validation - Create custom link with template URL and filters

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
`console`	206.7KB	207.1KB	+395.0B

History

💔 Build #434102 failed 3d356d6

cc @alexwizp @Copilot

ElenaStoeva

Thanks all for the feedback! Since there is no objection to the UI change, I'm approving.

Initial plan

2694f8a

Copilot AI assigned Copilot and alexwizp Apr 23, 2026

Copilot started work on behalf of alexwizp April 23, 2026 08:30 View session

Copilot AI linked an issue Apr 23, 2026 that may be closed by this pull request

[Platform:Management:Dev Tools] Elements missing title from announcement #264630

Closed

Copilot AI changed the title ~~[WIP] Fix missing titles in dialog modals and flyouts~~ Add aria-labels to Console Config settings controls Apr 23, 2026

Copilot AI requested a review from alexwizp April 23, 2026 08:37

Copilot finished work on behalf of alexwizp April 23, 2026 08:37

alexwizp requested changes Apr 23, 2026

View reviewed changes

Copilot started work on behalf of alexwizp April 23, 2026 08:45 View session

Copilot AI changed the title ~~Add aria-labels to Console Config settings controls~~ Add aria-labelledby to Console Config settings controls Apr 23, 2026

Copilot finished work on behalf of alexwizp April 23, 2026 08:51

Copilot AI requested a review from alexwizp April 23, 2026 08:51

cleanup

4c8b5b1

alexwizp marked this pull request as ready for review April 24, 2026 09:35

alexwizp requested a review from a team as a code owner April 24, 2026 09:35

Merge branch 'main' into copilot/fix-missing-titles-announcements

d1081f4

kibanamachine added the 💝community label Apr 24, 2026

alexwizp approved these changes Apr 24, 2026

View reviewed changes

alexwizp added Project:Accessibility release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting v9.4.0 v9.5.0 v9.3.4 labels Apr 24, 2026

alexwizp added the a11y:agent-pr PR has been created by the agent label Apr 24, 2026

alexwizp added 2 commits April 24, 2026 13:41

cleanup translations

c4c8e01

clenaup

a5bf785

elastic deleted a comment from elasticmachine Apr 24, 2026

ElenaStoeva requested changes Apr 24, 2026

View reviewed changes

Merge branch 'main' into copilot/fix-missing-titles-announcements

3d356d6

alexwizp requested a review from ElenaStoeva April 28, 2026 13:31

Merge branch 'main' into copilot/fix-missing-titles-announcements

87cb73a

ElenaStoeva approved these changes Apr 29, 2026

View reviewed changes

alexwizp merged commit 860f475 into main Apr 29, 2026
16 checks passed

alexwizp deleted the copilot/fix-missing-titles-announcements branch April 29, 2026 15:19

Conversation

Copilot AI commented Apr 23, 2026 • edited by alexwizp Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

Uh oh!

alexwizp left a comment

Choose a reason for hiding this comment

Uh oh!

Copilot AI commented Apr 23, 2026

Uh oh!

alexwizp left a comment

Choose a reason for hiding this comment

Uh oh!

elasticmachine commented Apr 24, 2026

Uh oh!

alexwizp commented Apr 24, 2026

Uh oh!

alexwizp commented Apr 24, 2026

Uh oh!

elasticmachine commented Apr 24, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⏳ Build in-progress, with failures

Failed CI Steps

Test Failures

History

Uh oh!

ElenaStoeva left a comment

Choose a reason for hiding this comment

Uh oh!

alexwizp commented Apr 24, 2026

Uh oh!

alexwizp commented Apr 24, 2026

Uh oh!

ElenaStoeva commented Apr 27, 2026

Uh oh!

alexwizp commented Apr 27, 2026

Uh oh!

acstll commented Apr 27, 2026

Uh oh!

jovana-andjelkovic commented Apr 28, 2026

Uh oh!

alexwizp commented Apr 28, 2026

Uh oh!

kibanamachine commented Apr 28, 2026

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

Metrics [docs]

Async chunks

History

Uh oh!

ElenaStoeva left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

7 participants

Copilot AI commented Apr 23, 2026 •

edited by alexwizp

Loading

elasticmachine commented Apr 24, 2026 •

edited

Loading