Better Accessibility

Overview

Accessibility engineering ensures software works for everyone—those using keyboards only, relying on screen readers, or adjusting zoom and motion settings. This skill provides structured approaches to building and reviewing accessible components.

Highlights

• Use semantic HTML elements first; only add custom ARIA when necessary
• Implement visible focus indicators and keyboard navigation across all components
• Test with actual keyboard interaction and screen reader software
• Set minimum touch targets at 44×44 pixels, visible targets at 24×24 pixels
• Support text resizing up to 200% and respect prefers-reduced-motion settings
• Create live regions for dynamic content announcements
• Use alt text strategically for images and functional icons
• Verify forms with proper labels, error messages, and validation timing

For Whom

Developers building or auditing web and application interfaces. Use this when implementing new components, handling accessibility reports, or preparing for compliance reviews. Works alongside visual design and component libraries to catch accessibility gaps early.