<aside>
📌 Accessibility is a broad topic. However, I've been applying the same general principles in my daily work for a while and that is why I've decided to create this guide and checklist to help you include the basics of accessibility in your daily work.
</aside>
Accessibility Principles (WCAG)
How to test it?
UI Design (Figma, Sketch, AdobeXD)
- [ ] Run an accessibility audit (with Stark plugin)
- [ ] Check keyboard navigation.
- [ ] Use a screen reader
Existing Website
- [ ] Zoom to 200%. Does all the text remain visible?
- [ ] Run an accessibility audit (with SiteImprove)
- [ ] Check keyboard navigation.
- [ ] Use a screen reader (JAWS, NVDA)
- [ ] Deactivate CSS
More resources:
Web Content Accessibility Guidelines (WCAG) 2.1
Checklist
Microsoft Design