Use the checklist and our a11y kit to make accessibility part of your design process.
When a design includes accessibility, developers can focus on following the design specs and testers shift from discovering gaps to verifying successful implementation. The result is a holistic approach to accessibility.
Accessibility checklist
Before you finalize your designs:
- Check that color contrast passes WCAG 2.1 AA
- Add screen reader messages and order
- Add keyboard focus navigation order
- Mark regions and landmarks
- List headings according to the content logic
- Add a “Skip to content” link when necessary
- Add alt text to images and icons
- Show focus state of focusable elements
- Point out information related to interactive elements
- List labels, buttons, and links