Accessibility Standards
Build accessible user interfaces following WCAG guidelines.
Key Principles
- Use semantic HTML
- Include ARIA labels where needed
- Ensure keyboard navigation works
- Provide sufficient color contrast
- Include alt text for images
Rules
Our workspace has comprehensive accessibility rules enforced by ESLint. Key rules:
- Don't use
aria-hiddenon focusable elements - Label elements must have text content
- Include
titlefor SVG elements - Use semantic elements instead of role attributes
- Ensure proper heading structure
See workspace rules for complete list.