A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

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

Apresentações semelhantes


Apresentação em tema: "Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lêda Lucia Spelta e Horácio Soares Novembro 2009."— Transcrição da apresentação:

1 Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lê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, sem visão e braços.

8 Lucas, com baixa visão utilizando o software ampliador de tela.

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

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

11 Errado!

12 João HenriquesJoão Henriques deficiente motor utiliza o mouse com dificuldade. ( )www.euroacessibilidade.com

13 Eric interagindo através de teclado expandido Funlar – Rio (nov/2006).

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

15 Deficientes auditivos não oralizados têm dificuldades com o português. Apreendem primeiro 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 e Laura com dispositivos móveis com acesso a Internet. Pedro olhando para seu smartphone e Laura com uma cara desesperada para seu celular.

19 Gabriel, linguagem em desenvolvimento... 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 mouse com 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 Google, o bilionário cego!!! É apenas um robô que só indexa conteúdo em texto. Dilbert fazendo parte do logotipo do Google e falando eu não posso ver.

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 Homem de terno comemorando Fidelizar clientes

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

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 Uma mão com laço no dedo indicador Conformidade com o decreto de lei 5296 (dez/04) e com a convenção da ONU que ganhou força de lei (ago/08) ;

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

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

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

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

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

41 Mulher com notebook em sinal de ok Diferencialcompetitivo 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 Globo em ambiente futurista.

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/XHTML

48 Validador W3C – CSS

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.

51 Validação de Acessibilidade Validadores automáticas, quem tem um, não tem nenhum...

52 HERA

53 EXAMINATOR

54 Da Silva

55 Total Validator WCAG 2.0 e WCAG 1.0

56 Web Xact (Bobby) Validador de acessibilidade que foi comprado pela IBM e não está mais disponível na Web.

57 Truwex Online 2.0

58 Functional Accessibility Evaluator 1.0

59 WAVE is a free web accessibility "evaluation tool p rovided by WebAIM. WebAIM

60 TAW WCAG 1.0, WCAG 2.0 (BETA)

61 Functional Accessibility Evaluator Achecker (WCAG 2.0)

62 Lista de validadores indicados pelo WAI:

63 Validação de Acessibilidade Avaliação de contraste.

64 Color and accessibility

65 Teste de contraste

66 Teste de contraste

67 Teste de contraste

68 Teste de contraste (teste de imagens e sites)

69 Teste de contraste Firefox - a nalisador de Contraste de Cores

70 Validação de Acessibilidade Avaliação do tempo de download das páginas.

71 WebSiteOptimization - tempo /

72 Validação de Acessibilidade Teste de links quebrados e página de erro.

73 W3C - Link checker

74 Validação de Acessibilidade Avaliação humana por especialistas.

75 Validação de Acessibilidade Avaliação humana por especialistas: Aplicação de lista de verificação do WCAG por especialista.

76 Validação de Acessibilidade Checklist W3C WCAG 1.0 (link)

77 Validação de Acessibilidade WCAG 2.0 Appendix B: Checklist (Non-Normative) Web Content Accessibility Guidelines 2.0 Checklist /appendixB.html

78 Validação de Acessibilidade Avaliação humana por especialistas em acessibilidade simulando o acesso por pessoas com deficiência.

79 Validação de Acessibilidade Sem mouse – navegar pelo site em análise utilizando apenas o teclado e monitor, com mouse desligado..

80 Validação de Acessibilidade Sem mouse e com software leitor de telas - navegar pelo site com o teclado, um software leitor de telas e com monitor.

81 Validação de Acessibilidade Sem mouse e sem monitor - navegar pelo seu site utilizando apenas o teclado com orientação do leitor de telas.

82 Validação de Acessibilidade Testes de acesso em diferentes plataformas e navegadores.

83 Lynx Viewer

84 Lynx Viewer Testando o site da AcessoDigital.net

85 Diferentes Navegadores

86 Diferentes Navegadores

87 Diferentes Navegadores

88 Validação de Acessibilidade Testes de acesso com diferentes configurações.

89 Desabilitar estilos (CSS)

90 Desabilitar imagens

91 Desabilitar Scripts

92 Validação de Acessibilidade Testes de impressão e com dispositivos móveis

93 Validação de Acessibilidade Canal para reportar problemas de acessibilidade. Melhoria contínua da

94 Firefox Firefox Complementos para o Firefox (são instalados a partir de seus respectivos links) : Firebug: https://addons.mozilla.org/pt-BR/firefox/addon/1843https://addons.mozilla.org/pt-BR/firefox/addon/1843 HTML Validator https://addons.mozilla.org/pt-BR/firefox/addon/249https://addons.mozilla.org/pt-BR/firefox/addon/249 Web Developer https://addons.mozilla.org/pt-BR/firefox/addon/60https://addons.mozilla.org/pt-BR/firefox/addon/60 Check My Colors! 1.0 https://addons.mozilla.org/pt- BR/firefox/addon/8819 https://addons.mozilla.org/pt- BR/firefox/addon/8819 Firefox Accessibility Extension https://addons.mozilla.org/pt-BR/firefox/addon/5809 https://addons.mozilla.org/pt-BR/firefox/addon/5809

95 Firefox Complementos para o Firefox (são instalados a partir de seus respectivos links) : TAW3 with a click https://addons.mozilla.org/pt-BR/firefox/addon/1158 https://addons.mozilla.org/pt-BR/firefox/addon/1158 Juicy Studio Accessibility Toolbar 1.45 https://addons.mozilla.org/pt-BR/firefox/addon/9108 https://addons.mozilla.org/pt-BR/firefox/addon/9108 Obtrusive JavaScript Checker 0.81 https://addons.mozilla.org/en-US/firefox/addon/9505 https://addons.mozilla.org/en-US/firefox/addon/9505

96 Obrigado! Lêda Lucia Spelta Horácio Soares Uma mão segurando um cartão de visita da acesso digital.


Carregar ppt "Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lêda Lucia Spelta e Horácio Soares Novembro 2009."

Apresentações semelhantes


Anúncios Google