elastic/kibana

[Security:Rules:Benchmarks]Activated buttons missing state change announcement

Open

#227773 opened on Jul 14, 2025

View on GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (19,065 stars) (8,021 forks)batch import
Project:AccessibilityTeam: SecuritySolutionTeam:Cloud SecurityWCAG Adefect-level-3good first issue

Description

Description Buttons which has a state, like collapsed, expanded, sorting descended... - has to have an announcement when they are activated (their state changes). For users using assistive technology to understand that corresponding action did happen.

Preconditions Security -> Rules -> Benchmarks page. Any benchmark is selected from the table (Enter is pressed on it). Use Screen Reader (VoiceOver).

Steps to reproduce

1.Navigate to CIS Section or Rule Number. 2.Observe screen reader. 3.Press Enter. 4.Observe screen reader.

UI elements + VoiceOver

Actual Result

  • When collapsed button is expanded, no announcement is made for it.

Expected Result

  • State change, in this case "expanded", is announced for the user when activating the button.

Meta Issue

Version: 9.1.0

OS: macOS Sequoia

Browser: Safari Version 18.5

Screen reader: VoiceOver

WCAG or Vendor Guidance (optional)

Related to: https://github.com/elastic/kibana-team/issues/1773

Contributor guide

Tech stack
typescriptreacthtmlcss
Domain
frontendaccessibility
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Understanding of ARIA attributesScreen reader testing (VoiceOver)Familiarity with Kibana UI components
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Locate the button components in the Security > Rules > Benchmarks page that toggle collapse/expand. Investigate whether the aria expanded attribute is correctly set and if a live region (e.g., aria live='polite') is used to announce state changes. Review the related meta issue (elastic/kibana team/issues/1773) for additional guidance. Consider adding an announcement using a screen reader only text or a live region that updates when the button is activated.