SlideShare una empresa de Scribd logo
1 de 96
Metodologia para Avaliação de Acessibilidade em Sites 1ª Conferência Web W3C Brasil Lêda Lucia Spelta e Horácio Soares Novembro 2009
Acessibilidade?
  “ Acessibilidade na web é tornar todos os serviços, assuntos e publicações tão fáceis de serem utilizados por todas as pessoas, que até esqueceremos que há diferenças.”      (Carla Nascimento – frase vencedora do concurso “Jornadas de Conhecimento - Acessibilidade na Web”)
Acessibilidade  +   Web Standards   +  Usabilidade Acessibilidade de  Verdade! + +
Acessi bilidade  para  quem?
Juca, sem visão.
Mandy, sem visão e braços.
Lucas, com baixa visão utilizando o software  ampliador de tela.
Para nosso ex. aluno Isaias,  ele é designer e descobriu no início de 2009 que é daltônico.  Isaias à esquerda, conduzindo o Januário para um chopinho  após curso de acessibilidade Web.
Ok!  Acessibilidade  então é para  pessoas com deficiência  visual, certo?
Errado! Errado! Errado!
João Henriques   deficiente motor  utiliza o mouse com dificuldade.  (  www.euroacessibilidade.com  )
Eric interagindo através de teclado expandido  Funlar – Rio (nov/2006).
João,  tetraplégico João (foto de  Maíra Soares   )
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)
Então acessibilidade é somente para pessoas com deficiências, certo?
Casal João e Ana, eles têm pouca experiência, baixa visão e dificuldades motoras.
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.
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, usando o mouse com a mão trocada. Homem com expressão de desespero, usando o mouse com a mão esquerda
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”.
Acessibilidade, quais são os custos?
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
E os benefícios? Gráfico de barras em crescimento da esquerda para direita.
Possibilidade de atingir 100% do público alvo; Homem com arma mirando um possível alvo
Atender melhor todas as pessoas
Mas normalmente o tratamento que recebemos é... Avião cheio com passageiro exprimido e impossibilitado fazer seu lanche.
Quando podemos ser surpreendidos Design universal:  uma solução para todos Bebedor acessível para todas pessoas, altas, baixas, em cadeiras, etc.
Homem de terno comemorando Fidelizar clientes
Dardo Atender com qualidade novos clientes que surgem com a inclusão digital e o sistema de cotas.
Mais fácil de usar e aprender Casal  decepcionado ao utilizar as orientações do fabricante e não conseguir montar uma estante.
Uma mão com laço  no dedo indicador Conformidade com o decreto de lei 5296 (dez/04) e com a convenção da ONU que ganhou força de lei (ago/08) ;
Uma senhora acessando um computador. Crescimento do consumidor acima dos 65 anos...
Visualizar os benefícios  da acessibilidade Manutenção mais rápida e barata, com melhor performance e diminuição dos custos com banda;
[object Object],[object Object],[object Object],[object Object],Mãos entrelaçadas
Proteção contra processos pela falta da acessibilidade; Mão com sinal de ok.
Maior visibilidade pelos  sistemas de busca; Um grande e bonito olho azul.
Mulher com notebook  em sinal de ok Diferencial competitivo Cachorrinho caregando um enorme osso.
[object Object],[object Object],[object Object],[object Object],Mãe e filha felizes na praia dando uma estrela
Navegação as escuras
Validação de      Acessibilidade Globo em ambiente futurista.
Validação de Acessibilidade Validações automáticas e  semi-automáticas de páginas web
Validação de Acessibilidade Web Standards
Validador W3C – HTML/XHTML http://validator.w3.org/
Validador W3C – CSS http://jigsaw.w3.org/css-validator/
[object Object],[object Object],[object Object]
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object]
HERA   http://www.sidar.org/hera/index.php.pt
EXAMINATOR   http://www.acesso.umic.pt/webax/examinator.php
Da Silva http://www.dasilva.org.br/
Total Validator http://www.totalvalidator.com   WCAG 2.0 e WCAG 1.0
Web Xact (Bobby)  http://webxact.watchfire.com/ Validador de acessibilidade que foi comprado pela  IBM e não está mais disponível na Web.
Truwex Online 2.0 http://checkwebsite.erigami.com/accessibility.html
Functional Accessibility Evaluator 1.0  http://fae.cita.uiuc.edu/
WAVE  is a free web accessibility "evaluation tool p rovided by  WebAIM .  http://wave.webaim.org/
TAW WCAG 1.0, WCAG 2.0 (BETA)  http://www.tawdis.net/
Functional Accessibility Evaluator 1.0  http://fae.cita.uiuc.edu/   Achecker (WCAG 2.0)  http://achecker.ca/checker/index.php
Lista de validadores indicados pelo WAI:  http://www.w3.org/WAI/ER/tools/complete
Validação de Acessibilidade ,[object Object]
Color and accessibility http://www.merttol.com/articles/web/color-and-accessibility.html
Teste de contraste  http://www.snook.ca/technical/colour_contrast/colour.html
Teste de contraste  http://juicystudio.com/services/luminositycontrastratio.php
Teste de contraste http://www.stainlessvision.com/projects/colour-contrast-visualiser
Teste de contraste  http://www.vischeck.com/vischeck/   (teste de imagens e sites)
Teste de contraste Firefox - a nalisador de Contraste de Cores
Validação de Acessibilidade ,[object Object]
WebSiteOptimization - tempo http:// WebSiteOptimization.com   /  http://webwait.com
Validação de Acessibilidade ,[object Object]
W3C -  Link checker  http://validator.w3.org/checklink
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object],[object Object]
Validação de Acessibilidade Checklist W3C WCAG 1.0 (link)
Validação de Acessibilidade WCAG 2.0 Appendix B: Checklist (Non-Normative) Web Content Accessibility Guidelines 2.0 Checklist http://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object]
Lynx Viewer   http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php
Lynx Viewer Testando o site da AcessoDigital.net
Diferentes Navegadores  http://browsershots.org
Diferentes Navegadores  http://browsershots.org
Diferentes Navegadores  http://browsershots.org
Validação de Acessibilidade ,[object Object]
Desabilitar estilos (CSS)
Desabilitar imagens
Desabilitar Scripts
Validação de Acessibilidade ,[object Object]
Validação de Acessibilidade ,[object Object],[object Object],@
Firefox  Firefox 3.0.7 http://br.mozdev.org/firefox/download.html   Complementos para o Firefox (são instalados a partir de seus respectivos links) : Firebug:  https://addons.mozilla.org/pt-BR/firefox/addon/1843   HTML Validator  https://addons.mozilla.org/pt-BR/firefox/addon/249   Web Developer  https://addons.mozilla.org/pt-BR/firefox/addon/60   Check My Colors! 1.0  https://addons.mozilla.org/pt-BR/firefox/addon/8819   Firefox Accessibility Extension 1.4.5.0  https://addons.mozilla.org/pt-BR/firefox/addon/5809
Firefox  Complementos para o Firefox (são instalados a partir de seus respectivos links) : TAW3 with a click 0.9.6  https://addons.mozilla.org/pt-BR/firefox/addon/1158   Juicy Studio Accessibility Toolbar 1.45  https://addons.mozilla.org/pt-BR/firefox/addon/9108   Obtrusive JavaScript Checker 0.81  https://addons.mozilla.org/en-US/firefox/addon/9505
Obrigado! Lêda Lucia Spelta [email_address] Horácio Soares  [email_address] Uma mão segurando um cartão de visita da acesso digital.

