One lesson
An individual lesson
This track has no lesson ready to buy yet. Each lesson becomes available only after it is built and reviewed.
$5.00Not available yet
All course tracks
Frontend and browser · 30 lessons · up to 10 minutes each
Web Accessibility
A planned accessibility path through semantics, interaction, readable feedback, and checks.
Coming Soon
One-time purchase · USD
Choose what to unlock
Access is attached to your account after payment is verified. No subscription.
Full category
Web Accessibility
Permanent access to the lessons published in this track when you buy. Future lessons are not included. 0 of 30 lessons are published; 0 are in owner review and 30 are Coming Soon.
$29.0030 lessons still in progress
Beginner
Lessons 1–10
01 Web Accessibility: Sketch semantic landmarks
Topic: semantic landmarks
Draw a small map of semantic landmarks in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner4 minComing Soon02 Web Accessibility: Name the parts of heading and reading order
Topic: heading and reading order
Label the main pieces in heading and reading order in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner5 minComing Soon03 Web Accessibility: Trace an example of keyboard operation
Topic: keyboard operation
Follow one input through keyboard operation in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner6 minComing Soon04 Web Accessibility: Compare choices for visible focus
Topic: visible focus
Write down one practical difference between visible focus in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner7 minComing Soon05 Web Accessibility: Find the boundary in labels and error messages
Topic: labels and error messages
Mark where labels and error messages in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner8 minComing Soon06 Web Accessibility: Inspect an example of names and roles
Topic: names and roles
Annotate a minimal example of names and roles in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner9 minComing Soon07 Web Accessibility: Connect contrast and non-color cues to a neighboring concept
Topic: contrast and non-color cues
Show how contrast and non-color cues in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner10 minComing Soon08 Web Accessibility: Spot a failure mode in live region purpose
Topic: live region purpose
Describe one likely failure for live region purpose in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner3 minComing Soon09 Web Accessibility: Read an official example of motion preferences
Topic: motion preferences
Summarize an official example of motion preferences in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner5 minComing Soon10 Web Accessibility: Choose a use case for assistive technology spot checks
Topic: assistive technology spot checks
Match one small use case to assistive technology spot checks in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Beginner6 minComing Soon
Intermediate
Lessons 11–20
11 Web Accessibility: Build an example with semantic landmarks
Topic: semantic landmarks
Create a small working example that uses semantic landmarks in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate4 minComing Soon12 Web Accessibility: Compose heading and reading order with another component
Topic: heading and reading order
Combine heading and reading order in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon13 Web Accessibility: Configure keyboard operation for a small case
Topic: keyboard operation
Set up keyboard operation in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon14 Web Accessibility: Validate inputs around visible focus
Topic: visible focus
Add a check around visible focus in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate7 minComing Soon15 Web Accessibility: Use labels and error messages in a short workflow
Topic: labels and error messages
Add labels and error messages in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate8 minComing Soon16 Web Accessibility: Refactor names and roles into a reusable unit
Topic: names and roles
Extract names and roles in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate9 minComing Soon17 Web Accessibility: Exercise contrast and non-color cues with sample data
Topic: contrast and non-color cues
Run sample data through contrast and non-color cues in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate10 minComing Soon18 Web Accessibility: Observe live region purpose outputs
Topic: live region purpose
Capture the result of live region purpose in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate3 minComing Soon19 Web Accessibility: Recover from a motion preferences failure
Topic: motion preferences
Handle one expected failure from motion preferences in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon20 Web Accessibility: Document assistive technology spot checks behavior
Topic: assistive technology spot checks
Write a short usage note for assistive technology spot checks in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon
Advanced
Lessons 21–30
21 Web Accessibility: Test a boundary around semantic landmarks
Topic: semantic landmarks
Add an edge-case test for semantic landmarks in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced4 minComing Soon22 Web Accessibility: Harden heading and reading order
Topic: heading and reading order
Add the relevant access, safety, or validation control to heading and reading order in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced5 minComing Soon23 Web Accessibility: Measure keyboard operation
Topic: keyboard operation
Record a small baseline for keyboard operation in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced6 minComing Soon24 Web Accessibility: Reduce cost in visible focus
Topic: visible focus
Change one measurable cost in visible focus in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced7 minComing Soon25 Web Accessibility: Diagnose a labels and error messages failure
Topic: labels and error messages
Use an observable signal to explain a failure in labels and error messages in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced8 minComing Soon26 Web Accessibility: Make names and roles repeatable
Topic: names and roles
Show that rerunning names and roles in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced9 minComing Soon27 Web Accessibility: Review trade-offs in contrast and non-color cues
Topic: contrast and non-color cues
Compare two documented approaches to contrast and non-color cues in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced10 minComing Soon28 Web Accessibility: Improve live region purpose maintainability
Topic: live region purpose
Refine live region purpose in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced3 minComing Soon29 Web Accessibility: Verify motion preferences end to end
Topic: motion preferences
Check that a complete small flow using motion preferences in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced5 minComing Soon30 Web Accessibility: Audit assistive technology spot checks against its source docs
Topic: assistive technology spot checks
Check the implementation of assistive technology spot checks in the context of accessible semantics, keyboard use, contrast, and assistive technology; save a short example or check that demonstrates the result.
Advanced6 minComing Soon
Reference documentation
References support the selected track topics while its lesson content is built and reviewed progressively.
This track is a catalog outline only. Each lesson remains unavailable until it is built and personally reviewed.