SlideShare uma empresa Scribd logo
1 de 35
Baixar para ler offline
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

Mais procurados

Mais procurados (10)

HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Laboratório Web 2013-2014 - Introdução e Enquadramento
Laboratório Web 2013-2014 - Introdução e EnquadramentoLaboratório Web 2013-2014 - Introdução e Enquadramento
Laboratório Web 2013-2014 - Introdução e Enquadramento
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
 
ARIA - Aplicações web ricas e acessíveis
ARIA - Aplicações web ricas e acessíveisARIA - Aplicações web ricas e acessíveis
ARIA - Aplicações web ricas e acessíveis
 
Aplicações Web Ricas e Acessíveis
Aplicações Web Ricas e AcessíveisAplicações Web Ricas e Acessíveis
Aplicações Web Ricas e Acessíveis
 
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDAFazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
 
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
Acessibilidade, HTML5 e WAI-ARIA - Tableless conf 2012
 
Acessibilidade na Web: Principais problemas e Soluções - FISL14
Acessibilidade na Web: Principais problemas e Soluções - FISL14Acessibilidade na Web: Principais problemas e Soluções - FISL14
Acessibilidade na Web: Principais problemas e Soluções - FISL14
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 

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
 

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

E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2
 
Interact 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeInteract 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e Mobilidade
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
 
HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012HTML5 e o futuro da Web - Senac Consolação 2012
HTML5 e o futuro da Web - Senac Consolação 2012
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
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
 
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
 
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
 

Mais de Reinaldo Ferraz

Mais de Reinaldo Ferraz (20)

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
 
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
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
 
ALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEOALT and TITLE attributes in images and SEO
ALT and TITLE attributes in images and SEO
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na Web
 

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