slide1 l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lêda Lucia Spelta e Horácio Soare PowerPoint Presentation
Download Presentation
Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lêda Lucia Spelta e Horácio Soare

Loading in 2 Seconds...

play fullscreen
1 / 96

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


  • 196 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

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


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1
Metodologia para Avaliação de Acessibilidade em Sites1ª Conferência Web W3C BrasilLêda Lucia Spelta e Horácio Soares

Novembro 2009

slide3

“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”)

slide4

+

+

Acessibilidade+Web Standards+Usabilidade

Acessibilidade de

Verdade!

slide9

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.

slide10

Ok!

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

slide11

Errado!

Errado!

Errado!

slide12

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

slide14

João,

tetraplégico

João (foto de Maíra Soares)

slide15

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)

slide18

Pedro olhando para seu smartphone e Laura com uma cara desesperada para seu celular.

Pedro e Laura com dispositivosmóveis com acesso a Internet.

slide19

Gabriel, linguagememdesenvolvimento...

Gabriel compenetrado, olhando para o monitor e clicando com o mouse.

Agora ele está olhando e

brincando com o teclado.

slide20

Calvin, pouca experiência e medo do computador

Homem com muito medo olhando por cima de um notebook.

slide21

Max, com tendinite, usando o mousecom a mão trocada.

Homem com expressão de desespero, usando o mouse com a mão esquerda

slide22

E todos nós, primeira experiência.

Um criança em frente a um notebook

slide23

E finalmente, o bilionário cego!!!

Cifrão desenhado com moedas douradas

slide24

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.

slide26

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
slide27

E os benefícios?

Gráfico de barras em crescimento da esquerda para direita.

slide28

Possibilidade de atingir 100% do público alvo;

Homem com arma mirando um possível alvo

slide30

Mas normalmente o tratamento que recebemos é...

Avião cheio com passageiro exprimido e impossibilitado fazer seu lanche.

slide31

Quando podemos ser surpreendidos

Design universal: uma solução para todos

Bebedor acessível para todas pessoas, altas, baixas, em cadeiras, etc.

slide32

Fidelizar clientes

Homem de terno comemorando

slide33

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

Dardo

slide34

Mais fácil de usar e aprender

Casal decepcionado ao utilizar as orientações do fabricante e não conseguir montar uma estante.

slide35

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

slide36

Uma senhora acessando um computador.

Crescimento do consumidor acima dos 65 anos...

slide37

Manutenção mais rápida e barata, com melhor performance e diminuição dos custos com banda;

Visualizar os benefícios da acessibilidade

slide38
Valorização da

Diversidade e

Responsabilidade

Social;

Mãos entrelaçadas

slide39

Mão com sinal de ok.

Proteção contra processos pela falta da acessibilidade;

slide40

Um grande e bonito olho azul.

Maior visibilidade pelos sistemas de busca;

slide41

Diferencial

competitivo

Mulher com notebook em sinal de ok

Cachorrinho caregando um enorme osso.

slide42
Diferencial

competitivo e

melhoria da

qualidade.

Mãe e filha felizes na praia dando uma estrela

slide44

Validação de Acessibilidade

Globoemambientefuturista.

slide45

Validação de Acessibilidade

Validações automáticas e

semi-automáticas de páginas web

slide49

Ferramentas

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

Validação de Acessibilidade

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

Validação de Acessibilidade

  • Validadores automáticas, quem tem um, não tem nenhum...
slide56
Web Xact (Bobby) http://webxact.watchfire.com/Validador de acessibilidade que foi comprado pela IBM e não está mais disponível na Web.
truwex online 2 0 http checkwebsite erigami com accessibility html
Truwex Online 2.0http://checkwebsite.erigami.com/accessibility.html
functional accessibility evaluator 1 0 http fae cita uiuc edu
FunctionalAccessibilityEvaluator 1.0 http://fae.cita.uiuc.edu/
lista de validadores indicados pelo wai http www w3 org wai er tools complete
Lista de validadores indicados pelo WAI: http://www.w3.org/WAI/ER/tools/complete
slide63

Validação de Acessibilidade

  • Avaliação de contraste.
slide64

Colorandaccessibilityhttp://www.merttol.com/articles/web/color-and-accessibility.htmlColorandaccessibilityhttp://www.merttol.com/articles/web/color-and-accessibility.html

teste de contraste http www snook ca technical colour contrast colour html
Teste de contraste http://www.snook.ca/technical/colour_contrast/colour.html
teste de contraste http juicystudio com services luminositycontrastratio php
Teste de contraste http://juicystudio.com/services/luminositycontrastratio.php
teste de contraste http www stainlessvision com projects colour contrast visualiser
Teste de contrastehttp://www.stainlessvision.com/projects/colour-contrast-visualiser
slide70

Validação de Acessibilidade

  • Avaliação do tempo de download das páginas.
slide72

Validação de Acessibilidade

  • Teste de links quebrados e página de erro.
slide74

Validação de Acessibilidade

  • Avaliação humana por especialistas.
slide75

Validação de Acessibilidade

  • Avaliação humana por especialistas:
  • Aplicação de lista de verificação do WCAG por especialista.
slide76

Validação de Acessibilidade

Checklist W3C WCAG 1.0 (link)

slide77

Validação de Acessibilidade

WCAG 2.0

Appendix B: Checklist (Non-Normative)

Web Content Accessibility Guidelines 2.0 Checklist

http://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html

slide78

Validação de Acessibilidade

  • Avaliação humana por especialistas em acessibilidade simulando o acesso por pessoas com deficiência.
slide79

Validação de Acessibilidade

  • Sem mouse – navegar pelo site em análise utilizando apenas o teclado e monitor, com mouse desligado..
slide80

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.
slide81

Validação de Acessibilidade

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

Validação de Acessibilidade

  • Testes de acesso em diferentes plataformas e navegadores.
lynx viewer http www yellowpipe com yis tools lynx lynx viewer php
LynxViewerhttp://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.phpLynxViewerhttp://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php
slide88

Validação de Acessibilidade

  • Testes de acesso com diferentes configurações.
slide92

Validação de Acessibilidade

  • Testes de impressão e com dispositivos móveis
slide93

Validação de Acessibilidade

  • Canal para reportar problemas de acessibilidade.
  • Melhoria contínua da acessibilidade

@

slide94

Firefox

Firefox 3.0.7

http://br.mozdev.org/firefox/download.html

Complementos para o Firefox (são instalados a partir de seus respectivos links) :

Firebug: https://addons.mozilla.org/pt-BR/firefox/addon/1843

HTML Validator https://addons.mozilla.org/pt-BR/firefox/addon/249

Web Developer https://addons.mozilla.org/pt-BR/firefox/addon/60

Check My Colors! 1.0 https://addons.mozilla.org/pt-BR/firefox/addon/8819

Firefox Accessibility Extension 1.4.5.0 https://addons.mozilla.org/pt-BR/firefox/addon/5809

slide95

Firefox

Complementos para o Firefox (são instalados a partir de seus respectivos links) :

TAW3 with a click 0.9.6 https://addons.mozilla.org/pt-BR/firefox/addon/1158

Juicy Studio Accessibility Toolbar 1.45 https://addons.mozilla.org/pt-BR/firefox/addon/9108

Obtrusive JavaScript Checker 0.81 https://addons.mozilla.org/en-US/firefox/addon/9505

slide96

Obrigado!

Lêda Lucia Speltaleda.spelta@acessodigital.net

Horácio Soares horacio.soares@acessodigital.net

Uma mão segurando um cartão de visita da acesso digital.