Más contenido relacionado

La actualidad más candente

Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universalPalestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universalFernando Figueroa
 
Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!Livia Gabos
 
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
 
Hora GTI - Top 10 Tendências Mobile para 2015 e 2016
Hora GTI - Top 10 Tendências Mobile para 2015 e 2016Hora GTI - Top 10 Tendências Mobile para 2015 e 2016
Hora GTI - Top 10 Tendências Mobile para 2015 e 2016Cássio Nandi Citadin
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na webRogério Chiavegatti
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaIgreja Adventista do Sétimo Dia
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front endandreluizlc
 

La actualidad más candente (9)

Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universalPalestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
 
Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!Não deixe nada para depois...Nem a acessibilidade!
Não deixe nada para depois...Nem a acessibilidade!
 
WAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e UsabilidadeWAIU - Workshop AI, Acessibilidade e Usabilidade
WAIU - Workshop AI, Acessibilidade e Usabilidade
 
Hora GTI - Top 10 Tendências Mobile para 2015 e 2016
Hora GTI - Top 10 Tendências Mobile para 2015 e 2016Hora GTI - Top 10 Tendências Mobile para 2015 e 2016
Hora GTI - Top 10 Tendências Mobile para 2015 e 2016
 
A Web para todos - Acessibilidade na web
A Web para todos  - Acessibilidade na webA Web para todos  - Acessibilidade na web
A Web para todos - Acessibilidade na web
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web AdventistaUX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
UX Design em 7 Passos - Daniel Werle, Fórum Web Adventista
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 

