Understand web Accessibility: useful links (part 10)

In this post, you will find a bunch of links about web accessibility for developers and digital business.

Accessible components:

• https://www.w3.org/WAI/ARIA/apg/patterns/

• https://component.gallery/components/

• https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/

• https://van11y.net/

• https://inclusive-components.design/

• https://dev.to/erikkroes/accessible-html-toggle-button-switch-o9e

A11y Tools:

• https://developer.chrome.com/blog/full-accessibility-tree?hl=fr

• https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=fr&pli=1

• https://monsido.com/tools/contrast-checker

• https://color.review/

• https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi

• https://www.deque.com/axe/devtools/

• https://codepen.io/stevef/pen/YLMqbo/

• https://codepen.io/svinkle/pen/WgYRxq

• https://wave.webaim.org/

None of these links will be enough to check all the a11y issues of a web page! You need to check the code manually, for a big part.

Good ressources:

• https://guia-wcag.com/en/

• https://github.com/atalan/a11y-resources/blob/master/list-of-a11y-resources.md

• https://www.a11yjobs.com/

• https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/

• https://a11ymyths.com/

• https://web.dev/learn/accessibility/

• https://a11y-webring.club/

A11y Blogs:

• https://blog.pope.tech/category/accessibility-articles/

• https://chrisyoong.com/blog

• https://tetralogical.com/blog/

• https://hidde.blog/blog/

• https://theadminbar.com/accessibility-weekly/

• https://gerireid.com/forms.html

• https://ashleemboyer.com/blog

• https://www.scottohara.me/writing/

• https://adrianroselli.com/posts

• https://www.tanaguru.com/en/blog-en/

• https://a11y-guidelines.orange.com/en/articles/

Screen readers:

• https://community.articulate.com/series/all-about-accessibility/articles/all-about-assistive-technologies

• https://axesslab.com/what-is-a-screen-reader/

• https://axesslab.com/tech-youtubers/

• https://www.w3.org/WAI/people-use-web/tools-techniques/

• https://webaim.org/projects/million/

• https://www.powermapper.com/tests/screen-readers/attributes/

Best videos:

• https://www.youtube.com/watch?v=UzffnbBex6c

• https://www.youtube.com/watch?v=qr0ujkLLgmE

• https://adata.org/ocr-videos

• https://www.youtube.com/watch?v=kj9UodcwIes

• https://www.paris-web.fr/2019/conferences/time-control-in-web-accessibility.php

• https://www.youtube.com/@DequeSystemsInc/videos