Professional Accessibility Implementation
This skill ensures that all generated web interfaces (HTML, CSS, JSX, TSX, React, Vue, Svelte) are fully accessible and compliant with WCAG 2.2 Level AA.
Key Capabilities:
- Semantic HTML: Prioritizes native elements over ARIA for maximum compatibility.
- Component-Specific Standards: Implements authoritative acceptance criteria for Modals, Accordions, Tabs, Tables, and more.
- Contrast Verification: Ensures text and UI components meet minimum contrast ratios (4.5:1 for normal text).
- Keyboard & Focus Management: Implements logical tab orders, visible focus indicators, and strict focus trapping for dynamic content.
- Form Accessibility: Enforces explicit labeling, correct input types, and descriptive error handling.
- Complex Data Handling: Converts complex charts and images into accessible data tables or summaries.
- Responsive Reflow: Guarantees content usability at a 320px viewport width without 2D scrolling.
Not yet audited
This skill has not been reviewed by our automated audit pipeline yet.