Baixar para ler offline
![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.”](https://image.slidesharecdn.com/acessibilidadeemcss-abcdev-180922194533/75/Acessibilidade-em-CSS-ABC-Dev-9-2048.jpg)
![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 [...]”](https://image.slidesharecdn.com/acessibilidadeemcss-abcdev-180922194533/75/Acessibilidade-em-CSS-ABC-Dev-18-2048.jpg)
Acessibilidade em CSS - ABC Dev
- 1. Achou que nãotinha Acessibilidade em CSS? Lucas Silva @lucas_dejsilva
- 3.
- 5.
- 6. “Acessibilidade é fazersite 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.
- 13. Dados Em 2010, 8,3%da população brasileira apresentava pelo menos um tipo de deficiência severa, sendo:
- 17.
- 18. Diretrizes de Acessibilidadepara 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 [...]”
- 21.
- 22. 4 princípios daAcessibilidade Web 1° Princípio: Perceptível 2° Princípio: Operável 3° Princípio: Compreensível 4° Princípio: Robusto
- 23. Diretriz 1.1 Alternativasem Texto: Todo conteúdo “não textual” deve trazer uma alternativa em texto para identificar o conteúdo.
- 27. Diretriz 1.4 Discernível: Coresnão devem ser utilizadas como única maneira de transmitir conteúdo ou distinguir elementos visuais.
- 33. Diretriz 2.1 Acessívelpor Teclado: Fazer com que toda funcionalidade fique disponível a partir de um teclado.
- 35. Diretriz 3.2 Previsível: Fazercom que as páginas web apareçam e funcionem de modo previsível.
- 39. Diretriz 1.3 Adaptável: Criarconteú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: Maximizara compatibilidade entre os atuais e futuros agentes de usuário, incluindo tecnologias assistivas.
- 50.
- 52. WAVE Web AccessibilityTool wave.webaim.org
- 53.
- 55.
- 56.
- 57.
- 58.
- 59. NoCoffe Vision Simulator Extensãopara o Google Chrome
- 60.
- 61.
- 62. Photoshop leaverou.Photoshop CC 2015 PhotoshopCC 2015 Photoshop CC 2015
- 63. iOS & Android apple.com/accessibilitysupport.google.com/accessibility/ android/?hl=pt-BR
- 64.
- 65. Empathic Modelling “Técnica quepode 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 dadosprecisam estar disponíveis sem CSS
- 69. Não sei CSSavançado, e está tudo bem!
- 70.
- 71.
- 72.
- 74.