Recomendados
Recomendados
Mais conteúdo relacionado
Semelhante a Inclusão Web: Tornando a web para todos
Semelhante a Inclusão Web: Tornando a web para todos (20)
Mais de Gisely Lucas
Mais de Gisely Lucas (13)
Inclusão Web: Tornando a web para todos
- 1. Inclusão na Web Tornando a Web para todos gisely.lucas@gmail.com
- 2. Gisely Lucas Bernardino Cientista da Computação por formação, engenheira de software e embaixadora do Comitê de Diversidade da CI&T. ...
- 3. O que é ACESSIBILIDADE?
- 4. ” É permitir que pessoas com deficiências ou mobilidade reduzida participem de atividades que incluem o uso de produtos, serviços e informação. Descrição de Acessibilidade para o Governo Federal do Brasil http://www.acessoainformacao.gov.br/acessibilidade “
- 5. Qual o motivo de se falar em ACESSIBILIDADE?
- 6. No BRASIL? Fonte: IBGE, 2010 Visual Auditiva Motora M ental ou Intelectual 18,6% 5,10% 7% 1,4%
- 8. ” Acessibilidade na web significa que pessoas com deficiência possam usar a web. Podendo perceber, entender, navegar, interagir e contribuir. Descrição de Acessibilidade web pela W3C Brasil “
- 9. Como começar a pensar e desenvolver de forma acessível?
- 10. Se colocar no lugar do outro
- 11. É preciso pensar em acessibilidade em todas as fases ● Levantamento de requisitos ● Arquitetura do projeto ● Prototipação ● Validação com o Cliente ● Desenvolvimento ● Testes ● Implantação
- 12. Diretrizes para desenvolver de forma acessível
- 13. Dicas para desenvolver de forma acessível
- 14. TEXTOS
- 15. Contraste TEXTO TEXTO ✘ errado ✓ correto
- 16. Espaçamento entre as letras
- 17. Espaçamento entre as linhas
- 18. Imagens
- 19. Uso do Alt em Imagens <img>: tag que permite o leitor de tela identificar que ali existe uma imagem com sentido para o usuário alt: atributo de texto alternativo. Deve conter uma descrição breve e com sentido referente ao conteúdo da imagem. <img src=“image.png” alt=“” [...] >
- 20. Vídeos
- 21. Algumas observações ● Legendas ● Não deve ter início automático ● Sons que não possuem sentido devem ter o volume baixo ou inexistente ● Etc
- 22. Elementos HTML
- 23. Ordem dos elementos A ordem semântica dos elementos deve fazer sentido. Caso necessário, utilize CSS para mover o elemento visualmente. <html> <header> <navigation> <body> <img> <p> </body> <footer> </html
- 24. Botões Preferência ao uso da tag <button> Caso necessário usar um link como botão: usar os atributos ARIA <button type=“button”> Botão 1 </button> <a class=“button” role=“button” src=“link.html”>
- 25. Outras Dicas
- 26. Dúvidas???
- 27. OBRIGADA!!! Gisely Lucas Bernardino gisely.lucas@gmail.com (email) @giselylucasb (linkedin)