flutter
Clarify use of certain buttons and links
From https://buganizer.corp.google.com/issues/337111280
Observed Results
Navigating through the page specifically on the video cards, learn/more links and format/disable buttons, need a clear purpose to users.
- Screencast VoiceOver
- Screencast ChromeVox
- Screencast VoiceOver
- Screencast VoiceOver
- Screencast VoiceOver
Expected Results
Ensure that more links should have a clear description to users for example:
- More video options link.
- Learn more about flutter link.
- Format button.
User Impact
Screen reader and Cognitive users are affected because learn/more and forma/disabled buttons/links do not have an understandable purpose to them.
Steps to Reproduce
-
Enabled VoiceOver using Command + F5 also ChromeVox using Ctrl + Alt + Z
-
Open the following pages:
- https://docs.flutter.dev/ui/widgets
- https://docs.flutter.dev/get-started/install
- https://docs.flutter.dev/cookbook/design/snackbars#interactive-example
-
Continue the linear navigation using the Tab key and reach the cards components.
-
Navigate through the links specifically on learn/More links also format/disable buttons and listen to the results.
GAR Assessment
GAR Details
1.11. Is the purpose of each link, control, and button clear?
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.
