Transferir como PDF, PPTX
Acessibilidade no design e desenvolvimento web - R design 2017
- 1. Acessibilidade no Design eDesenvolvimento Web Desmitificando os termos e como aplicá-los. Lucas Silva
- 2.
- 3.
- 4. Acessibilidade “sf (lat accessibilitate)1 Facilidade de acesso, de obtenção.” “Condição para utilização, com segurança e autonomia, total ou assistida, dos espaços, mobiliários e equipamentos urbanos, das edificações, dos serviços de transporte e dos dispositivos, sistemas e meios de comunicação e informação, por pessoa portadora de deficiência ou com mobilidade reduzida.”
- 5. O que éDesign Universal?
- 6. Design Universal “...o propósitodo Design Universal é gerar ambientes, produtos, serviços, programas e tecnologias acessíveis de forma a atender o maior número de pessoas, na maior extensão possível, sem a necessidade de adaptação ou design especializado.”
- 7.
- 8.
- 9. Dados Em 2010, 8,3%da população brasileira apresentava pelo menos um tipo de deficiência severa, sendo:
- 10. Dados Em 2010, 8,3%da população brasileira apresentava pelo menos um tipo de deficiência severa, sendo:
- 11.
- 12. Diretrizes de Acessibilidadepara Conteúdo Web (WCAG) “As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 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, incluindo cegueira e baixa visão, surdez e baixa audição, dificuldades de aprendizagem, limitações cognitivas, limitações de movimentos, incapacidade de fala, fotossensibilidade e combinações destas características.”
- 13. Diretrizes de Acessibilidadepara Conteúdo Web (WCAG)
- 14. 4 princípios daAcessibilidade Web 1° Princípio: Perceptível - a informação e os componentes da interface do usuário têm de ser apresentados aos usuários em formas que eles possam perceber. 2° Princípio: Operável - Os componentes de interface de usuário e a navegação têm de ser operáveis. 3° Princípio: Compreensível - A informação e a operação da interface de usuário têm de ser compreensíveis. 4° Princípio: Robusto - O conteúdo tem de ser robusto o suficiente para poder ser interpretado de forma concisa por diversos agentes do usuário, incluindo recursos de tecnologia assistiva.
- 15.
- 16. 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.
- 17. Diretriz 1.2 Mídiascom base em tempo: Fornecer alternativas para mídias baseadas em tempo.
- 18. 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.
- 19. 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.
- 20.
- 21. Diretriz 2.1 Acessívelpor Teclado: Fazer com que toda funcionalidade fique disponível a partir de um teclado.
- 22. Diretriz 2.2 TempoSuficiente: Fornecer aos usuários tempo suficiente para ler e utilizar o conteúdo.
- 23. Diretriz 2.3 Convulsões: Nãocriar conteúdo de uma forma conhecida por causar convulsões.
- 24. Diretriz 2.4 Navegável: Fornecermaneiras de ajudar os usuários a navegar, localizar conteúdos e determinar onde se encontram.
- 25.
- 26. Diretriz 3.1 Legível: Tornaro conteúdo do texto legível e compreensível.
- 27. Diretriz 3.2 Previsível: Fazercom que as páginas web apareçam e funcionem de modo previsível.
- 28. Diretriz 3.3 Assistênciade Entrada: Ajudar os usuários a evitar e corrigir erros.
- 29.
- 30. Diretriz 4.1 Compatível: Maximizara compatibilidade entre os atuais e futuros agentes de usuário, incluindo tecnologias assistivas.
- 31.
- 32. WAVE Web AccessibilityTool wave.webaim.org
- 33.
- 34.
- 35.
- 36.
- 37. NoCoffe Vision Simulator Extensãopara o Google Chrome
- 38.
- 39.
- 40. Empathic Modelling “Empathic modellingé uma 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.”
- 42.
- 43.
- 44.