Destacado

HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015Reinaldo Ferraz
 
Palestra Inclusao Digital[1]
 Palestra   Inclusao Digital[1] Palestra   Inclusao Digital[1]
Palestra Inclusao Digital[1]jamillerodrigues
 
Benefícios da uso da Web Aberta no contexto governamental
Benefícios da uso da Web Aberta no contexto governamentalBenefícios da uso da Web Aberta no contexto governamental
Benefícios da uso da Web Aberta no contexto governamentalYasodara Cordova
 
Continente americano pobladores
Continente americano pobladoresContinente americano pobladores
Continente americano pobladoresstratetrade
 
Cartilha de Acessibilidade na Web - Fascículo I - 2013
Cartilha de Acessibilidade na Web - Fascículo I - 2013Cartilha de Acessibilidade na Web - Fascículo I - 2013
Cartilha de Acessibilidade na Web - Fascículo I - 2013Hudson Augusto
 
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
 
Planejando interfaces Web acessíveis
Planejando interfaces Web acessíveisPlanejando interfaces Web acessíveis
Planejando interfaces Web acessíveisSimone Villas Boas
 
Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Hudson Augusto
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Reinaldo Ferraz
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01Marcello Cardoso
 
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
 
Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Hudson Augusto
 
MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)Marcello Cardoso
 
Gestaode Sites Governamentais
Gestaode Sites GovernamentaisGestaode Sites Governamentais
Gestaode Sites GovernamentaisThiago Avila, Msc
 
Organizações não governamentais
Organizações não governamentaisOrganizações não governamentais
Organizações não governamentaisDaniela Costa
 
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Marcello Cardoso
 
Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Marcello Cardoso
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistasMarcello Cardoso
 
Metodologia para criação de sites
Metodologia para criação de sitesMetodologia para criação de sites
Metodologia para criação de sitesCelina Uemura
 

Destacado (20)

HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015
 
Palestra Inclusao Digital[1]
 Palestra   Inclusao Digital[1] Palestra   Inclusao Digital[1]
Palestra Inclusao Digital[1]
 
Benefícios da uso da Web Aberta no contexto governamental
Benefícios da uso da Web Aberta no contexto governamentalBenefícios da uso da Web Aberta no contexto governamental
Benefícios da uso da Web Aberta no contexto governamental
 
Continente americano pobladores
Continente americano pobladoresContinente americano pobladores
Continente americano pobladores
 
Cmmi dev-1-2-portuguese
Cmmi dev-1-2-portugueseCmmi dev-1-2-portuguese
Cmmi dev-1-2-portuguese
 
Cartilha de Acessibilidade na Web - Fascículo I - 2013
Cartilha de Acessibilidade na Web - Fascículo I - 2013Cartilha de Acessibilidade na Web - Fascículo I - 2013
Cartilha de Acessibilidade na Web - Fascículo I - 2013
 
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...
 
Planejando interfaces Web acessíveis
Planejando interfaces Web acessíveisPlanejando interfaces Web acessíveis
Planejando interfaces Web acessíveis
 
Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015
 
MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)MTA2 - Método de Inspeção Semiótica (MIS)
MTA2 - Método de Inspeção Semiótica (MIS)
 
Gestaode Sites Governamentais
Gestaode Sites GovernamentaisGestaode Sites Governamentais
Gestaode Sites Governamentais
 
Organizações não governamentais
Organizações não governamentaisOrganizações não governamentais
Organizações não governamentais
 
Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06
 
Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistas
 
