Acessibilid ade e inovação  Horácio Soares horacio.soares@acessodigital.net  55 (21) 9925-5404 @ horaciosoares Julho 2010
O que é acessibilidade  na Web?
Acessi bilidade  para  quem?
Todos nós...
Quem m ais sofre  com a  falta de  acessib ilidade?
The Web is not fully accessible to perhaps 2 billion, including people with … Copyright © 2009. World Wide Web Foundation....
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
Mas como
Com qualidade...
Acertando o tiro certo no alvo certo
Saber responder a pergunta: Para onde 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 c a P T c H a   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 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…
Divida o quadrado em 4 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 A...
A partir destas, passam a ter dificuldades para encontrar outras formas de dividir o quadrado. Alguns chegam a afirmar não...
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...
No pensamento lateral vai-se quebrando barreiras autoimpostas e descobrindo alternativas que jamais seriam consideradas no...
Na busca por novas opções podemos encontrar saídas criativas, inovadoras e mais acessíveis…
A Sliding Alternative to CAPTCHA http://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 Epicentro Comece do núcleo da página e construa para fora. http://gettingreal.37signals.com/ch09_Epicenter_Desig...
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 Fut...
Future Potential <ul><li>Semantic elements </li></ul><ul><ul><li><nav> <article> <footer> etc. </li></ul></ul><ul><ul><ul>...
Future Potential Old Way HTML 4 New Way HTML5 http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5...
A ccessible  R ich  I nternet  A pplications ARIA NOW HTML 4 + ARIA HTML5 + ARIA http://www.abilitynet.org.uk/accessibilit...
ARIA & HTML 5 Potential <ul><li>Integration of ARIA started </li></ul><ul><li>Integration is about defining what bits of A...
Mas é bom nunca esquecer  que uma boa interface,  é uma interface bem testada… Vídeo http://www.youtube.com/watch?v=xDnNrB...
Obrigado!  Horácio Soares h oracio.soares@acessodigital.net  55 (21) 9925-5404 @ horaciosoares Video Acessibilidade na Web...
Upcoming SlideShare
Loading in...5
×

InterAct 2010 - Acessibilidade e Inovação

1,398

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,398
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
32
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Five groups of people for whom Web accessibility can be challenging: People with disabilities, challenged associated with aging, reading languages that don’t work well on the Web, with low literacy, and/or with little experience with technology. Text in graphic for languages says: “ This article contains Ethiopic text . Without proper rendering support , you may see question marks, boxes, or other symbols instead of Ethiopic characters.” – from Wikipedia.
  • É garantir que a informação esteja disponível e acessível a qualquer hora, local, ambiente, dispositivo de acesso e por qualquer tipo de visitante/usuário, independente de sua capacidade motora, visual, auditiva, mental, computacional, cultural ou social.
  • InterAct 2010 - Acessibilidade e Inovação

    1. 1. Acessibilid ade e inovação Horácio Soares horacio.soares@acessodigital.net 55 (21) 9925-5404 @ horaciosoares Julho 2010
    2. 2. O que é acessibilidade na Web?
    3. 3. Acessi bilidade para quem?
    4. 4. Todos nós...
    5. 5. Quem m ais sofre com a falta de acessib ilidade?
    6. 6. The Web is not fully accessible to perhaps 2 billion, including people with … Copyright © 2009. World Wide Web Foundation. All rights reserved Disabilities Low literacy Literate in poorly-supported languages Little experience with technology Challenges due to aging Five groups of people for whom Web accessibility can be challenging:
    7. 7. Mas o que todos os clientes/usuários buscam?
    8. 8. Felicidade…
    9. 9. O que as empresas buscam
    10. 10. Aumentar a satisfação dos usuários para obter mais lucro
    11. 11. Mas como
    12. 12. Com qualidade...
    13. 13. Acertando o tiro certo no alvo certo
    14. 14. Saber responder a pergunta: Para onde vamos? http://voluntariadomococa.files.wordpress.com/2009/09/tarifas-taxi.jpg
    15. 15. Na busca de soluções para os problemas, o que maioria faz?
    16. 16. Copia e cola quase tudo...
    17. 17. Código de barras
    18. 19. CAPTCHA c a P T c H a Imagem: http://www.slideshare.net/jared_w_smith/web-accessibility-gone-wild-now-even-more-wilder
    19. 20. Captcha (solução inacessível e insegura) ( http://www.webvisum.com/en/main/download )
    20. 21. Menu DropDown
    21. 23. Usamos o flash como se todos tivessem acesso a ele...
    22. 25. Clique aqui!
    23. 26. “ Clique aqui”, “Saiba mais”, “veja Mais”… 41.700.000 respostas para “ clique aqui ” no Google.
    24. 27. Site da Itautec http://www.itautec.com.br (acesso em setembro 2009)
    25. 28. Mas por que? Porque não temos tempo, porque somos reativos e dá muito trabalho…
    26. 29. Divida o quadrado em 4 partes iguais !!! Dinâmica Livro: O Tiro e o Alvo
    27. 30. 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/
    28. 31. 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/
    29. 32. 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/
    30. 33. 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/
    31. 34. Na busca por novas opções podemos encontrar saídas criativas, inovadoras e mais acessíveis…
    32. 35. A Sliding Alternative to CAPTCHA http://www.lukew.com/ff/entry.asp?1138
    33. 36. iPhone, iPad, and iPod touch: Getting started with VoiceOver for accessibility
    34. 37. Ou rever antigos processos na busca no melhores resultados…
    35. 38. Desktop first! http://arquiteturadeinformacao.com/2010/06/04/mobile-first/
    36. 39. Mobile First! http://arquiteturadeinformacao.com/2010/06/04/mobile-first/
    37. 40. Less is more...
    38. 41. Design de Epicentro Comece 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.
    39. 42. Encontrar novas tecnologias que começam a solucionar antigos e novos problemas
    40. 43. http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt HTML 5 - the Future <ul><li>It’s the next version of HTML </li></ul><ul><li>Many new features are not yet implemented or decided upon. </li></ul><ul><li>Many new features that will make it easier for developers to provide accessible and inaccessible content </li></ul><ul><li>Its huge! 808 pages </li></ul>
    41. 44. Future Potential <ul><li>Semantic elements </li></ul><ul><ul><li><nav> <article> <footer> etc. </li></ul></ul><ul><ul><ul><li>Will provide semantic structure </li></ul></ul></ul><ul><ul><ul><li>Not implemented in browsers </li></ul></ul></ul><ul><ul><ul><li>Not supported by AT </li></ul></ul></ul>http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
    42. 45. Future Potential Old Way HTML 4 New Way HTML5 http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
    43. 46. A ccessible R ich I nternet A pplications ARIA NOW HTML 4 + ARIA HTML5 + ARIA http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
    44. 47. ARIA & HTML 5 Potential <ul><li>Integration of ARIA started </li></ul><ul><li>Integration is about defining what bits of ARIA can be used with what bits of HTML </li></ul><ul><li>ARIA is a separate spec – not dependent </li></ul><ul><li>Does not really matter </li></ul><ul><ul><li>Validation checking is available </li></ul></ul><ul><ul><li>Support in AT and Browsers is good </li></ul></ul>http://www.abilitynet.org.uk/accessibility2/wp-content/uploads/2009/09/HTML5_Accessibility_faulkner.ppt
    45. 48. Mas é bom nunca esquecer que uma boa interface, é uma interface bem testada… Vídeo http://www.youtube.com/watch?v=xDnNrBPh1KU
    46. 49. 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×