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.

Sign up for GitHub

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

Jump to bottom

Make DartPad example button accessible using keyboard #10544

Open
Tracked by #9495
atsansone opened this issue May 8, 2024 · 0 comments
Open
Tracked by #9495

Make DartPad example button accessible using keyboard #10544

atsansone opened this issue May 8, 2024 · 0 comments
Assignees
@parlough
Labels
e3-weeks Effort: < 4 weeks infra.dartpad Relates to DartPad component code or functionality infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. st.triage.ltw Indicates Lead Tech Writer has triaged t.a11y Relates to an accessibility concern

Comments

@atsansone
Copy link
Contributor

From https://buganizer.corp.google.com/issues/337848673

Observed Results

Navigating through the interactive code example, noticed that the buttons inside are not reachable using keyboard controls.

Expected Results

Ensure that the buttons inside the interactive code should be managed by keyboard controls.

User Impact

Screen reader and Cognitive users are confused because the buttons are announced and sometimes no but they cannot be managed by key controls.

Steps to Reproduce

  1. Enabled VoiceOver using Command + F5 also ChromeVox using Ctrl + Alt + Z
  2. Open the following page: https://docs.flutter.dev/cookbook/design/snackbars#interactive-example
  3. Continue the linear navigation using the Tab and Arrow keys and reach the interactive example code.
  4. Observe the results.

GAR Assessment

Flutter Docs

GAR Details

1.2. Can all controls be reached and used via the keyboard without using a mouse?

Environment Details

Machine: MAC/ChromeBook
Browser: Chrome Version 120.0.6099.272 (Official Build) (64-bit)
Screen reader: VoiceOver / ChromeVox.
Bug filling time: 15 mins.
@atsansone atsansone mentioned this issue May 8, 2024
Open
32 tasks
@atsansone atsansone added p2-medium Necessary but not urgent concern. Resolve when possible. t.a11y Relates to an accessibility concern st.triage.ltw Indicates Lead Tech Writer has triaged infra.structure Relates to the tools that create docs.flutter.dev infra.dartpad Relates to DartPad component code or functionality e3-weeks Effort: < 4 weeks labels May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@parlough parlough

Labels
e3-weeks Effort: < 4 weeks infra.dartpad Relates to DartPad component code or functionality infra.structure Relates to the tools that create docs.flutter.dev p2-medium Necessary but not urgent concern. Resolve when possible. st.triage.ltw Indicates Lead Tech Writer has triaged t.a11y Relates to an accessibility concern
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@atsansone @parlough