Screen Reader Testing
A hands-on playbook for validating web accessibility with VoiceOver, NVDA, JAWS and TalkBack.
Dev & CodingIntermediate★ 38,895⑂ 4,143AI score 9/10Last updated: Aug 18, 2026
What it does
- Maps the major screen readers (VoiceOver, NVDA, JAWS, TalkBack, Narrator) to platforms, browsers, market share and a recommended testing priority.
- Lists the essential keystrokes for each tool — rotor, elements list, heading/form/landmark jumps — and explains browse vs focus mode.
- Supplies checklists by area (page load, navigation, links, forms, dynamic content, tables) plus a step-by-step NVDA test script.
- Shows broken-vs-fixed ARIA snippets and accessible patterns for modals with focus traps, live regions and tab interfaces.
Who it's for
- Front-end developers, QA engineers and accessibility specialists
- Teams preparing for WCAG conformance or public-sector/finance audits
- SPA developers fighting focus-management and live-announcement bugs
Examples
- An icon-only button announces nothing useful → apply the aria-label + aria-hidden fix pattern.
- Before shipping a checkout form, run the NVDA script to verify labels, error announcements and focus movement.
- Wrap a dialog with role=dialog / aria-modal plus the focus-trap snippet, then verify against the VoiceOver checklist.
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/wshobson/agents/HEAD/plugins/accessibility-compliance/skills/screen-reader-testing/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the plugins/accessibility-compliance/skills/screen-reader-testing folder from the GitHub repo wshobson/agents into my ~/.claude/skills/screen-reader-testing/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/wshobson/agents.git /tmp/agents && mkdir -p ~/.claude/skills && cp -r /tmp/agents/plugins/accessibility-compliance/skills/screen-reader-testing ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open a terminal.
- Clone the repo:
git clone https://github.com/wshobson/agents.git /tmp/agents - Create the skills folder:
mkdir -p ~/.claude/skills - Copy the skill:
cp -r /tmp/agents/plugins/accessibility-compliance/skills/screen-reader-testing ~/.claude/skills/ - Restart Claude Code and ask something like "test this page with a screen reader" to trigger it.
- For real validation, enable VoiceOver on macOS (Cmd+F5) or install NVDA from nvaccess.org on Windows.
View source on GitHub ↗License: MIT