Code24Lab
Menu
Courses Categories Guides Pricing Log in Sign up

ARIA States: Valid Values and a Toggle Trace

Lesson 6 of 22 Lab 🔒 Locked

Lessons in this course

  1. Text Alternatives: Auditing Every Image on a PageLabFree
  2. Colour Maths I: From Hex Code to Relative LuminanceLab Locked
  3. Colour Maths II: Contrast Ratios and WCAG ThresholdsLab Locked
  4. Accessible Names: Which Source Wins?Lab Locked
  5. The First Rule of ARIA: Implicit, Redundant and Missing RolesLab Locked
  6. ARIA States: Valid Values and a Toggle TraceLab Locked
  7. Landmarks and the Heading OutlineLab Locked
  8. Tab Order: Native Focus, tabindex 0, -1 and Positive ValuesLab Locked
  9. Composite Widgets: Roving tabindex and Arrow-Key TracesLab Locked
  10. Target Size and Focus Indicators: Measuring in CSS PixelsLab Locked
  11. Accessible Forms: Labels, Descriptions and autocompleteLab Locked
  12. Live Regions: Polite, Assertive and Debounced AnnouncementsLab Locked
  13. Responsive Images I: srcset Width Descriptors and Device Pixel RatioLab Locked
  14. Responsive Images II: Computing the sizes AttributeLab Locked
  15. The picture Element: Formats, Art Direction and First MatchLab Locked
  16. Lazy Loading, fetchpriority and the FoldLab Locked
  17. Layout Shifts: width, height, aspect-ratio and the CLS ScoreLab Locked
  18. Script Loading: defer, async and type=module Execution OrderLab Locked
  19. Critical Path: preconnect, preload and Late-Discovered ResourcesLab Locked
  20. Custom Elements: Lifecycle Callbacks TracedLab Locked
  21. Shadow DOM: Slot Assignment and Style EncapsulationLab Locked
  22. Final Project: Page Audit and Release GateLab Locked