Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (16)
Ähnlich wie Acessibilidade em CSS - ABC Dev
Ähnlich wie Acessibilidade em CSS - ABC Dev (20)
Acessibilidade em CSS - ABC Dev
- 1. Achou que não tinha Acessibilidade em CSS? Lucas Silva @lucas_dejsilva
- 6. “Acessibilidade é fazer site pra cego”
- 9. Acessibilidade “Condição para utilização, com segurança e autonomia, total ou assistida [...] dos dispositivos, sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida.”
- 11. Dados
- 13. Dados Em 2010, 8,3% da população brasileira apresentava pelo menos um tipo de deficiência severa, sendo:
- 17. Diretrizes de Acessibilidade para Conteúdo Web (WCAG)
- 18. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) “[...] abrangem diversas recomendações com a finalidade de tornar o conteúdo da Web mais acessível. Seguir estas diretrizes irá tornar o conteúdo acessível a um maior número de pessoas com deficiência [...]”
- 22. 4 princípios da Acessibilidade Web 1° Princípio: Perceptível 2° Princípio: Operável 3° Princípio: Compreensível 4° Princípio: Robusto
- 23. Diretriz 1.1 Alternativas em Texto: Todo conteúdo “não textual” deve trazer uma alternativa em texto para identificar o conteúdo.
- 27. Diretriz 1.4 Discernível: Cores não devem ser utilizadas como única maneira de transmitir conteúdo ou distinguir elementos visuais.
- 33. Diretriz 2.1 Acessível por Teclado: Fazer com que toda funcionalidade fique disponível a partir de um teclado.
- 35. Diretriz 3.2 Previsível: Fazer com que as páginas web apareçam e funcionem de modo previsível.
- 39. Diretriz 1.3 Adaptável: Criar conteúdo que pode ser apresentado de diferentes maneiras (por exemplo um layout simplificado) sem perder informação ou estrutura.
- 43. Diretriz 4.1 Compatível: Maximizar a compatibilidade entre os atuais e futuros agentes de usuário, incluindo tecnologias assistivas.
- 50. Ferramentas de validação e teste
- 52. WAVE Web Accessibility Tool wave.webaim.org
- 57. Audits
- 59. NoCoffe Vision Simulator Extensão para o Google Chrome
- 62. Photoshop leaverou.Photoshop CC 2015 Photoshop CC 2015 Photoshop CC 2015
- 63. iOS & Android apple.com/accessibility support.google.com/accessibility/ android/?hl=pt-BR
- 65. Empathic Modelling “Técnica que pode ser utilizada para auxiliar designers e demais stakeholders de um projeto a vivenciar as dificuldades de uma pessoa com deficiências físicas, auditivas, visuais e cognitivas. Ela não substitui a pesquisa com usuários.”
- 67. Todas os dados precisam estar disponíveis sem CSS
- 69. Não sei CSS avançado, e está tudo bem!