SlideShare uma empresa Scribd logo
Acessibilidade na web
Google I/O - SP
26 de junho de 2014
Reinaldo Ferraz
@reinaldoferraz
http://premio.w3c.br/
Acessibilidade na Web: A quem se destina?
Cegos – Daltônicos - Baixa visão
Foto: everystockphoto.com - namida-k
Surdos
Foto: everystockphoto.com - jessicafm
Mobilidade reduzida
Estatísticas
Pessoas com deficiências no Brasil
24%
45.623.910 pessoas
Fonte: Censo 2010
Estatísticas
No mundo, esse número é
aproximadamente
1 bilhão
de pessoas
Fonte: ONU
Acessibilidade na web
Porque não
desenvolvemos
web sites
acessíveis?
Algumas hipóteses:
Desconhecimento
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
Acessibilidade na web
Preconceito
Público alvo
É muito caro!
O prazo é curto!
Dá muito trabalho!
Não sei fazer!
Já testou seu site?
Foto: Flickr.com - Baddog_
Já testou o seu site?
Acessível via teclado
Foto: Flickr.com - Baddog_
Já testou o seu site?
Já testou o seu site?
Vídeos com legendas
Já testou o seu site?
Sem CSS
e imagens
Foto: Flickr.com - Baddog_
Ou mesmo sem monitor
Acessibilidade na web
Beneficia pessoas com deficiência
Acessibilidade na web: A quem se destina?
Acessibilidade é para todos !
Você acha que tem controle sobre o seu
usuário?
NÃO
Você não tem controle sobre o seu usuário
Acessibilidade deve fazer parte da rotina
Web Content Accessibility Guidelines
http://www.w3.org/TR/WCAG/
Princípio 1: Perceptível
Princípio 2: Operável
Princípio 3: Compreensível
Princípio 4: Robusto
Princípios do WCAG
ARIA e HTML5
WAI-ARIA (Accessible Rich Internet Applications)
define uma forma de tornar o conteúdo e
aplicativos web mais acessíveis a pessoas com
deficiências. Ele contribui especialmente com
conteúdo dinâmico e interface de controles de
usuário avançadas desenvolvidos com Ajax, HTML,
JavaScript e tecnologias relacionadas.
http://www.w3.org/WAI/intro/aria
ARIA e HTML5
progressbar
radiogroup
scrollbar
slider
spinbutton
status
Tab
tabpanel
textbox
tooltip
73 ROLES (Ou Papéis)
alert
Alertdialog
button
checkbox
dialog
menu
menubar
menuitem
option
...
http://www.w3.org/TR/wai-aria/roles#role_definitions
ARIA e HTML5
aria-activedescendant
aria-atomic
aria-autocomplete
aria-busy (state)
aria-checked (state)
aria-controls
aria-describedby
aria-disabled (state)
aria-dropeffect
aria-expanded (state)
aria-flowto
aria-grabbed (state)
35 States and Properties (Estados e Propriedades)
aria-haspopup
aria-hidden (state)
aria-invalid (state)
aria-label
aria-labelledby
aria-level
aria-live
aria-multiline
aria-multiselectable
aria-orientation
aria-owns
...
http://www.w3.org/TR/wai-aria/states_and_properties
ARIA e HTML5
Implementação por leitores de tela:
Landmark roles são suportadas em
• JAWS 10
• NVDA 2010.1+
• VoiceOver no iPhone IOS4.
As WCAG utilizam a semântica do HTML
para tornar o conteúdo acessível
ARIA são atributos que conseguem mudar a
semântica dos elementos para tornar o
conteúdo acessível
Situação 1:
Uma galeria de imagens
<img src=“starwars.jpg”
alt=“Foto de Luke Skywalker no filme Star
Wars – O império contra ataca”>
<div class="foto" role="img"
aria-label="Logo do W3C que está dentro do
CSS"></div>
<img src="img-slides/w3clogo.png"
alt="Logo do W3C dentro do HTML">
reinaldoferraz.com.br
Situação 2:
Uma página cheia de
destaques
<a href=“#contents”>Saltar</a>
<elemento id=“contents”>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h2>...<h2>
<h3>...</h3>
<h4>...</h4>
<h2>...</h2>
<h3>...</h3>
html5accessibility.com
Situação 3:
Menu e Submenus
CSS:
a:hover
a:focus
JavaScript:
onmouseover="#"
onfocus="#"
onmouseout="#"
onblur="#"
Situação 4:
Formulários
<fieldset>
<legend>
Identifique-se!
</legend>
<label for="text">
Nome</label>
<input id="text" type="text"
aria-describedby="comp">
<p id="comp">
Preencha seu nome
de verdade, viu?</p>
</fieldset>
<fieldset>
<legend>
Identifique-se!
</legend>
<label for="text">
Nome</label>
<input id="text" type="text"
aria-describedby="comp">
<p id="comp">
Preencha seu nome
de verdade, viu?</p>
</fieldset>
<fieldset>
<legend>
Identifique-se!
</legend>
<label for="text">
Nome</label>
<input id="text" type="text"
aria-describedby="comp">
<p id="comp">
Preencha seu nome
de verdade, viu?</p>
</fieldset>
Slider
Não dá para usar o
input type=“range”?
SIM!
html5accessibility.com
html5accessibility.com
Situação 5:
Utilização de cores
Neil Harbisson
http://www.youtube.com/watch?v=CvPOh0p9cf0
Daltonismo
Daltonismo
Daltonismo
Uma menina com cabelos loiros, olhos
azuis vestida de rosa
Daltonismo
Visão normal
Daltonismo
Protanopia (Deficiências em vermelho)
Daltonismo
Deuteranopia (Deficiências em verde)
Daltonismo
Tritanopia (Deficiências em azul)
Daltonismo
Acromatopsia (Deficiências todas as cores)
Daltonismo
Nunca utilize somente cor para
transmitir uma informação na Web
Daltonismo
Situação 4:
Múltiplos idiomas
<html lang=“pt-br”>
...
Esse texto está em português
<html lang=“pt-br”>
...
Esse texto está em português <span
lang=“en”>and this one in english</span>
Situação 5:
Elementos dinâmicos
<button role=“button” aria-pressed=“false”>
<img src=“off.png” alt=“Status Desligado”>
</button>
<button role=“button” aria-pressed=“true”>
<img src=“on.png” alt=“Status Ligado”>
</button>
<div class="message">
<span id="messages" aria-live="assertive"></span>
</div>
<div class="message">
<span id="messages" aria-live=“off" ></span>
</div>
Dicas importantes para melhorar a acessibilidade
• Validação de Markup
• Siga as diretrizes de
acessibilidade (WCAG e ARIA)
• Validação automática de
acessibilidade
• Verificação de avisos
• Teste com tecnologias assistivas
• Coloque a acessibilidade na rotina
do desenvolvimento
Obrigado!
@reinaldoferraz
“Se o seu site não está pronto para receber
TODAS as pessoas, o site é deficiente.”
Adaptado da arq. Thais Frota

