A11Y Style Guide is a living accessibility style guide built to make inclusive design and development more practical. It brings together reusable accessible components, WCAG guidance, and links to supporting tools and articles in one place.
Project overview
The guide grew out of real component-driven development workflows and uses KSS node to document patterns in a way teams can reference while they build. Instead of treating accessibility as a final review step, it helps teams work from tested, reusable building blocks earlier in the process.
Why it matters
- Documents accessible patterns teams can reuse across projects
- Connects components to related WCAG guidance, tools, and articles
- Supports an accessibility-first workflow for designers and developers
- Gives teams a practical reference they can adapt or build on
Visit the A11Y Style Guide (opens in new tab).
Resources
- Open source project (opens in new tab)
- Putting accessibility first (opens in new tab)
- Getting started with website accessibility (opens in new tab)
- Inclusive development: Using style guides to improve website accessibility (MidCamp 2017) (opens in new tab)
- Inclusive development: Using style guides to improve website accessibility (opens in new tab)
- Core accessibility: Building inclusivity into the Drupal project (opens in new tab)