[Security:Rules:Benchmarks]Switch missing title from announcement · elastic/kibana#227794

(4 评论) (0 反应) (0 负责人)TypeScript (19,065 star) (8,021 fork)batch import

Project:AccessibilityTeam: SecuritySolutionTeam:Cloud SecurityWCAG Adefect-level-2good first issueimpact:high

描述

Description Dialog modal, flyout, field visible title should be announced for the users, especially using assistive technology to know what dialog modal, flyout opened, what field is active and what is needed to enter in it.

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 any value in Name column and press Enter. 2.Navigate to Enabled switch. 3.Observe screen reader.

UI elements + VoiceOver

Actual Result

Switch is announced without the name, only "on, switch".

Expected Result

It should be announced with a name "Enabled, on, switch".

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)

贡献者指南

技术栈: typescriptreact
领域: frontendaccessibility
议题类型: bug
难度: 3
预计时间: 1-3 hours
活动状态: fresh
清晰度: clear
前置要求: Basic understanding of React componentsFamiliarity with ARIA attributes
新手友好度: 75
研究方向: The issue is in the Security > Rules > Benchmarks page. The switch component likely lacks an aria label or accessible name. Refer to the component file for the switch (e.g., in x pack/plugins/security solution/public/rules/benchmarks/components/). Ensure the switch has a visible label or aria label that matches the benchmark name. Check the related meta issue for additional context.