Mais conteúdo relacionado

Mais procurados

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
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
Desenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBRDesenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBR
Dionatan default
 
Desenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User StoriesDesenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User Stories
Dionatan default
 
Stoa: resultados 2007-2009
Stoa: resultados 2007-2009Stoa: resultados 2007-2009
Stoa: resultados 2007-2009
Ewout ter Haar
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
Reinaldo Ferraz
 
Uso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaUso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporânea
Gabriel Luiz Ramos
 
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
Reinaldo Ferraz
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Reinaldo Ferraz
 
Acessibilidade na Prática
Acessibilidade na PráticaAcessibilidade na Prática
Acessibilidade na Prática
Tiago Rafael Leite Neves
 
A1Br.org - O primeiro portal acessivel do Brasil
A1Br.org -  O primeiro portal acessivel do BrasilA1Br.org -  O primeiro portal acessivel do Brasil
A1Br.org - O primeiro portal acessivel do Brasil
Luiz Guilherme Cruz
 
SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011
SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011
SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011
Gustavo Bacchin
 
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
Ricardo Pereira Rodrigues
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design Responsivo
Tersis Zonato
 
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurançaInternet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
W. Gabriel de Oliveira
 

Mais procurados (15)

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
 
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
 
Desenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBRDesenvolvimento Orgânico de Software com User Stories #AgileBR
Desenvolvimento Orgânico de Software com User Stories #AgileBR
 
Desenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User StoriesDesenvolvimento Orgânico de Software com User Stories
Desenvolvimento Orgânico de Software com User Stories
 
Stoa: resultados 2007-2009
Stoa: resultados 2007-2009Stoa: resultados 2007-2009
Stoa: resultados 2007-2009
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Uso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporâneaUso acessivel - O cumprimento das premissas na web contemporânea
Uso acessivel - O cumprimento das premissas na web contemporânea
 
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
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Acessibilidade na Prática
Acessibilidade na PráticaAcessibilidade na Prática
Acessibilidade na Prática
 
