SlideShare uma empresa Scribd logo
Passado, presente e futuro da
acessibilidade na Web
Reinaldo Ferraz
Link - Summit de Acessibilidade Digital 2019 - 08 de agosto de 2019
1989
Tim Berners-Lee e sua proposta para a Web
1992
Primeiras imagem na Web
1993
Proposta de um elemento de imagem e de texto alternativo
1999
Web Content Accessibility Guidelines 1.0 (1999)
https://www.w3.org/TR/WAI-WEBCONTENT/
Lançamento da primeira versão das Diretrizes de Acessibilidade na Web
2002
User Agent Accessibility Guidelines 1.0
https://www.w3.org/TR/UAAG/
Lançamento da primeira versão das Diretrizes para Agente de Usuário
eMag 3.1 (2014)
http://emag.governoeletronico.gov.br/
2004
Lançamento da primeira versão do eMag
2007
Lançamento do vídeo “Acessibilidade Web - custo ou benefício?”
Horácio Soares, Lêda Spelta, MAQ, Bruno Rodrigues, Everaldo
Bechara, Fábio Gameleira, Maujor, Simone Bacellar.
Acessibilidade Web - Custo ou benefício?
https://www.youtube.com/watch?v=hFI4CuxQjSA
2008
- Língua de sinais
- Controle de áudio
- Nova autenticação
- Título da página
- Sem barreira de teclado
- Foco visível
- Prevenção de erro
- Cabeçalhos e rótulos
Web Content Accessibility Guidelines 2.0 (2008)
https://www.w3.org/TR/WCAG20/
Lançamento da segunda versão das Diretrizes de Acessibilidade na Web
2005
Lançamento do YouTube
Me at the zoo
https://www.youtube.com/watch?v=jNQXAC9IVRw
2004 - 2010
Timed Text Markup Language 1 (TTML1) (2004 - 2018)
https://www.w3.org/TR/ttml1/
WebVTT: The Web Video Text Tracks Format (2010)
https://www.w3.org/TR/webvtt1/
2010
Publicação do primeiro Censo da Web
Censo da Web.br 2010 - Dimensões e características da Web brasileira:
um estudo do .gov.br
https://ceweb.br/publicacao/censo-da-web-br-dimensoes-e-caracteristicas-da-web-brasileira-um-estudo-do-gov-br/
1989-1999
Como era a Web nos primeiros 10 anos de existência
2000-2010
Como era a Web evoluiu
2014
Accessible Rich Internet Applications (WAI-ARIA) 1.0 (2014)
https://www.w3.org/TR/wai-aria-1.0/
Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 (2014)
https://www.w3.org/Translations/WCAG20-pt-br/
Publicação do padrão WAI-ARIA e da tradução autorizada do WCAG 2.0
Lei Brasileira de Inclusão da Pessoa com Deficiência
(Estatuto da Pessoa com Deficiência)
http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm
2015
Sancionada a Lei Brasileira de Inclusão
2018
Web Content Accessibility Guidelines 2.1 (2018)
https://www.w3.org/TR/WCAG/
Publicação do WCAG 2.1
“Apple é processada sobre reclamações de que
seu website é inacessível para usuários com
deficiência visual”
https://appleinsider.com/articles/18/08/20/apple-sued-over-claims-websit
e-is-inaccessible-to-visually-impaired-users
2018
Notícia sobre sites com problemas de acessibilidade
“Um homem cego não conseguiu pedir uma
pizza do Domino’s. A empresa quer que a Corte
Suprema (EUA) diga que websites não precisam
ser acessíveis”
https://www.cnbc.com/2019/07/25/dominos-asks-supreme-court-to-say-
disability-protections-dont-apply-online.html
2019
Notícia sobre sites com problemas de acessibilidade
Por que não fazemos sites acessíveis hoje?
1: Falta conhecimento em padrões
Por que usar isso?
<span tabindex="0"
onclick="event()"
onmouseup="event()"
onmousedown="event()"
onmouseover="event()"
onmouseup="event()"
role="button"
style="...">
Enviar
</span>
Quando podemos usar isso:
<button>Enviar</button>
2: Falta empatia
Texto alternativo:
016 | por karpunets
A Web e a Acessibilidade no futuro
Web em múltiplos dispositivos
Dispositivos sem telas
Google Home app accessibility for Android phones and tablets
https://support.google.com/chromecast/answer/6279437?hl=en
Accessibility Features for Alexa
https://www.amazon.com/gp/help/customer/display.html?nodeId=202158280
Semântica e significado
Realidade virtual
Transmissão do Facebook experimentando recursos de realidade virtual
Realidade virtual
Experimento de acessibilidade para Realidade Virtual
O poder da web está em sua universalidade.
Acesso para todos, independente de deficiência, é
um aspecto essencial
Tim Berners-Lee
Passado, presente e futuro da acessibilidade na web

