Screen Reader

Screen reader compatibility, testing, and optimization.

a5c-ai Updated 1.7k repo stars

File contents

Screen Reader Skill

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

a5c-ai/babysitter/tree/main/library/specializations/web-development/skills/screen-reader commit 246e81ce0a

Frequently asked questions

npx skillmds@latest add a5c-ai/screen-reader