Metodologia para criação de sites
Metodologia para criação de sitesMetodologia para criação de sites
Metodologia para criação de sites
 

Similar a W3C Acessibilidade

Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1cdchaves
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1angeli_mk
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Rodrigo Leme
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresHorácio Soares
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebHorácio Soares
 
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
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011Hudson Augusto
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevLucas J Silva
 
Rascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebRascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebLucas Augusto Carvalho
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisLogan Web
 
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
 
Acessibilidade em CSS - Front in Sampa
Acessibilidade em CSS - Front in SampaAcessibilidade em CSS - Front in Sampa
Acessibilidade em CSS - Front in SampaLucas J Silva
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webBruno Borges
 
Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011Tadeu Araujo
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebLucas Augusto Carvalho
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 

Similar a W3C Acessibilidade (20)

Joomla e acessibilidade
Joomla e acessibilidadeJoomla e acessibilidade
Joomla e acessibilidade
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade1
Acessibilidade1Acessibilidade1
Acessibilidade1
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Webinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedoresWebinar: Acessibilidade Web para desenvolvedores
Webinar: Acessibilidade Web para desenvolvedores
 
EDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na WebEDTED 2010 - Acessibilidade na Web
EDTED 2010 - Acessibilidade na Web
 
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
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC Dev
 
Rascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na WebRascunho do Seminário sobre Acessibilidade na Web
Rascunho do Seminário sobre Acessibilidade na Web
 
Acessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes VisuaisAcessibilidade em Sistemas Web para Deficientes Visuais
Acessibilidade em Sistemas Web para Deficientes Visuais
 
Interact 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeInteract 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e Mobilidade
 
Acessibilidade em CSS - Front in Sampa
Acessibilidade em CSS - Front in SampaAcessibilidade em CSS - Front in Sampa
Acessibilidade em CSS - Front in Sampa
 
Inclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na webInclusão Digital através da acessibilidade na web
Inclusão Digital através da acessibilidade na web
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011Apresentacao jornada-unesp-2011
Apresentacao jornada-unesp-2011
 
Apresentação Projeto Acessibilidade
Apresentação Projeto AcessibilidadeApresentação Projeto Acessibilidade
Apresentação Projeto Acessibilidade
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 

Más de Ana Laura Gomes

Gerenciamento de projeto
Gerenciamento de projetoGerenciamento de projeto
Gerenciamento de projetoAna Laura Gomes
 
Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Ana Laura Gomes
 
Utilizando as mídias sociais para divulgar a sua marca
Utilizando as mídias sociais para divulgar a sua marcaUtilizando as mídias sociais para divulgar a sua marca
Utilizando as mídias sociais para divulgar a sua marcaAna Laura Gomes
 
Dicas para trabalhar com Mídias Sociais
Dicas para trabalhar com Mídias SociaisDicas para trabalhar com Mídias Sociais
Dicas para trabalhar com Mídias SociaisAna Laura Gomes
 
Viabilizando Negc Cparty
Viabilizando Negc CpartyViabilizando Negc Cparty
Viabilizando Negc CpartyAna Laura Gomes
 
Viabilizando Negocios na Web (Senac Tito)
Viabilizando Negocios na Web (Senac Tito)Viabilizando Negocios na Web (Senac Tito)
Viabilizando Negocios na Web (Senac Tito)Ana Laura Gomes
 
Viabilizando Negócios na Web
Viabilizando Negócios na WebViabilizando Negócios na Web
Viabilizando Negócios na WebAna Laura Gomes
 
Pos em Web - Estratégias de Inovação e Tecnologia
Pos em Web - Estratégias de Inovação e TecnologiaPos em Web - Estratégias de Inovação e Tecnologia
Pos em Web - Estratégias de Inovação e TecnologiaAna Laura Gomes
 
Web 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashWeb 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashAna Laura Gomes
 
Primeiros Socorros {First Aid}
Primeiros Socorros {First Aid}Primeiros Socorros {First Aid}
Primeiros Socorros {First Aid}Ana Laura Gomes
 
O mercado de trabalho em TI
O mercado de trabalho em TIO mercado de trabalho em TI
O mercado de trabalho em TIAna Laura Gomes
 