Mais conteúdo relacionado

Semelhante a Passado, presente e futuro da acessibilidade na web

DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
Hudson Augusto
 
Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013
Hudson Augusto
 
Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...
Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...
Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...
Jorge Fernandes
 
Workshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociaisWorkshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociais
Serpentina
 
cartilha-w3cbr-acessibilidade-web-fasciculo-I
cartilha-w3cbr-acessibilidade-web-fasciculo-Icartilha-w3cbr-acessibilidade-web-fasciculo-I
cartilha-w3cbr-acessibilidade-web-fasciculo-I
Luca Toledo
 
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Hudson Augusto
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
Rodrigo Leme
 

Semelhante a Passado, presente e futuro da acessibilidade na web (20)

Workshop Ferramentas Web para Serviços educativos
Workshop Ferramentas Web para Serviços educativosWorkshop Ferramentas Web para Serviços educativos
Workshop Ferramentas Web para Serviços educativos
 
Aula - Acessibilidade na Web
Aula - Acessibilidade na WebAula - Acessibilidade na Web
Aula - Acessibilidade na Web
 
DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011DaSilva_Tutorial_Inovaday_Setembro_2011
DaSilva_Tutorial_Inovaday_Setembro_2011
 
Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013Acessibilidade Web – Cidade de Barueri - Setembro 2013
Acessibilidade Web – Cidade de Barueri - Setembro 2013
 
Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...
Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...
Acessibilidade dos Conteúdos Web dos Municípios Portugueses 2009 - análise à ...
 
Workshop Museus– trabalho colaborativo e tecnologias sociais
Workshop Museus– trabalho colaborativo e tecnologias sociaisWorkshop Museus– trabalho colaborativo e tecnologias sociais
Workshop Museus– trabalho colaborativo e tecnologias sociais
 
Workshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociaisWorkshop museus – trabalho colaborativo e_tecnologias_sociais
Workshop museus – trabalho colaborativo e_tecnologias_sociais
 
Web 3.0: desafios e oportunidades para as empresas
Web 3.0: desafios e oportunidades para as empresasWeb 3.0: desafios e oportunidades para as empresas
Web 3.0: desafios e oportunidades para as empresas
 
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
 
cartilha-w3cbr-acessibilidade-web-fasciculo-I
cartilha-w3cbr-acessibilidade-web-fasciculo-Icartilha-w3cbr-acessibilidade-web-fasciculo-I
cartilha-w3cbr-acessibilidade-web-fasciculo-I
 
Oficina Ases2.0 beta6.0 - André Luiz Rezende
Oficina Ases2.0 beta6.0 - André Luiz RezendeOficina Ases2.0 beta6.0 - André Luiz Rezende
Oficina Ases2.0 beta6.0 - André Luiz Rezende
 
Palestra: Acessibilidade na web - Iran Pontes
Palestra: Acessibilidade na web -  Iran PontesPalestra: Acessibilidade na web -  Iran Pontes
Palestra: Acessibilidade na web - Iran Pontes
 
A Declaração de Acessibilidade - Web e Apps -
A Declaração de Acessibilidade- Web e Apps -A Declaração de Acessibilidade- Web e Apps -
A Declaração de Acessibilidade - Web e Apps -
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAGModelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
Modelo Brasileiro de Acessibilidade em Governo Eletrônico - e-MAG
 
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
Acessibilidade Web – Cidade de Pirassununga - Setembro 2013
 
Avaliacao de acessibilidade de páginas Web
Avaliacao de acessibilidade de páginas WebAvaliacao de acessibilidade de páginas Web
Avaliacao de acessibilidade de páginas Web
 
Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)Acessibilidade Digital (19/02/2013)
Acessibilidade Digital (19/02/2013)
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Ferramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na WebFerramentas Para Acessibilidade Na Web
Ferramentas Para Acessibilidade Na Web
 

Mais de Centro Web

Mais de Centro Web (20)

Acessibilidade e Realidade Estendida
Acessibilidade e Realidade EstendidaAcessibilidade e Realidade Estendida
Acessibilidade e Realidade Estendida
 
Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Re descentralizar a Web
Re descentralizar a WebRe descentralizar a Web
Re descentralizar a Web
 
Web das coisas
Web das coisasWeb das coisas
Web das coisas
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios
 
Interação, Imersão e Inclusão
Interação, Imersão e InclusãoInteração, Imersão e Inclusão
Interação, Imersão e Inclusão
 
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na WebEmpatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
 
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa RicaBuenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
 
Encontros com a Web: Fake News
Encontros com a Web: Fake NewsEncontros com a Web: Fake News
Encontros com a Web: Fake News
 
Mixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivoMixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivo
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
EPUB and the Open Web Platform
EPUB and the Open Web PlatformEPUB and the Open Web Platform
EPUB and the Open Web Platform
 

