SlideShare uma empresa Scribd logo
1 de 41
Acessibilidade na Web pra quem cara pálida?
Videoclip:     WCAG 2.0 Theme Song Web Content Accessibility Guidelines - Disability http://www.youtube.com/watch?v=gtuna2AWvqk
[object Object],Acessibilidade na Web pra quem cara pálida?
http://www.flickr.com/photos/alltheaces/67904915/ Porquinho rosa e sorridente de pelúcia Maquiagem aplicada em sites por algumas empresas brasileiras.
http://www.flickr.com/photos/melmoththewanderer/31029375/ Fucinho de um porco de verdade... Resultado da acessibilidade em sites que receberam apenas uma camada de maquiagem para se adequarem ao decreto lei de 5296.
Exemplo de maquiagem: acessibilidade  para inglês ver no site da Vale do Rio Doce.
Uma cobra fala para outra Querida, travou de novo!!!  Andem meninos vão ajudar seu pai a dar Control + Alt + Del.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Nos Estados Unidos estatísticas do U.S. Census Bureau  [McNeil 2001]
Estatística: segundo IBGE no Brasil (2000) ,[object Object],[object Object],[object Object],[object Object]
No mundo estatísticas do U.S. Census Bureau  [McNeil 2001] ,[object Object],Do livro: Maximum Accessibility – Slatin * Rush
Mas quem precisa ?
[object Object]
Marta e suas amigas…
 
Eric interagindo através de teclado expandido Funlar – Rio (nov/2006).
Tião tem grandes dificuldades motoras e interage com teclado com o dedo mindinho…
Juca sem visão acessa o computador com auxílio de um leitor de telas
João Henriques, deficiente motor  utiliza o mouse com dificuldade.  ( www.euroacessibilidade.com)
Deficientes auditivos não oralizados têm dificuldades com o português. Apreendem primeiro a língua de sinais. Chapeuzinho Vermelho em português e na língua de sinais (prof. Goulão)
Gabriel, linguagem em desenvolvimento...  Gabriel compenetrado, olhando para o  monitor e clicando com o mouse.  Agora ele está olhando e  brincando com o teclado.
Calvin, pouca experiência e  medo do computador Homem com muito medo olhando por  cima de um notebook.
Max, com tendinite, se vê obrigado a usar o mouse com a mão trocada. Homem com expressão de desespero, usando o mouse com a mão esquerda
Lucas, com baixa visão utiliza software  ampliador de tela para leitura.
Bernardo é daltônico
Exemplos de links com baixo contraste e tamanho pequeno.
Um voluntário - navegação com    a mão trocada. - navegação    via m. - navegação com mouse   em um um menu   dropdown. ?
Navegar sem o mouse pelo site     http://www.ibcbrasil.com.br/ Tarefa: procurar pelo link cadastro
Navegar sem o mouse pelo site     http://www.ibcbrasil.com.br/ Tarefa: procurar pelo link cadastro Navegar sem o mouse pelo site    http://www.farmrio.com.br Tarefa: navegar apenas com o teclado passando pelos links do site e parar o som que começará a tocar automaticamente.
Navegar sem o mouse pelo site     http://www.farmrio.com.br   Tarefa: parar o som que começará a tocar automaticamente e abrir o menu navegando apenas com o teclado..
Navegar sem o mouse pelo site     http://www.farmrio.com.br   Tarefa: parar o som que começará a tocar automaticamente e abrir o menu navegando apenas com o teclado..
Navegar com o mouse pelo menu do site     http://www.boadica.com.br
Quem mais precisa de acessibilidade ?
Quem acessa a internet com celular?
Pedro e Laura com dispositivos móveis com acesso a Internet. Pedro olhando para seu smartphone e Laura com uma cara desesperada para seu celular.
E todos nós, primeira experiência. Um criança 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 só indexa conteúdo em texto. Dilbert fazendo parte do logotipo do Google e falando “eu não posso ver”.
Mas afinal o que precisamos?
Todos nós precisamos ter acesso a interfaces que funcionem…
Obrigado!  Horácio Soares h [email_address]   55  ( 21 )  9925-5404 @ horaciosoares
http://www.meadiciona.com/horaciosoares

Mais conteúdo relacionado

Semelhante a Interact 2009 Acessibilidade no Cafofo do Luli

Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersAcessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersHorácio Soares
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJHorácio Soares
 
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPAcessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPHorácio Soares
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Horácio Soares
 
Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...
Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...
Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...Lumis
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeHorácio Soares
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Horácio Soares
 
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Horácio Soares
 
Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011
Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011
Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011Clauber Stipkovic
 

