Acessibilidade na Web: não deixe para depois
•
0 gostou•49 visualizações
Apresentação no Braziljs OnTheRoad Sorocaba com a Livia Gabos e a Michelle Frasson
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (12)
Semelhante a Acessibilidade na Web: não deixe para depois
Semelhante a Acessibilidade na Web: não deixe para depois (20)
Acessibilidade na Web: não deixe para depois
- 1. Não deixe nada para depois... Nem a acessibilidade! LIVIA GABOS E MICHELLE FRASSON
- 2. Quem somos? Foto do Web Sem Barreiras de 4/08/2018
- 3. Acessibilidade: o que é? Acessibilidade na Web é a possibilidade e a condição de alcance, percepção, entendimento e interação para a utilização, a participação e a contribuição, em igualdade de oportunidades, com segurança e autonomia, em sítios e serviços disponíveis na Web, por qualquer indivíduo, independentemente de sua capacidade motora, visual, auditiva, intelectual, cultural ou social, a qualquer momento, em qualquer local e em qualquer ambiente físico ou computacional e a partir de qualquer dispositivo de acesso. (W3C BRASIL)
- 4. Acessibilidade: o que é? Do lugar que você está Do modo de acesso Das condições/capacidades físicas Das condições/capacidades financeiras Das capacidades intelectuais Você consegue fazer o que quiser, quando e como quiser!
- 5. Para quem é acessibilidade?
- 7. Como funciona o Leitor de Tela? https://alistapart.com/article/semantics-to-screen-readers/
- 8. Como funciona o Leitor de Tela? https://alistapart.com/article/semantics-to-screen-readers/
- 11. Navegadores x Leitores de tela Leitor de Tela & Navegadores % of Respondentes JAWS com Internet Explorer 24.7% NVDA com Firefox 23.6% JAWS com Firefox 15.1% VoiceOver com Safari 10.0% JAWS com Chrome 6.5% NVDA com Chrome 5.9% NVDA com IE 2.3% VoiceOver com Chrome 1.4% Outras combinações 10.5% https://webaim.org/projects/screenreadersurvey7
- 12. Como testar acessibilidade? - Leitor de tela - Simulação de leitor de tela - Validadores de código - Digital a11y - 25 ferramentas
- 13. Testar código também! <html> <header></header> <body> ◦ <div> ◦ < a role =“button”>Confirmar</a> </div> </body> </html>
- 14. Porque é bug?
- 15. Conclusões - Testar: Leitor de tela + navegador+ tela desligada + sem mouse - Adicionar ferramentas de validação no processo de desenvolvimento - Perguntar e conversar com outros sobre Acessibilidade
- 16. Referências Semantics to Screen Readers – A list apart GitHub da Livia WCAG 2.1 Using Aria
- 17. Amanhã eu vou revelar Depois eu penso em aprender Daqui a uns dias eu vou dizer O que me faz querer gritar No mês que vem tudo vai melhorar Só mais alguns anos e o mundo vai mudar Ainda temos tempo até tudo explodir Quem sabe quanto vai durar Não deixe nada pra depois Não deixe o tempo passar Não deixe nada pra semana que vem Porque semana que vem pode nem chegar Pra depois, o tempo passar Não deixe nada pra semana que vem Porque semana que vem pode nem chegar [...] Semana que vem - Pitty