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-180714171447/85/Acessibilidade-em-CSS-Front-in-Sampa-9-320.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-180714171447/85/Acessibilidade-em-CSS-Front-in-Sampa-18-320.jpg)
Acessibilidade em CSS - Front in Sampa
- 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. 4 princípios daAcessibilidade Web 1° Princípio: Perceptível 2° Princípio: Operável 3° Princípio: Compreensível 4° Princípio: Robusto
- 22. Diretriz 1.1 Alternativasem Texto: Fornecer alternativas textuais para qualquer conteúdo não textual, para que possa ser transformado em outras formas de acordo com as necessidades dos usuários. Tais como impressão com tamanho de fontes maiores, braille, fala, símbolos ou linguagem mais simples.
- 26. Diretriz 1.4 Discernível: Facilitara audição e a visualização de conteúdo aos usuários, incluindo a separação entre o primeiro plano e o plano de fundo.
- 32. Diretriz 2.1 Acessívelpor Teclado: Fazer com que toda funcionalidade fique disponível a partir de um teclado.
- 34. Diretriz 3.2 Previsível: Fazercom que as páginas web apareçam e funcionem de modo previsível.
- 38. 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.
- 42. Diretriz 4.1 Compatível: Maximizara compatibilidade entre os atuais e futuros agentes de usuário, incluindo tecnologias assistivas.
- 49.
- 50. WAVE Web AccessibilityTool wave.webaim.org
- 51.
- 53.
- 54.
- 56.
- 57.
- 58.
- 59.
- 60. NoCoffe Vision Simulator Extensãopara o Google Chrome
- 61.
- 62.
- 63. Photoshop leaverou.Photoshop CC 2015 PhotoshopCC 2015 Photoshop CC 2015
- 64. iOS & Android apple.com/accessibilitysupport.google.com/accessibility/ android/?hl=pt-BR
- 65.
- 66. 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.”
- 68. Todas os dadosprecisam estar disponíveis sem CSS
- 70. Não sei CSSavançado, e está tudo bem!
- 71.
- 72.
- 74.