Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jlozovei/accessibility-list

A list of resources, tools and good practices about accessibility
https://github.com/jlozovei/accessibility-list

accessibility resources

Last synced: 24 days ago
JSON representation

A list of resources, tools and good practices about accessibility

Awesome Lists containing this project

README

        

# Accessibility List
A list of resources, tools and good practices about accessibility.
Feel free to contribute!

## Tools

#### npm packages
- [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y)
- [tota11y](https://github.com/Khan/tota11y)
- [pa11y](https://github.com/pa11y/pa11y)
- [postcss-colorblind](https://github.com/btholt/postcss-colorblind)

#### Chrome extensions
- [RGBlind](https://chrome.google.com/webstore/detail/rgblind/kjlmmjnmmlfamgddfglhaoklpjjplbhc/)
- [Dalton](https://chrome.google.com/webstore/detail/colorblind-dalton-for-goo/afcafnelafcgjinkaeohkalmfececool)
- [Colorblinding](https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa)
- [Colorblindly](https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg)

#### Online validators
- [aslint](https://www.aslint.org/)
- [tenon](https://tenon.io/)
- [wave](http://wave.webaim.org/)
- [WAI Evaluation Tools](https://www.w3.org/WAI/ER/tools/)
- [Toptal Colorblind Filter](https://www.toptal.com/designers/colorfilter/)
- [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)

## Blog Posts/Articles

#### uxdesign.cc
- [Accessibility tools for designers and developers](https://uxdesign.cc/accessibility-tools-for-designers-and-developers-ea400a415c0a) πŸ‡¬πŸ‡§
- [Acessibilidade: o impacto das cores](https://brasil.uxdesign.cc/acessibilidade-o-impacto-das-cores-bfc0d60420db) πŸ‡§πŸ‡·

#### css-tricks.com
- [Color contrast accessibility tools](https://css-tricks.com/color-contrast-accessibility-tools/) πŸ‡¬πŸ‡§

#### PennState
- [Font Size on the Web](https://accessibility.psu.edu/fontsizehtml/) πŸ‡¬πŸ‡§

#### hiddedevries.nl
- [Naming things to improve accessibility](https://hiddedevries.nl/en/blog/2019-04-18-naming-things-to-improve-accessibility) πŸ‡¬πŸ‡§

#### codeburst.io
- [Building Accessible Single Page Apps](https://codeburst.io/building-accessible-single-page-apps-2ea3e4fbbc01) πŸ‡¬πŸ‡§

#### Inside Design
- [UX writing explained in 5 F words](https://www.invisionapp.com/inside-design/ux-writing-5-f-words/) πŸ‡¬πŸ‡§

#### dev.to
- [Fix 85% of your Web Accessibility issues in 5 easy steps](https://dev.to/alvaromontoro/fix-85-of-your-web-accessibility-issues-in-5-easy-steps-pnf) πŸ‡¬πŸ‡§

#### UX Tricks
- [Accessibility: WCAG 2.1 Checklist and Guide](https://uxtricks.design/blogs/ux-design/accessibility-standards/) πŸ‡¬πŸ‡§

#### Tableless
- [WAI-ARIA – Estendendo o significado das interaçáes](https://tableless.com.br/wai-aria-estendendo-o-significado-das-interacoes/) πŸ‡§πŸ‡·

## Podcasts

#### hipsters.tech
- [hipsters #21 - Acessibilidade Web](https://hipsters.tech/acessibilidade-web-hipsters-21/) πŸ‡§πŸ‡·
- [hipsters #82 - Programar sem enxergar](https://hipsters.tech/programar-sem-enxergar-hipsters-82/) πŸ‡§πŸ‡·

## Manifestos
- [Movimento web para todos](https://mwpt.com.br/) πŸ‡§πŸ‡·