EDTED 2010 - Acessibilidade na Web

Acessi bilidade Horácio Soares horacio.soares@acessodigital.net 55 (21) 9925-5404 @ horaciosoares Edted Março 2010

Lêda, sem visão... Utilizando uma mesa tátil acessível

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 )

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

Deficientes auditivos não oralizados têm dificuldades com o português. Chapeuzinho Vermelho em português e na língua de sinais (prof. Goulão)

Vídeo Video Acessibilidade na Web: Custo ou Benefício? Download: http://acessodigital.net/video.html Videolog: http://videolog.uol.com.br/video.php?id=230205

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.

Gabriel, linguagem em desenvolvimento... Gabriel compenetrado, olhando para o monitor e clicando com o mouse. Agora ele está olhando e brincando como teclado.

Calvin, pouca experiência e medo do computador Homem com muito medo olhando por cima de um notebook.

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

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

Possibilidade de atingir 100% do público alvo;

Atender melhor todas as pessoas

Mas normalmente o tratamento que recebemos é...

Quando podemos ser surpreendidos Design universal: uma solução para todos

Homem de terno comemorando Fidelizar clientes

Mais fácil de usar e aprender

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) ;

Concorrer Portal Petrobras: projetos de: Portabilidade e Acessibilidade

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 Vantagem competitiva

Melhoria da qualidade. Mãe e filha felizes na praia dando uma estrela

Como anda a acessibilidade digital no Brasil? Motivação pelo decreto de lei 5296

http://www.flickr.com/photos/alltheaces/67904915/ Porquinho rosa e sorridente de pelúcia Acessibilidade aplicada por algumas empresas brasileiras.

http://www.flickr.com/photos/melmoththewanderer/31029375/ Fucinho de um porco de verdade... Resultado da acessibilidade de alguns sites que receberam apenas uma camada de maquiagem para se adequarem ao decreto lei de 5296.

Resultado: acessibilidade para inglês ver.

Acessibilidade para inglês ver...

Portal Brasil, pra quem? Quem vai utilizar? Quais são os serviços disponíveis?

Janela Quebrada Teoria das Janelas Quebradas aplicada à web http://fatorw.com/2007/06/27/teoria-das-janelas-quebradas/

<li class="last-child"> <a href="http…" class="rated..." title="Excelente" > excellent </a> </li>

Um bom site, é um site bem testado… Vídeo

Barreiras Técnicas e Culturais: • Quando uma organização quer aplicar acessibilidade, há três barreiras a vencer: 1 O que é, para que serve e o que ganhamos com isso...Mitos 2 Eu não sei como implementar acessibilidade 3 Como disseminar o conhecimento e quem irá manter e validar a acessibilidade

Acessibilidade = Técnicas de acessibilidade

WCAG Web Content Accessibility Guidelines  WCAG 1.0 – 05 de maio de 1999 http://www.utad.pt/wai/wai-pageauth.html  WCAG 2.0 – 11 de dezembro de 2008 http://www.ilearn.com.br/TR/WCAG20/  WCAG Samurai Recomendações para acessibilidade do conteúdo da Web 1.0 e 2.0 do W3C

Acessibilidade = Técnicas de acessibilidade + Web Standards

Acessibilidade = Técnicas de acessibilidade + Web Standards + Usabilidade

Facilidade de aprendizagem Capacidade com que o usuário começa a interagir rapidamente com o sistema logo na primeira vez que o utiliza . http://www.flickr.com/photos/arkworld/472578586/

http://www.flickr.com/photos/meatballsub/3456803850/ Eficiência de uso Grau de produtividade atingido pelo usuário depois que aprendeu a utilizar o sistema.

Eficiência de uso http://www.flickr.com/photos/arkworld/472578586/

Facilidade de memorização Retenção, capacidade do usuário de voltar a utilizar o sistema após certo tempo sem precisar aprendê-lo novamente. http://www.flickr.com/photos/sashala/316866777/

Baixa taxa de erros Medida do quanto o usuário pode ser induzido ao erro pelo sistema e o quanto pode se recuperar do mesmo . http://www.flickr.com/photos/kalimistuk/2226314453/

Satisfação Subjetiva Medida do quanto o usuário se sente feliz de estar utilizando o sistema.

Acessibilidade = Técnicas de acessibilidade + Web Standards + Usabilidade + Conteúdo

Escrever é a arte de cortar palavras

104 PALAVRAS: O questionário a seguir é destinado a colher informações que nos ajudarão a melhorar o site e adequá-lo às suas necessidades. Por favor, selecione suas respostas nos menus suspensos e nos botões de rádio abaixo. Você levará dois ou três minutos para preencher o questionário. No fim deste formulário, você pode optar por deixar seu nome, endereço, e número de telefone. Se você deixar seu nome e número, poderá ser contatado para participar de um estudo destinado a nos ajudar a melhorar este site. Se você tiver comentários ou interesses que precisem de resposta, por favor, contate o Serviço de Atendimento ao Cliente. 47 PALAVRAS: Por favor, ajude-nos a melhorar este site, respondendo a estas questões. Levará apenas 2 ou 3 minutos para completar esta avaliação. Nota: Se você tiver comentários ou interesses que necessitem de uma resposta, não use este formulário. Em vez disso, contate o Atendimento ao Cliente. Omita palavras desnecessárias Livro: Não me faça pensar – Autor Steve Krug ( http://sensible.com )

Acessibilidade = Técnicas de acessibilidade + Web Standards + Usabilidade + Conteúdo + AI

Pergunte aos clientes de um restaurante o que eles preferem:  um cardápio repleto de opções  ou um com poucas alternativas

Exemplo de um cardápio com muitas opções

Desafio: Como tratar o excesso de informação?

Na busca de soluções para os problemas, o que maioria faz?

Resultado: replicamos tudo que está por aí sem pensar... Alguns exemplos:

Captcha (solução inacessível e insegura) ( http://www.webvisum.com/en/main/download )

Usamos o flash como se todos tivessem acesso a ele...

“ Clique aqui”, “Saiba mais”, “veja Mais”… 41.700.000 respostas para “ clique aqui ” no Google.

Site da Itautec http://www.itautec.com.br (acesso em setembro 2009)

Mas por que? Porque não temos tempo, porque somos reativos e dá muito trabalho…

Existem três grandes fontes de oportunidades:

2- Fornecer um novo produto ou serviço.

3 - Fornecer, de maneira nova ou melhor, um produto ou serviço existente .

Obrigado! Horácio Soares h oracio.soares@acessodigital.net 55 (21) 9925-5404 @ horaciosoares Video Acessibilidade na Web: Custo ou Benefício? http://videolog.uol.com.br/video.php?id=230205

EDTED 2010 - Acessibilidade na Web

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a EDTED 2010 - Acessibilidade na Web

Mais de Horácio Soares

EDTED 2010 - Acessibilidade na Web

Notas do Editor