Screen Reader Skill

SkillDev tools

Screen reader compatibility, testing, and optimization.

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the Screen Reader Skill skill

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/web-development/skills/screen-reader/SKILL.md and read by ahel’s review.

Expert assistance for screen reader compatibility.

Capabilities

  • Test with screen readers
  • Optimize reading order
  • Handle announcements
  • Manage focus
  • Write accessible content

Testing Tools

  • NVDA (Windows)
  • VoiceOver (macOS/iOS)
  • JAWS (Windows)
  • TalkBack (Android)

Best Practices

// Visually hidden but screen reader accessible
<span className="sr-only">Close dialog</span>

// Skip links
<a href="#main-content" className="skip-link">
  Skip to main content
</a>

// Reading order
// Ensure DOM order matches visual order

Target Processes

  • screen-reader-testing
  • accessibility-optimization
  • user-testing

Signals

GitHub stars
2k
Forks
112
Last commit
Sep 2026
Advanced
Item type
skill
Key
screen-reader
Source
github.com/a5c-ai/babysitter