Acessbilidade na web: uma internet para todos Lêda Lucia...
Transcript of Acessbilidade na web: uma internet para todos Lêda Lucia...
![Page 1: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/1.jpg)
"Acessbilidade na web: uma internet para todos"
Lêda Lucia Spelta
Junho 2009
![Page 2: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/2.jpg)
Vídeo
Acessibilidade na Web: Custo ou Benefício?
![Page 3: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/3.jpg)
Quem precisade acessibilidade
![Page 4: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/4.jpg)
João Pacheco, tetraplégico.
Fotos:Maíra http://flickr.com/photos/mairasoares/sets/72157604087275244/
![Page 5: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/5.jpg)
Mandy, sem visão e braços.
![Page 6: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/6.jpg)
João Henriques, é deficiente motor e utiliza o mouse com dificuldade.
(www.euroacessibilidade.com)
![Page 7: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/7.jpg)
Lucas, com baixa visão utilizando o software ampliador de tela.
![Page 8: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/8.jpg)
Deficientes auditivos não oralizadostêm dificuldades com o português.
Aprendem primeiro a língua de sinais.
Chapeuzinho Vermelho em português e na língua de sinais (prof. Goulão)
![Page 9: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/9.jpg)
Marta e suas amigas…
![Page 10: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/10.jpg)
Gabriel, linguagem emdesenvolvimento...
Gabriel compenetrado, olhando para o monitor e clicando com o mouse.
Agora ele está olhando e brincando com o teclado.
![Page 11: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/11.jpg)
Calvin, pouca experiência e
medo do computador
Homem com muito medo olhando por cima de um notebook.
![Page 12: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/12.jpg)
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
![Page 13: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/13.jpg)
Todos nós, primeira experiência.
UmA criança com camisa social e gravata em frente a um notebook
![Page 14: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/14.jpg)
O bilionário cego!!!
Cifrão desenhado com moedas douradas
![Page 15: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/15.jpg)
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”.
![Page 16: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/16.jpg)
Pedro e Laura com dispositivos móveiscom acesso a Internet.
Pedro olhando para seu smartphone e Laura olha com uma cara desesperada para seu celular.
![Page 17: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/17.jpg)
Acessibilidade e Mobilidade:
- Flash- Captcha
- Ajax- Mouse- Língua-Banda
- Refresh- Navegação- Contexto- Contraste- Padrões
Três celulares um ao lado do outro: um iphone, um blackbarry e um Nokia.
![Page 18: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/18.jpg)
Site em Flash – FARMRIO.com.br
![Page 19: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/19.jpg)
Site em Flash – FARMRIO.com.br via mobile
![Page 20: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/20.jpg)
Captcha – GMAIL.com
![Page 21: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/21.jpg)
Captcha – GMAIL.com via mobile
![Page 22: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/22.jpg)
Site CP.PT dos Comboios de Portugal utilizando recursos de AJAX no formulário de compra de bilhetes.
AJAX – Comboios de Portugal – cp.pt
![Page 23: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/23.jpg)
O site de Comboios de Portugal sendo carregado em um dispositivo móvel. Evento em AJAX não funciona e usuário não pode listar as
estações.
![Page 24: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/24.jpg)
Estatística: segundo IBGE no Brasil (2000)
180 milhões de habitantes;
24,3 milhões de pessoas deficientes;
15 milhões de pessoas com mais de 65 anos;
5,4 milhões de pessoas com mais de 65 anos e
que já possuem alguma deficiência.
![Page 25: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/25.jpg)
No mundoestatísticas do U.S. Census Bureau [McNeil 2001]
Mais de 750 milhões de pessoas
com alguma deficiência.
Do livro: Maximum Accessibility – Slatin * Rush
![Page 26: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/26.jpg)
Nos Estados Unidosestatísticas do U.S. Census Bureau [McNeil 2001]
29% Mobility Limitations
24,8% Limited Hand Use
16,4% Cognitive Disabilities
13,4% Visual Impairments
11,4% Hearing Impairments
3,7% Speech and Language Impairments
Do livro: Maximum Accessibility – Slatin * Rush
![Page 27: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/27.jpg)
Gráfico de linha em crescimento
Custos daacessibilidade
• Mudança de cultura;
• Curva de aprendizagem;
• Alto custo no redesign;
• Baixo no novo projeto;
• Diminui com tempo.
![Page 28: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/28.jpg)
Benefícios paraempresas e a sociedade.
Foto de um alvo
Permitir o acesso à
informação para todos os
cidadãos, objetivando
atingir 100% do público alvo;
![Page 29: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/29.jpg)
Homem de terno comemorando
Fidelização de clientes
![Page 30: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/30.jpg)
Dardo
Atender com
qualidade novos
clientes que
surgem com a
inclusão digital e
o sistema de
cotas
![Page 31: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/31.jpg)
Mais fácil de
usar e aprender
Mulher com notebook em sinal de ok
![Page 32: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/32.jpg)
Uma mão com laço no dedo indicador
Conformidade
com o decreto de
lei 5296 de
02/12/2004
![Page 33: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/33.jpg)
Aprovada pelo Brasil com força de lei em 20/08/2008 que estabelece: ARTIGO 9 - ACESSIBILIDADE.1. A fim de possibilitar às pessoas com deficiência viver com autonomia e participar plenamente de todos os aspectos da vida, os Estados Partes deverão tomar as medidas apropriadas para assegurar-lhes o acesso, em igualdade de oportunidades com as demais pessoas, ao meio físico, ao transporte, à informação e comunicação, inclusive aos sistemas e tecnologias da informação e comunicação, ...
Conformância com a Convenção da ONU sobre os Direitos da Pessoa com Deficiência:
![Page 34: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/34.jpg)
2. Os Estados Partes deverão também tomar medidas apropriadas para:...
g. Promover o acesso de pessoas com deficiência a novos sistemas e tecnologias da informação e comunicação, inclusive à internet; eh. Promover o desenho, o desenvolvimento, a produção e a disseminação de sistemas e tecnologias de informação e comunicação em fase inicial, a fim de que estes sistemas e tecnologias se tornem acessíveis a um custo mínimo.
Conformância com a Convenção da ONU sobre os Direitos da Pessoa com Deficiência (continuação)
![Page 35: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/35.jpg)
Visualizar os benefícios da acessibilidade
Manutenção mais rápida e barata, com
melhor performance e diminuição dos
custos com banda
![Page 36: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/36.jpg)
Valorização da Diversidade e
Responsabilidade Social
Mãos entrelaçadas
![Page 37: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/37.jpg)
Proteção contra processos pela falta da
acessibilidade;
Mão com sinal de ok.
![Page 38: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/38.jpg)
Maior visibilidade do negócio e seus produtos pelos sistemas de
busca como o Google;
Logotipo do Google estilizada
![Page 39: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/39.jpg)
Diferencialcompetitivo emelhoria daqualidade.
Mãe e filha felizes na praia dando uma estrela
![Page 40: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/40.jpg)
Conclusão 1"O poder da Web está na sua universalidade. O acesso por todas as pessoas, não obstante a sua incapacidade, é um aspecto essencial."
(Tim Berners-Lee - Diretor do W3C)
![Page 41: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/41.jpg)
Conclusão 2“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 sobre Acessibilidade na Web”)
![Page 42: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/42.jpg)
O que é Acessibilidadepara a AcessoDigital
![Page 43: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/43.jpg)
Acessibilidade
++Web Standards Usabilidade
Acessibilidade de Verdade!
![Page 44: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/44.jpg)
Navegação ao Vivo
conip.com.br/Conip2009/WebHome
![Page 45: Acessbilidade na web: uma internet para todos Lêda Lucia ...governoeletronico.blog.br/_semana09/p_10/leda_spelta.pdf · "Acessbilidade na web: uma internet para todos" Lêda Lucia](https://reader033.fdocument.pub/reader033/viewer/2022051919/600b29b4d963593bb42f2f0e/html5/thumbnails/45.jpg)
Obrigada!
Lêda Lucia [email protected]
Apresentação: acessodigital.net/conip.zipVídeos: acessodigital.net/video.html
Videolog: http://tinyurl.com/videolog
Uma mão segurando um cartão de visita da Lêda com o logotipo da acesso digital.