Apr 10, 2025
Accessibility isn’t just a checkbox—it’s a core pillar of inclusive design. Great design systems not only ensure consistency and scalability but also help teams build accessible products by default.
If you're looking to deepen your understanding of accessibility in design systems, these 5 industry examples offer practical guidance, real-world implementations, and strong foundations to learn from:
1. Backpack by Skyscanner
🔗 skyscanner.design/accessibility
Backpack’s accessibility guidelines focus on the role of product designers in building inclusive experiences. It’s a practical, no-fluff approach grounded in real team workflows.
2. Primer by GitHub
🔗 primer.style/guides/accessibility
Primer provides thoughtful accessibility principles and implementation tips that make accessibility feel achievable, not overwhelming. A great resource for both design and code perspectives.
3. Horizon by ServiceNow
🔗 horizon.servicenow.com/guidelines/accessibility
Horizon’s accessibility documentation offers a clear breakdown of WCAG principles, along with component-level guidance that scales across complex enterprise interfaces.
4. Gestalt by Pinterest
🔗 gestalt.pinterest.systems/foundations/accessibility
Gestalt emphasizes inclusive design from the start, with accessibility baked into their design tokens, components, and documentation. Their examples are practical and easy to follow.
5. Helix by Ideagen
🔗 helixui.com/accessibility
Helix offers a strong introduction to accessibility within the context of a design system. It's a solid reference if you're building or evolving accessibility standards in your own system.
✨ Happy Learning! ✌️
📚 Want to learn about Accessibility in Design Systems from industry-leading experts?
Join our practical 3-day Design Systems Conference:
🗓️ May 28–30, 2025 – Online
👉 Learn to master Accessibility
From accessible color tokens to component documentation and annotations, you’ll get hands-on, actionable strategies to apply in your daily work.