# Accessibility

## General Learning

1. [Mozilla's Development Docs on Accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility)
2. [Accessibility on web.dev](https://web.dev/learn/accessibility/)
3. [IBM Accessibility Requirements](https://www.ibm.com/able/requirements/requirements/)
4. [Smashing Magazine's Accessibility tagged articles](https://www.smashingmagazine.com/category/accessibility)
5. [UK's Guidance and Tools for Accessibility](https://www.gov.uk/guidance/guidance-and-tools-for-digital-accessibility)

## Video guides

1. [Marcy Sutton's Egghead tutorials](https://egghead.io/courses/start-building-accessible-web-applications-today)
2. [Erin Doyle's for React accessibility](https://egghead.io/courses/develop-accessible-web-apps-with-react)

## Specific Guides

1. [A Guide To Keyboard Accessibility: HTML And CSS (Part 1) — Smashing Magazine](https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-html-css-part1/)
2. [A Guide To Keyboard Accessibility: JavaScript (Part 2)](https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-javascript-part2/)
2. [Form design: from zero to hero](https://adamsilver.io/blog/form-design-from-zero-to-hero-all-in-one-blog-post/)
3. [HTML Input Validation with JavaScript](https://www.aleksandrhovhannisyan.com/blog/html-input-validation-without-a-form/)

## Tooling

1. [Leonardo — Accessible color palette](://leonardocolor.io/#)
2. [Assistive Labs](https://assistivlabs.com/)
3. [A11y checkllist](https://www.a11yproject.com/checklist/)
4. [Web Accessibility Testing](https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd?utm_source=frontendfocus&utm_medium=sponsored_primary&utm_campaign=20220504)
5. [Complete A11y guide to components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/#accessible-data-charts)
6. [Automating Accessibility | Smashing Magazine](https://www.smashingmagazine.com/2022/11/automated-test-results-improve-accessibility/)
7. [WAVE evaluation tool (Chrome Extension)](https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?hl=en-US)
8. [IBM Equal Access Checker (Chrome Extension)](https://chrome.google.com/webstore/detail/ibm-equal-access-accessib/lkcagbfjnkomcinoddgooolagloogehp?hl=en-US)
9. [Microsoft Inclusive Design Toolkit](https://www.microsoft.com/design/inclusive/) ([Tweet](https://twitter.com/carnage4life/status/1624740946301849602?s=46&t=fp0xrZa-JVRRSjfXR9sovQ))

## Books

1. [Inclusive Components](https://inclusive-components.design/)