Pessoal, venho compartilhar aqui alguns conteúdos sobre acessibilidade web, assunto de grande importância para quem pretende seguir na carreira front-end. Caso queiram contribuir, fiquem à vontade!
- Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0
- Padrões web WAI-ARIA para acessibilidade: WAI-ARIA Overview | Web Accessibility Initiative (WAI) | W3C
- Verificação de contraste de cores conforme WCAG: https://contrastchecker.com
- Exemplo de carrossel acessível conforme WCAG: Working Example | Web Accessibility Initiative (WAI) | W3C
- Dicas de acessibilidade em algums componentes como menus, cards, formulários, etc: A11Y Style Guide
- Guia para descrição de imagens e ícones: https://medium.com/accessibility4devs/o-guia-definitivo-para-descrição-de-imagens-e-ícones-em-sites-aplicativos-e-redes-sociais-b48e8c99cd00
- Extensão Firefox (acredito que tenha para Chrome também) para checar acessibilidade visual em seu site: NoCoffee – Instale esta extensão para o 🦊 Firefox (pt-BR)
- Extensão para Figma e afins com verificação de acessibilidade: https://www.getstark.co
- Guia de Acessibilidade de Interfaces Web com foco em aspectos do Autismo (GAIA): https://gaia.wiki.br
- Talita Pagani - Acessibilidade Web Cognitiva - BrazilJS Conf 2016 - YouTube
- Frontinsampa 2016 - Talita Pagani: Acessibilidade na prática para você nunca mais esquecer - YouTube
- Site exemplo de como alguém com dislexia enxerga na web: Dsxyliea
- Style Guide Acessível - Português - YouTube
- O que é Affordance e como projetar pensando nisso - Homem Máquina