Exercise 1
Accessible names
Find an icon button that has no meaningful name and repair what a screen reader exposes.
Course progress: 0 / 20 lessons
PART 3
Interface patterns and practice
Five parent lessons explain the patterns. Their child exercises let you hear expected behavior, encounter one contained barrier, diagnose its cause, and learn how to retest it.
These exercises assume you have completed the earlier Screen Reader Foundations lessons and can use the basic commands for your screen reader.
Testing a website? Choose a browser and screen reader combination before you begin.
How each exercise works
- Listen: establish what useful output provides.
- Find: test one deliberately defective example.
- Diagnose: choose the primary cause.
- Repair: review concise code and retesting guidance.
Defects are contained and clearly marked. They never create a keyboard trap or deliberately move focus away from you.
PRACTICE TRACKS
Jump to a pattern lesson
Use these links to move to a group of exercises below. Start with Foundations if you are new, or jump directly to the type of interface you want to practice.
5 EXERCISES
Foundations
Core page structure, names, text alternatives, links, and bypass patterns.
Related lessons
Exercise 2
Headings and landmarks
Navigate a page by structure and find content that is only visually organized.
Exercise 3
Link purpose
Review repeated links and decide whether each destination is clear out of context.
Exercise 4
Images and alt text
Compare decorative, informative, and functional images with different text alternatives.
Exercise 5
Skip link and bypass blocks
Use keyboard navigation to bypass repeated content and land on the main task area.
5 EXERCISES
Forms and validation
Labels, required state, errors, summaries, timing, and input feedback.
Related lessons
Exercise 6
Form errors
Compare a useful field error with one that is visible but disconnected from its input.
Exercise 7
Required fields and instructions
Test whether required state and input instructions are available before a form is submitted.
Exercise 8
Error summary
Submit a multi-field form and test whether the summary links to each invalid field.
Exercise 9
Live validation timing
Type into a field and notice when validation becomes too early or too noisy.
Exercise 10
Character counter
Type in a limited field and test whether remaining characters are announced usefully.
6 EXERCISES
Dynamic updates
Status, loading, route changes, notifications, timeouts, and newly inserted content.
Related lessons
Exercise 11
Status messages
Trigger a visual update and test whether it is announced without moving focus.
Exercise 12
Loading state
Start an async action and listen for progress and completion without losing focus.
Exercise 13
Toast notifications
Trigger a toast and test whether important feedback is announced and remains available long enough.
Exercise 14
Timeout warning
Trigger a session warning and test whether users get enough notice and control.
Exercise 15
Route change in SPA
Navigate inside an app and check whether title, heading, and focus update after the route changes.
Exercise 16
Infinite scroll and load more
Load more results and confirm new content and result counts are communicated.
8 EXERCISES
Complex widgets and data
Dialogs, tables, comboboxes, date pickers, drag alternatives, filters, and carousels.
Related lessons
Exercise 26
Dialog announcement
Open a dialog and test its name, initial focus, focus containment, and close behavior.
Exercise 27
Table headers
Move through a data table and check whether header context remains available.
Exercise 28
Autocomplete suggestions
Type in a search field and test whether suggestions can be discovered and selected.
Exercise 29
Drag and drop alternative
Reorder items with keyboard-accessible controls instead of relying on pointer-only drag.
Exercise 30
Sortable table
Sort table columns and confirm the active sort direction is exposed.
Exercise 31
Filter chips
Apply and remove filters while checking selected state, removal labels, and result count updates.
Exercise 32
Carousel
Test slide controls, pause behavior, current slide state, and keyboard operation.
Exercise 33
Date picker
Choose a date from a calendar grid while checking selected date, today, and input fallback.