A1Br.org - O primeiro portal acessivel do Brasil
A1Br.org -  O primeiro portal acessivel do BrasilA1Br.org -  O primeiro portal acessivel do Brasil
A1Br.org - O primeiro portal acessivel do Brasil
 
SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011
SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011
SEO 3.0 - Evoluindo com a Internet - TchêSEO 2011
 
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
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design Responsivo
 
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurançaInternet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
Internet e Segurança - Direito e Tecnologia da Informação - Dicas de segurança
 

Semelhante a Acessibilidade na Web - GoogleI/O SP

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
Reinaldo Ferraz
 
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetcNobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc
Reinaldo Ferraz
 
Acessibilidade na Web - iseminar 2011
Acessibilidade na Web -  iseminar 2011Acessibilidade na Web -  iseminar 2011
Acessibilidade na Web - iseminar 2011
Reinaldo Ferraz
 
Acessibilidade na Web - edted2010
Acessibilidade na Web -  edted2010Acessibilidade na Web -  edted2010
Acessibilidade na Web - edted2010
Reinaldo Ferraz
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Centro Web
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Centro Web
 
Acessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design DigitalAcessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design Digital
Gabriel Henrique
 
Infograficos e SEO
Infograficos e SEOInfograficos e SEO
Infograficos e SEO
Fabio Ricotta
 
workshop Cultura online @ CM Santarém [Versão 2]
workshop Cultura online @ CM Santarém [Versão  2]workshop Cultura online @ CM Santarém [Versão  2]
workshop Cultura online @ CM Santarém [Versão 2]
Serpentina
 
Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0 Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0
Serpentina
 
Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?
Vinicius Cavalcante Donato
 
Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012
Reinaldo Ferraz
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
Centro Web
 
Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!
Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!
Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!
Creditas
 
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Ícaro Medeiros
 
Interact 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeInteract 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e Mobilidade
Horácio Soares
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
Reinaldo Ferraz
 
Re descentralizar a Web
Re descentralizar a WebRe descentralizar a Web
Re descentralizar a Web
Centro Web
 
Acessibilidade na WEB
Acessibilidade na WEBAcessibilidade na WEB
Acessibilidade na WEB
Ana Carolina Gracioso
 
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
 

Semelhante a Acessibilidade na Web - GoogleI/O SP (20)

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
 
Nobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetcNobody leaves this place without coding an accessible projetc
Nobody leaves this place without coding an accessible projetc
 
Acessibilidade na Web - iseminar 2011
Acessibilidade na Web -  iseminar 2011Acessibilidade na Web -  iseminar 2011
Acessibilidade na Web - iseminar 2011
 
Acessibilidade na Web - edted2010
Acessibilidade na Web -  edted2010Acessibilidade na Web -  edted2010
Acessibilidade na Web - edted2010
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Acessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design DigitalAcessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design Digital
 
Infograficos e SEO
Infograficos e SEOInfograficos e SEO
Infograficos e SEO
 
workshop Cultura online @ CM Santarém [Versão 2]
workshop Cultura online @ CM Santarém [Versão  2]workshop Cultura online @ CM Santarém [Versão  2]
workshop Cultura online @ CM Santarém [Versão 2]
 
Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0 Workshop Ferramentas 2.0para Ideias 2.0
Workshop Ferramentas 2.0para Ideias 2.0
 
Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?
 
Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012Acessibilidade na Web - CPBR Recife 2012
Acessibilidade na Web - CPBR Recife 2012
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!
Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!
Jurassic JavaScript Park - Rodando Offline até na ilha Nublar!
 
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
 
Interact 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e MobilidadeInteract 2009 - Acessibilidade Web e Mobilidade
Interact 2009 - Acessibilidade Web e Mobilidade
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
Re descentralizar a Web
Re descentralizar a WebRe descentralizar a Web
Re descentralizar a Web
 
Acessibilidade na WEB
Acessibilidade na WEBAcessibilidade na WEB
Acessibilidade na WEB
 
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
 

Mais de Reinaldo Ferraz

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)
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
Reinaldo Ferraz
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
Reinaldo Ferraz
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
Reinaldo Ferraz
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
Reinaldo Ferraz
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
Reinaldo Ferraz
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
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?
Reinaldo Ferraz
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
Reinaldo Ferraz
 
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?
Reinaldo Ferraz
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
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?
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
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
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
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?
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
 

Acessibilidade na Web - GoogleI/O SP