interact 2010 - acessibilidade e inovação
DESCRIPTION
TRANSCRIPT
O que é acessibilidade
na Web?
Acessibilidade para quem?
Todos nós...Todos nós...
Quem mais sofre com a falta de acessibilidade?
Copyright © 2009. World Wide Web Foundation. All rights reserved 6
Disabilities
Low literacy
Literate in poorly-supported languages
The Web is not fully accessible toperhaps 2 billion, including people with …
Little experience with technology
Challenges due to aging
Five groups of people for whom Web accessibility can be challenging:
Mas o que todos os clientes/usuários buscam?
Felicidade…
O que as empresas
buscam
Aumentar a satisfação dos usuários para obter mais lucro
Aumentar a satisfação dos usuários para obter mais lucro
Mas como
Com qualidade...
Acertandoo tiro certono alvo certo
Saber responder a Saber responder a pergunta: Para onde pergunta: Para onde
vamos?vamos?
http://voluntariadomococa.files.wordpress.com/2009/09/tarifas-taxi.jpg
Na busca de soluções para os problemas, o que maioria
faz?
Copia e cola quase tudo...
Código de barras
CAPTCHA
caPTcHa Imagem: http://www.slideshare.net/jared_w_smith/web-accessibility-gone-wild-now-even-more-wilder
Captcha (solução inacessível e insegura)
(http://www.webvisum.com/en/main/download)
Menu DropDown
Usamos o flash como se todos tivessem acesso a
ele...
Clique aqui!
“Clique aqui”, “Saiba mais”, “veja
Mais”… 41.700.000 respostaspara “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…
Divida o quadrado em4 partes iguais !!!
Dinâmica
Livro: O Tiro e o Alvo
Os participantes do teste, em sua maioria, vão chegar facilmente às 4 respostas seguintes:
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
A partir destas, passam a ter dificuldades para encontrar outras formas de dividir o quadrado. Alguns chegam a afirmar não haver mais soluções possíveis e desistem.
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
Poder-se-ia ainda dividir o quadrado com retas quebradas, como são os casos [i], [j], [k] e [l]
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
No pensamento lateral vai-se quebrando barreiras autoimpostas e descobrindo alternativas que jamais seriam consideradas no pensamento vertical.
O pensamento lateral é a base da técnica de “brain storming” para geração de idéias.
Dinâmica
Do livro “O Tiro e o Alvo” Na Livraria da Travessa - http://migre.me/105T7 Editora http://www.caispharoux.com.br/
Na busca por novas opções podemos encontrar saídas
criativas, inovadoras e mais acessíveis…
A Sliding Alternative to CAPTCHAhttp://www.lukew.com/ff/entry.asp?1138
A Sliding Alternative to CAPTCHAhttp://www.lukew.com/ff/entry.asp?1138
iPhone, iPad, and iPod touch: Getting started with VoiceOver for accessibility
Ou rever antigos processos na busca no melhores
resultados…
Desktop first!
http://arquiteturadeinformacao.com/2010/06/04/mobile-first/
Mobile First!
http://arquiteturadeinformacao.com/2010/06/04/mobile-first/
Less is more...
Design de EpicentroComece do núcleo da página e construa para fora.http://gettingreal.37signals.com/ch09_Epicenter_Design.php Design de epicentro foca na verdadeira essência da página — o epicentro — e então constrói para fora. Isso significa que, no começo, você ignora as extremidades: a navegação/menus, rodapé, cores, barra lateral, logotipo, etc. Em vez disso, você começa o epicentro e faz o design das peças de conteúdo mais importantes primeiro.
Encontrar novas tecnologias que começam a solucionar antigos e novos problemas
http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
HTML 5 - the Future• It’s the next version of HTML• Many new features are not yet
implemented or decided upon.• Many new features that will
make it easier for developers to provide accessible and inaccessible content
• Its huge! 808 pages
Future Potential
• Semantic elements– <nav> <article> <footer> etc.
• Will provide semantic structure• Not implemented in browsers• Not supported by AT
http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
Future Potential
Old Way HTML 4 New Way HTML5
http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
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
ARIA & HTML 5Potential
• Integration of ARIA started
• Integration is about defining what bits of ARIA can be used with what bits of HTML
• ARIA is a separate spec – not dependent
• Does not really matter– Validation checking is available
– Support in AT and Browsers is good
http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
Mas é bom nunca esquecer que uma boa interface,
é uma interface bem testada…
Vídeo
http://www.youtube.com/watch?
v=xDnNrBPh1KU
Obrigado!
Horácio Soareshoracio.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