Línguas
Páginas
Legal
Desafios daAcessibilidade em
Portais Governamentais
Horácio Soares@horaciosoares
Lêda Spelta
Workshop LumisMaio 2011
Serviços
Avaliação de acessibilidade e usabilidade.
Avaliação de acessibilidade e usabilidade. Adequação aos padrões de acessibilidade e Web Standards.
Avaliação de acessibilidade e usabilidade. Adequação aos padrões de acessibilidade e Web Standards. Desenvolvimento.
Avaliação de acessibilidade e usabilidade. Adequação aos padrões de acessibilidade e Web Standards. Desenvolvimento. Capacitação.
Avaliação de acessibilidade e usabilidade. Adequação aos padrões de acessibilidade e Web Standards. Desenvolvimento. Capacitação. Consultoria.
Vídeo trailer
VIDEO:Acessibilidade Web:Custo ou Benefício
?Download: http://acessodigital.net/video.html
Em HTML5 com legendas em PT-BR, EN e ES:
http://acessodigital.net/video-html5/video-acessibilidad
e-en.html
Videolog: http://videolog.uol.com.br/video.php?
id=230205
Acessibilidade para quem?
Duas fotos da Lêda testando uma mesa tátil acessível.
Juca, sem visão acessando o computador através de um leitor de
telas
Lucas, com baixa visão utilizando o software ampliador de tela.
Bernardo, designer e daltônico
Ok, então acessibilidade é para
pessoas com deficiência visual,
certo?
João Henriques deficiente motor utiliza o mouse
com dificuldade. ( www.euroacessibilidade.com )
Fotos do deficiente motor João Henrique utilizando o mouse e outra em sua cadeira de rodas.
Deficientes auditivos não oralizadostêm dificuldades com o português.
Chapeuzinho Vermelho em português e na língua de sinais (prof. Goulão)
Certo...acessibilidade na Web serve para
pessoas que possuem alguma deficiência,
certo?
Pedro e Laura com dispositivos móveis com acesso a Internet.
Pedro olhando para seu smartphone e Laura com uma cara desesperada pera seu celular.
Marta e suas amigas…A idosa Marta com seu notebook no colo, navega sendo observada por três outras senhoras.
Analfabeto
funcional
Um em cada cinco
brasileiros (20,3%) é
analfabeto funcional,
de acordo com a Pnad
(Pesquisa Nacional
por Amostra de
Domicílios) 2009,
divulgada pelo IBGE.
Homem de costas, sentado de frente para um quadro branco sem nada escrito.
Todos nós na primeira experiência.
Um criança com camisa social e gravata em frente a um notebook
E finalmente,
o bilionário cego!!!
Cifrão desenhado com moedas douradas
Google, o bilionário cego!!! É apenas um robô que indexa conteúdo em
texto.
Dilbert fazendo parte do logotipo do Google e falando “eu não posso ver”.
Acessibilidade, quais são os custos?
• Curva de aprendizagem• Alto custo no redesign• Baixo em novos projetos• Diminui com tempo• Validação• Manutenção• Melhoria contínua• Mudança de cultura
E os benefícios?
Gráfico de barras crescente.
Possibilidade de atingir 100% do
público alvo;
Foto de um homem olhando pela mira de sua espingarda.
Atender melhor todas as
pessoas
Design universal: uma solução para todos
Uma mão com laço no dedo indicador
Conformidade com o decreto
de lei Decreto nº 5.296
(dez/04) e com a
convenção da ONU que
ganhou força de lei
Decreto 6949 (ago/09) ;
Proteção contra processos pela falta da
acessibilidade
Visualizar os benefícios da acessibilidade
Manutenção mais rápida e
barata, melhor performance…
Valorização da
Diversidade e
Responsabilidade Social.
Mãos entrelaçadas
Maior visibilidade pelos sistemas de busca;
Mulher com notebook em sinal de ok
DiferencialDiferencialcompetitivocompetitivo
Cachorrinho caregando um enorme osso.
Melhoria da
qualidade.
Mãe e filha felizes na praia dando uma estrela
Principais barreiras de acessibilidade
Elementos sem descrição textual adequada (imagens, flash, etc.)
Menus dropdown e expansível sem acessibilidade p/ teclado e tecnologias assistivas
Elementos que simulam, mas não são links e campos de formulário.
Aparecimento de novos elementos, áreas e janelas sem aviso e com perda de foco.
OnChange em elementos select
CAPTCHA
Reload
Baixo contraste e informações com foco em cores
Fontes pequenas e com tamanho fixo.
Problemas com navegação com mouse e teclado
Falta de semântica.
Conteúdos/arquivos em formatos proprietários
Vídeo e áudios
Páginas lentas...
Navegação na prática
Como anda a acessibilidade digital no Brasil?
Motivação pelo decreto de lei 5296
Resultado: acessibilidade para inglês ver.
Janela Quebrada
Teoria das Janelas Quebradas aplicada à webhttp://fatorw.com/2007/06/27/teoria-das-janelas-quebradas/
Desafios da acessibilidade em portais governamentais
Fases da acessibilidade:
Fases da acessibilidade:
1) Conscientização
Fases da acessibilidade:
1) Conscientização
2) Capacitação
Fases da acessibilidade:
1) Conscientização
2) Capacitação
3) Mudança de cultura
Fases da acessibilidade:
1) Conscientização
2) Capacitação
3) Mudança de cultura
4) Melhoria contínua
Como incluir
acessibilidade em um
portal existente com
centenas ou até milhares
de páginas?
E no redesign de
um portal ou em
novos projetos?
Importância da
escolha de
ferramentas para
construção e
manutenção de
portais
Como validar e manter
a acessibilidade?
Como validar e manter
a acessibilidade?
Profissionais Web
Manual e normas de
acessibilidade corporativas
para técnicos e conteudistas.
Acessibilidade, novas mídias e tecnologias
Accessible Rich Internet Applications
ARIA NOWHTML 4 + ARIA HTML5 + ARIA
http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
iPhone, iPad, and iPod touch: Getting started with VoiceOver for accessibility
Obrigado!
Horácio Soares
Lêda Spelta
Top Related