• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
InterAct 2010 - Acessibilidade e Inovação
 

InterAct 2010 - Acessibilidade e Inovação

on

  • 1,666 views

 

Statistics

Views

Total Views
1,666
Views on SlideShare
1,666
Embed Views
0

Actions

Likes
2
Downloads
31
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 InterAct 2010 - Acessibilidade e Inovação Presentation Transcript

  • 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. 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:
  • 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 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 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_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
  • 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
  • ARIA & HTML 5 Potential
    • 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 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