Clarify use of certain buttons and links

[atsansone]

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

1. Enabled VoiceOver using Command + F5 also ChromeVox using Ctrl + Alt + Z

2. 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

3. Continue the linear navigation using the Tab key and reach the cards components.

4. Navigate through the links specifically on learn/More links also format/disable buttons and listen to the results.

GAR Assessment

Flutter Docs

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.