Write complete accessibility specifications for any UI component. Covers ARIA, keyboard navigation, screen reader, and visual requirements.
Write accessibility specifications for the following UI component:
Component: {{component_name}} (e.g., modal dialog, dropdown menu, data table, date picker) Framework: {{framework}} (e.g., React, Vue, plain HTML — affects specific code examples) WCAG Target Level: {{wcag_level}} (A / AA / AAA)
Output complete accessibility specs:
1. ARIA Roles & Properties
2. Keyboard Navigation
3. Screen Reader Behavior
4. Visual Requirements
5. Test Checklist
6. Common Mistakes to Avoid
{{component_name}}stringrequiredUI component to spec{{framework}}stringFrontend framework{{wcag_level}}stringTarget WCAG compliance level