[Security:Rules:Benchmarks]Activated buttons missing state change announcement · elastic/kibana#227773

(3 留言) (0 反應) (0 負責人)TypeScript (19,065 star) (8,021 fork)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)

Understanding SC 4.1.2: Name, Role, Value (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html)
Understanding SC 1.3.1: Info and Relationships (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html)

貢獻者指南

技術棧: typescriptreacthtmlcss
領域: frontendaccessibility
議題類型: bug
難度: 3
預計時間: 1-3 hours
活動狀態: fresh
清晰度: clear
前置要求: Understanding of ARIA attributesScreen reader testing (VoiceOver)Familiarity with Kibana UI components
新手友善度: 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.