Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Security:Assets:Fleet:AgentPolicy:Edit Integration page]Grouping issues with radio buttons, checkboxes #204928

Open
L1nBra opened this issue Dec 19, 2024 · 2 comments
Labels
defect-level-2 Serious UX disruption with workaround impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. Project:Accessibility Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. WCAG A

Comments

@L1nBra
Copy link

L1nBra commented Dec 19, 2024

Description
Elements should be grouped programmatically the same as visually for the users using assistive technology for better understanding.

Preconditions
Security -> Assets -> Fleet -> Agent Policy -> Edit Integration page.
Switch buttons on Panel components are on (like: Ransomware protections, Memory threat protections...).
Use Screen Reader (NVDA).

Steps to reproduce

1.Using only keyboard navigate through radio buttons on the page.
2.Observe page and screen reader.
3.Using only keyboard navigate through checkboxes on the page.
4.Observe page and screen reader.

Screen Recording
https://github.com/user-attachments/assets/10464953-a8fb-47f9-9904-aed7bdbb7f18

UI elements + NVDA Speech Viewer
radio buttons
Image

checkboxes
Image

Actual Result

  • Radio buttons are announced as "...of 11" - total number is from all the radio buttons on the page. User can navigate through radio buttons by pressing right arrow key (in this case user skips all other elements on the panel and is not aware about them).
    All checkboxes are treated individually, without group announcement.

Expected Result

  • On the page visually panel components are separate. And each panel has its own elements. One panel has only 2 radio buttons. Would be better if screen reader user, when navigates to radio buttons on the panel, hears correct total number of radio buttons (radio button number per panel not per page) and could navigate with arrow keys only between radio buttons on the panel.
    On the panels which have Events section, visually it is clear that checkboxes are for events. Would be better if screen reader user upon reaching these checkboxes would hear that they belong for the group (similar when user reaches expandable button and when expands it and navigates to first element - expandable button is announced, grouping announced, then the first element announced. Other elements are announced as elements without repeating grouping in the same group when navigating to them).

Meta Issue

Kibana Version: 8.17.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 131.0.6778.140 (Official Build) (64-bit)

Screen reader: NVDA

WCAG or Vendor Guidance (optional)

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

@elasticmachine
Copy link
Contributor

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

@botelastic botelastic bot added the needs-team Issues missing a team label label Dec 19, 2024
@L1nBra L1nBra added WCAG A impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. defect-level-2 Serious UX disruption with workaround labels Dec 19, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/security-solution (Team: SecuritySolution)

@botelastic botelastic bot removed the needs-team Issues missing a team label label Dec 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
defect-level-2 Serious UX disruption with workaround impact:high Addressing this issue will have a high level of impact on the quality/strength of our product. Project:Accessibility Team: SecuritySolution Security Solutions Team working on SIEM, Endpoint, Timeline, Resolver, etc. WCAG A
Projects
None yet
Development

No branches or pull requests

2 participants