elastic/kibana

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

Open

#227,773 opened on 2025年7月14日

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 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

コントリビューターガイド

技術スタック
typescriptreacthtmlcss
領域
frontendaccessibility
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Understanding of ARIA attributesScreen reader testing (VoiceOver)Familiarity with Kibana UI components
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65
調査方針
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.