Inclusive Design Toolkit
Practical tools and activities for recognizing exclusion and designing with a wider range of people.
By Microsoft Design
THE GOOD STUFF, ALL IN ONE PLACE
Find contrast checkers, inclusive-design guidance, focus annotations, and accessibility testing references from credited sources.
9 resources · Curated September 2026
Start with content, keyboard behaviour, contrast, and error recovery. A checker or Figma annotation cannot certify an interface: review the implemented product, test manually, and include disabled people in appropriate research.
Practical tools and activities for recognizing exclusion and designing with a wider range of people.
By Microsoft Design
A practical checklist for content, keyboard use, images, forms, contrast, and mobile interfaces.
By The A11Y Project
The official filterable reference for accessibility requirements, techniques, and common failures.
By W3C Web Accessibility Initiative
Check foreground and background colors against contrast criteria before handing off your design.
By WebAIM · Utah State University
Annotate tab and focus order so keyboard behavior is part of your design handoff.
By Microsoft Design resources
Check text contrast while you work in Figma, using a plugin linked from Fluent’s public resource library.
By Microsoft Design resources
Inspect accessibility issues on a page with visual annotations and explanations. Use the free checker or browser extension; automated results still need human review.
By WebAIM · Utah State University
Combine automated checks with a tab-stop visualizer and guided manual tests. Useful for checking keyboard behavior and documenting issues in a coded prototype.
By Microsoft
Use a native Penpot annotation kit to document interaction and accessibility decisions alongside screens. Give implementation partners more than visual specifications.
By Stéphanie Walter
Good work deserves credit. Third-party resources open at the original creator’s site. Free editions may have limits; check each resource’s notes.