web-accessibility-web-accessibility
Accessibility
Quick Guide: All interactive elements keyboard accessible. Use headless component libraries for ARIA patterns. WCAG AA minimum (4.5:1 text contrast). Proper form labels and error handling. Combine automated axe-core checks with manual keyboard and screen reader testing.
Detailed Resources:
- examples/core.md - Skip links, semantic HTML, landmarks, button vs link
- examples/forms.md - Form validation, error handling, accessible select
- examples/focus.md - Modal dialogs, focus indicators
- examples/color.md - Contrast, color-independent indicators, tokens
- examples/tables.md - Sortable data tables
- examples/touch-targets.md - Touch target sizing
- examples/screen-reader.md - sr-only, hiding decorative content
- examples/testing.md - Accessibility testing with axe-core
- reference.md - Decision frameworks, anti-patterns, WCAG quick reference
<critical_requirements>
More from agents-inc/skills
web-animation-css-animations
CSS Animation patterns - transitions, keyframes, scroll-driven animations, @property, GPU-accelerated properties, accessibility with prefers-reduced-motion
24web-animation-view-transitions
View Transitions API patterns - same-document transitions, cross-document MPA transitions, shared element animations, pseudo-element styling, accessibility
21web-testing-playwright-e2e
Playwright E2E testing patterns - test structure, Page Object Model, locator strategies, assertions, network mocking, visual regression, parallel execution, fixtures, and configuration
21web-styling-cva
Class Variance Authority - type-safe component variant styling with cva(), compound variants, and VariantProps
20web-animation-framer-motion
Motion (formerly Framer Motion) animation patterns - motion components, variants, gestures, layout animations, scroll-linked animations, accessibility
20web-i18n-next-intl
Type-safe i18n for Next.js App Router
19