Screen Reader

Test the screen reader experience. Simulate how a screen reader would traverse the page and identify issues with reading order, landmarks, and announcements.

dragoon0x a3ff2ab 633 B Updated

File contents

/screen-reader — Screen Reader Experience

Simulate a screen reader traversal:

  1. Read the page in DOM order
  2. List all announced landmarks
  3. Check heading hierarchy (announce h1, h2, h3 in order)
  4. Verify image alt text is descriptive
  5. Check that decorative elements are hidden
  6. Verify form labels are associated
  7. Check that dynamic content updates are announced

Output the simulated reading order as a numbered list.

dragoon0x/optik/tree/main/source/skills/screen-reader commit a3ff2ab25c

Frequently asked questions

npx skillmds@latest add dragoon0x/screen-reader