Palestra Senac-Itu - Web2 e Web3
Palestra Senac-Itu - Web2 e Web3Palestra Senac-Itu - Web2 e Web3
Palestra Senac-Itu - Web2 e Web3Ana Laura Gomes
 

Más de Ana Laura Gomes (20)

Design responsivo
Design responsivo Design responsivo
Design responsivo
 
Web mobile dicas
Web mobile dicasWeb mobile dicas
Web mobile dicas
 
Gerenciamento de projeto
Gerenciamento de projetoGerenciamento de projeto
Gerenciamento de projeto
 
Home Office
Home OfficeHome Office
Home Office
 
Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]Mobile: web & aplicativos [dicas práticas]
Mobile: web & aplicativos [dicas práticas]
 
Utilizando as mídias sociais para divulgar a sua marca
Utilizando as mídias sociais para divulgar a sua marcaUtilizando as mídias sociais para divulgar a sua marca
Utilizando as mídias sociais para divulgar a sua marca
 
Dicas para trabalhar com Mídias Sociais
Dicas para trabalhar com Mídias SociaisDicas para trabalhar com Mídias Sociais
Dicas para trabalhar com Mídias Sociais
 
Viabilizando Negc Cparty
Viabilizando Negc CpartyViabilizando Negc Cparty
Viabilizando Negc Cparty
 
Viabilizando Negocios na Web (Senac Tito)
Viabilizando Negocios na Web (Senac Tito)Viabilizando Negocios na Web (Senac Tito)
Viabilizando Negocios na Web (Senac Tito)
 
Marketing para Web
Marketing para WebMarketing para Web
Marketing para Web
 
Viabilizando Negócios na Web
Viabilizando Negócios na WebViabilizando Negócios na Web
Viabilizando Negócios na Web
 
Pos em Web - Estratégias de Inovação e Tecnologia
Pos em Web - Estratégias de Inovação e TecnologiaPos em Web - Estratégias de Inovação e Tecnologia
Pos em Web - Estratégias de Inovação e Tecnologia
 
Web 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma FlashWeb 2.0, web 3.0 e Plataforma Flash
Web 2.0, web 3.0 e Plataforma Flash
 
Primeiros Socorros {First Aid}
Primeiros Socorros {First Aid}Primeiros Socorros {First Aid}
Primeiros Socorros {First Aid}
 
O mercado de trabalho em TI
O mercado de trabalho em TIO mercado de trabalho em TI
O mercado de trabalho em TI
 
Palestra Senac-Itu - Web2 e Web3
Palestra Senac-Itu - Web2 e Web3Palestra Senac-Itu - Web2 e Web3
Palestra Senac-Itu - Web2 e Web3
 
web 2.0 / web 3.0
web 2.0 / web 3.0web 2.0 / web 3.0
web 2.0 / web 3.0
 
aula 05 - WordPress
aula 05 - WordPressaula 05 - WordPress
aula 05 - WordPress
 
aula 04 - WordPress
aula 04 - WordPressaula 04 - WordPress
aula 04 - WordPress
 
aula 03 - WordPress
aula 03 - WordPressaula 03 - WordPress
aula 03 - WordPress
 

W3C Acessibilidade

Notas del editor

  1. É 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.
  2. É 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.
  3. É 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.
  4. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  5. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  6. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  7. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  8. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  9. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  10. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  11. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  12. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  13. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  14. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  15. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  16. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  17. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  18. AJAX creates a new paradigm for the web and many people are not accustomed to it yet. Thus it is important to inform the user if the page is being incrementally updated. Some users may not notice that data on the page is changed. This is especially true for users of assistive technology such as screen readers and magnifiers. Due to assistive technology, cognitive, or other reasons, some users may be focused on only a single area of the page. These uses may not be able to easily locate new information on the page. Unexpected changes of focus can be very distracting for some users. It can be very time consuming and difficult for some users to return to the previous location on the page. Thus, changing focus to the updated content should be avoided unless the user has explicitly requested that mechanism of update notification. Also, note that WCAG 2.0 Success Criterion 3.2.5 states, “ Changes of context are initiated only by user request.” Loss of back button functionality and URIs that can not be bookmarked are also issues associated with AJAX but they will not be discussed in this presentation since they do not directly affect accessibity.
  19. É 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.