Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lêda Lucia Spelta e Horácio Soare

1. Metodologia para Avaliação de Acessibilidade em Sites1ª Conferência Web W3C BrasilLêda Lucia Spelta e Horácio Soares Novembro 2009

2. Acessibilidade?

3. “Acessibilidade na web é tornar todos os serviços, assuntos e publicações tão fáceis de serem utilizados por todas as pessoas, que até esqueceremos que há diferenças.” (Carla Nascimento – frase vencedora do concurso “Jornadas de Conhecimento - Acessibilidade na Web”)

4. + + Acessibilidade+Web Standards+Usabilidade Acessibilidade de Verdade!

5. Acessibilidade para quem?

6. Juca, sem visão.

7. Mandy, semvisão e braços.

8. Lucas, com baixavisãoutilizando o software ampliador de tela.

9. Para nosso ex. alunoIsaias, ele é designer e descobriu no início de 2009 que é daltônico. Isaias à esquerda, conduzindo o Januáriopara um chopinho apóscurso de acessibilidade Web.

10. Ok! Acessibilidade então é para pessoas com deficiência visual, certo?

11. Errado! Errado! Errado!

12. JoãoHenriquesdeficiente motor utiliza o mouse com dificuldade. ( www.euroacessibilidade.com )

13. Eric interagindoatravés de tecladoexpandidoFunlar – Rio (nov/2006).

14. João, tetraplégico João (foto de Maíra Soares)

15. Deficientesauditivosnãooralizadostêmdificuldades com o português. Apreendemprimeiro a língua de sinais. Chapeuzinho Vermelho em português e na língua de sinais (prof. Goulão)

16. Então acessibilidade é somente para pessoas com deficiências, certo?

17. Casal João e Ana, eles têm pouca experiência, baixa visão e dificuldades motoras.

18. Pedro olhando para seu smartphone e Laura com uma cara desesperada para seu celular. Pedro e Laura com dispositivosmóveis com acesso a Internet.

19. Gabriel, linguagememdesenvolvimento... Gabriel compenetrado, olhando para o monitor e clicando com o mouse. Agora ele está olhando e brincando com o teclado.

20. Calvin, pouca experiência e medo do computador Homem com muito medo olhando por cima de um notebook.

21. Max, com tendinite, usando o mousecom a mão trocada. Homem com expressão de desespero, usando o mouse com a mão esquerda

22. E todos nós, primeira experiência. Um criança em frente a um notebook

23. E finalmente, o bilionário cego!!! Cifrão desenhado com moedas douradas

24. Dilbert fazendo parte do logotipo do Google e falando “eu não posso ver”. Google, o bilionário cego!!! É apenas um robô que só indexa conteúdo em texto.

25. Acessibilidade, quais são os custos?

26. Curva de aprendizagem • Alto custo no redesign • Baixo em novos projetos • Diminui com tempo • Validação e manutenção • Melhoria contínua • Mudança de cultura

27. E os benefícios? Gráfico de barras em crescimento da esquerda para direita.

28. Possibilidade de atingir 100% do público alvo; Homem com arma mirando um possível alvo

29. Atender melhor todas as pessoas

30. Mas normalmente o tratamento que recebemos é... Avião cheio com passageiro exprimido e impossibilitado fazer seu lanche.

31. Quando podemos ser surpreendidos Design universal: uma solução para todos Bebedor acessível para todas pessoas, altas, baixas, em cadeiras, etc.

32. Fidelizar clientes Homem de terno comemorando

33. Atender com qualidade novos clientes que surgem com a inclusão digital e o sistema de cotas. Dardo

34. Mais fácil de usar e aprender Casal decepcionado ao utilizar as orientações do fabricante e não conseguir montar uma estante.

35. Conformidade com o decreto de lei 5296 (dez/04) e com a convenção da ONU que ganhou força de lei (ago/08) ; Uma mão com laço no dedo indicador

36. Uma senhora acessando um computador. Crescimento do consumidor acima dos 65 anos...

37. Manutenção mais rápida e barata, com melhor performance e diminuição dos custos com banda; Visualizar os benefícios da acessibilidade

38. Valorização da Diversidade e Responsabilidade Social; Mãos entrelaçadas

39. Mão com sinal de ok. Proteção contra processos pela falta da acessibilidade;

40. Um grande e bonito olho azul. Maior visibilidade pelos sistemas de busca;

41. Diferencial competitivo Mulher com notebook em sinal de ok Cachorrinho caregando um enorme osso.

42. Diferencial competitivo e melhoria da qualidade. Mãe e filha felizes na praia dando uma estrela

43. Navegação as escuras

44. Validação de Acessibilidade Globoemambientefuturista.

45. Validação de Acessibilidade Validações automáticas e semi-automáticas de páginas web

46. Validação de Acessibilidade Web Standards

47. Validador W3C – HTML/XHTMLhttp://validator.w3.org/

48. Validador W3C – CSShttp://jigsaw.w3.org/css-validator/

49. Ferramentas • Firefox - HTML Validator • https://addons.mozilla.org/pt-BR/firefox/addon/249

50. Validação de Acessibilidade • Validação automática e semi-automática de acessibilidade.