Semelhante a Interact 2009 Acessibilidade no Cafofo do Luli (9)

Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - ImastersAcessibilidade como Fator de Inovação - Intercon 2009 - Imasters
Acessibilidade como Fator de Inovação - Intercon 2009 - Imasters
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
 
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SPAcessibilidade e Design Mobile - TablelessConf 2013 - SP
Acessibilidade e Design Mobile - TablelessConf 2013 - SP
 
Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03Acessibilidade e Design Mobile: Frontinrio junho/03
Acessibilidade e Design Mobile: Frontinrio junho/03
 
Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...
Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...
Desafios da Acessibilidade em Portais Governamentais | Acesso Digital (Horáci...
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011
 
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012Frontend com Acessibilidade - FrontInSampa - Nov. 2012
Frontend com Acessibilidade - FrontInSampa - Nov. 2012
 
Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011
Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011
Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011
 

Mais de Horácio Soares

UX Mobile - Testando com Usuários
UX Mobile - Testando com UsuáriosUX Mobile - Testando com Usuários
UX Mobile - Testando com UsuáriosHorácio Soares
 
Experiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce BrasilExperiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce BrasilHorácio Soares
 
UX e testes de usabilidade mobile
UX e testes de usabilidade mobileUX e testes de usabilidade mobile
UX e testes de usabilidade mobileHorácio Soares
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJHorácio Soares
 
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014Horácio Soares
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014Horácio Soares
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Horácio Soares
 
Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Horácio Soares
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Horácio Soares
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileHorácio Soares
 
Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Horácio Soares
 
Ux 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdadeUx 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdadeHorácio Soares
 
InterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoInterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoHorácio Soares
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebHorácio Soares
 
Interact 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeInteract 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeHorácio Soares
 
Monica M Fernandes - Sou+Web 2009 02 13
Monica M Fernandes - Sou+Web 2009 02 13Monica M Fernandes - Sou+Web 2009 02 13
Monica M Fernandes - Sou+Web 2009 02 13Horácio Soares
 
Leda Spelta Sou+Web 2009 02 13
Leda Spelta Sou+Web 2009 02 13Leda Spelta Sou+Web 2009 02 13
Leda Spelta Sou+Web 2009 02 13Horácio Soares
 
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidadeRicardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidadeHorácio Soares
 

Mais de Horácio Soares (20)

UX Mobile - Testando com Usuários
UX Mobile - Testando com UsuáriosUX Mobile - Testando com Usuários
UX Mobile - Testando com Usuários
 
Experiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce BrasilExperiência do Cliente no Varejo Online - E-commerce Brasil
Experiência do Cliente no Varejo Online - E-commerce Brasil
 
UX e testes de usabilidade mobile
UX e testes de usabilidade mobileUX e testes de usabilidade mobile
UX e testes de usabilidade mobile
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
 
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
A Experiência como Vantagem Competitiva (UX) - Goiânia 2014
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
 
Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013Os Caminhos do Design Mobile - Campus Party 2013
Os Caminhos do Design Mobile - Campus Party 2013
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design Mobile
 
Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012
 
Ux 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdadeUx 7Masters - Estratégia, melhor idade e design de verdade
Ux 7Masters - Estratégia, melhor idade e design de verdade
 
InterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e InovaçãoInterAct 2010 - Acessibilidade e Inovação
InterAct 2010 - Acessibilidade e Inovação
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na Web
 
Interact 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeInteract 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e Mobilidade
 
Monica M Fernandes - Sou+Web 2009 02 13
Monica M Fernandes - Sou+Web 2009 02 13Monica M Fernandes - Sou+Web 2009 02 13
Monica M Fernandes - Sou+Web 2009 02 13
 
Leda Spelta Sou+Web 2009 02 13
Leda Spelta Sou+Web 2009 02 13Leda Spelta Sou+Web 2009 02 13
Leda Spelta Sou+Web 2009 02 13
 
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidadeRicardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
 

Interact 2009 Acessibilidade no Cafofo do Luli

Notas do Editor

  1. <number>
  2. <number>
  3. <number>
  4. <number>
  5. <number>
  6. <number>
  7. <number>
  8. <number>
  9. <number>
  10. <number>
  11. <number>
  12. <number>
  13. <number>
  14. <number>
  15. <number>
  16. <number>
  17. <number>
  18. <number>
  19. <number>
  20. <number>
  21. <number>
  22. <number>
  23. <number>
  24. <number>
  25. <number>
  26. <number>
  27. <number>
  28. Dez segundos
  29. <number>
  30. <number>
  31. <number>
  32. <number>
  33. <number>
  34. <number>
  35. <number>