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, tetraplégico

João (foto de Maíra Soares )

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