Passado, presente e futuro da acessibilidade na web

  • 1. Passado, presente e futuro da acessibilidade na Web Reinaldo Ferraz Link - Summit de Acessibilidade Digital 2019 - 08 de agosto de 2019
  • 2.
  • 3.
  • 4.
  • 5. 1989 Tim Berners-Lee e sua proposta para a Web
  • 7. 1993 Proposta de um elemento de imagem e de texto alternativo
  • 8. 1999 Web Content Accessibility Guidelines 1.0 (1999) https://www.w3.org/TR/WAI-WEBCONTENT/ Lançamento da primeira versão das Diretrizes de Acessibilidade na Web
  • 9. 2002 User Agent Accessibility Guidelines 1.0 https://www.w3.org/TR/UAAG/ Lançamento da primeira versão das Diretrizes para Agente de Usuário
  • 11. 2007 Lançamento do vídeo “Acessibilidade Web - custo ou benefício?” Horácio Soares, Lêda Spelta, MAQ, Bruno Rodrigues, Everaldo Bechara, Fábio Gameleira, Maujor, Simone Bacellar. Acessibilidade Web - Custo ou benefício? https://www.youtube.com/watch?v=hFI4CuxQjSA
  • 12. 2008 - Língua de sinais - Controle de áudio - Nova autenticação - Título da página - Sem barreira de teclado - Foco visível - Prevenção de erro - Cabeçalhos e rótulos Web Content Accessibility Guidelines 2.0 (2008) https://www.w3.org/TR/WCAG20/ Lançamento da segunda versão das Diretrizes de Acessibilidade na Web
  • 13. 2005 Lançamento do YouTube Me at the zoo https://www.youtube.com/watch?v=jNQXAC9IVRw
  • 14. 2004 - 2010 Timed Text Markup Language 1 (TTML1) (2004 - 2018) https://www.w3.org/TR/ttml1/ WebVTT: The Web Video Text Tracks Format (2010) https://www.w3.org/TR/webvtt1/
  • 15. 2010 Publicação do primeiro Censo da Web Censo da Web.br 2010 - Dimensões e características da Web brasileira: um estudo do .gov.br https://ceweb.br/publicacao/censo-da-web-br-dimensoes-e-caracteristicas-da-web-brasileira-um-estudo-do-gov-br/
  • 16. 1989-1999 Como era a Web nos primeiros 10 anos de existência
  • 17. 2000-2010 Como era a Web evoluiu
  • 18. 2014 Accessible Rich Internet Applications (WAI-ARIA) 1.0 (2014) https://www.w3.org/TR/wai-aria-1.0/ Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 (2014) https://www.w3.org/Translations/WCAG20-pt-br/ Publicação do padrão WAI-ARIA e da tradução autorizada do WCAG 2.0
  • 19. Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência) http://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm 2015 Sancionada a Lei Brasileira de Inclusão
  • 20. 2018 Web Content Accessibility Guidelines 2.1 (2018) https://www.w3.org/TR/WCAG/ Publicação do WCAG 2.1
  • 21. “Apple é processada sobre reclamações de que seu website é inacessível para usuários com deficiência visual” https://appleinsider.com/articles/18/08/20/apple-sued-over-claims-websit e-is-inaccessible-to-visually-impaired-users 2018 Notícia sobre sites com problemas de acessibilidade
  • 22. “Um homem cego não conseguiu pedir uma pizza do Domino’s. A empresa quer que a Corte Suprema (EUA) diga que websites não precisam ser acessíveis” https://www.cnbc.com/2019/07/25/dominos-asks-supreme-court-to-say- disability-protections-dont-apply-online.html 2019 Notícia sobre sites com problemas de acessibilidade
  • 23. Por que não fazemos sites acessíveis hoje?
  • 24. 1: Falta conhecimento em padrões
  • 25. Por que usar isso? <span tabindex="0" onclick="event()" onmouseup="event()" onmousedown="event()" onmouseover="event()" onmouseup="event()" role="button" style="..."> Enviar </span> Quando podemos usar isso: <button>Enviar</button>
  • 27. Texto alternativo: 016 | por karpunets
  • 28. A Web e a Acessibilidade no futuro
  • 29. Web em múltiplos dispositivos
  • 30. Dispositivos sem telas Google Home app accessibility for Android phones and tablets https://support.google.com/chromecast/answer/6279437?hl=en Accessibility Features for Alexa https://www.amazon.com/gp/help/customer/display.html?nodeId=202158280
  • 32. Realidade virtual Transmissão do Facebook experimentando recursos de realidade virtual
  • 33. Realidade virtual Experimento de acessibilidade para Realidade Virtual
  • 34. O poder da web está em sua universalidade. Acesso para todos, independente de deficiência, é um aspecto essencial Tim Berners-Lee