SlideShare uma empresa Scribd logo
Reinaldo Ferraz
Acessibilidade na Web
@reinaldoferraz
slideshare.com/reinaldoferraz
Acessibilidade na web
Por que? Quanto? Onde? Como?
por que?
Designed by Alekksall - Freepik.com
24%
45.623.910 pessoas
Censo 2010
Fonte: http://www.ibge.gov.br/home/estatistica/populacao/censo2010/resultados_preliminares/default_resultados_preliminares.shtm
LEI Nº 13.146, DE 6 DE JULHO DE 2015.
Art. 63. É obrigatória a acessibilidade nos sítios da
internet mantidos por empresas com sede ou
representação comercial no País ou por órgãos
de governo, para uso da pessoa com deficiência,
garantindo-lhe acesso às informações
disponíveis, conforme as melhores práticas e
diretrizes de acessibilidade adotadas
internacionalmente.
Fonte: http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm
LEI Nº 13.146, DE 6 DE JULHO DE 2015.
Art. 63. É obrigatória a acessibilidade nos sítios da
internet mantidos por empresas com sede ou
representação comercial no País ou por órgãos
de governo, para uso da pessoa com deficiência,
garantindo-lhe acesso às informações
disponíveis, conforme as melhores práticas e
diretrizes de acessibilidade adotadas
internacionalmente.
Fonte: http://www.planalto.gov.br/ccivil_03/_Ato2015-2018/2015/Lei/L13146.htm
A Web foi feita para as pessoas
AndyWalker
LeonardoGleisson
IvyBean
Neil Harbisson
http://www.youtube.com/watch?v=CvPOh0p9cf0
Acessibilidade é para todos !
Acessibilidade na web
quanto?
• Consciência sobre o tema
• Capacitação
• Documentação
• Ferramentas específicas
• Execução
Acessibilidade deve fazer parte da rotina
onde?
Web Content Accessibility Guidelines
http://www.w3.org/TR/WCAG/
Diretrizes de Acessibilidade para Conteúdo Web
http://www.w3.org/Translations/WCAG20-pt-br/
Princípio 1: Perceptível
Princípio 2: Operável
Princípio 3: Compreensível
Princípio 4: Robusto
Princípios do WCAG
https://www.w3.org/TR/wai-aria/
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-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
1. As WCAG utilizam a semântica do HTML para tornar o
conteúdo acessível
2. ARIA são atributos que conseguem mudar a semântica
dos elementos para tornar o conteúdo acessível
como?
Acessível via teclado
Navega pelos controles interativos
Navega de volta
Ativa controles interativos
Ativa radio e checkboxes
Seleção de radio buttons, seleção de
lista, sliders, tabpanels, autocomplete
Acessibilidade na web
CSS:
a:hover
a:focus
JavaScript:
onmouseover="#"
onfocus="#"
onmouseout="#"
onblur="#"
<select id=“paises”
aria-describedby=“aviso”>
<option id=“01”>
Argentina</option>
<option id=“02”>
Brasil</option>
<option id=“03”>
Canadá</option>
...
<p id=“aviso”>Ao selecionar
um país o próximo campo será
atualizado automaticamente
carregando os estados</p>Ao selecionar um país o próximo campo será atualizado
automaticamente carregando os estados
Designed by Dooder - Freepik.com
Saltar conteúdo repetido
<a href=“#content”>Saltar conteúdo</a>
....
<section id=“content”>
Salto para conteúdo visível ou visível ao TAB
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h2>...<h2>
<h3>...</h3>
<h4>...</h4>
<h2>...</h2>
<h3>...</h3>
Acessibilidade na web
Escondendo conteúdo com CSS
Imagem: Designed by Asierromero - Freepik.com
CSS Efeito na Tela
Efeito na
Acessibilidade
visibility:hidden;
O elemento fica oculto, mas
continua a ocupar o espaço
que normalmente ocuparia
O conteúdo é ignorado pelos
leitores de tela
display:none;
O elemento fica oculto e não
ocupa espaço
O conteúdo é ignorado pelos
leitores de tela
height: 0;
width: 0;
overflow: hidden;
O elemento fica oculto e não
ocupa espaço
Alguns leem, outros não.
text-indent: -99999em;
O conteúdo é movido para
“fora da tela”, não sendo mais
visível, mas links podem ser
focalizados de maneira
imprevisível
Os leitores de tela acessam o
conteúdo, mas somente texto
e elementos inline
position: absolute;
left: -99999em;
O conteúdo é removido de sua
posição, não ocupando
espaço e é movido para “fora
da tela”, ficando oculto
Os leitores de tela acessam o
conteúdo
Descrevendo imagens
<img src=“café.jpg”
alt=“foto de uma xícara de
café”>
<figure>
<img src=“gráfico.jpg” alt=“Gráfico de
vendas”>
<figcaption>O gráfico representa o
percentual de vendas da equipe nos
últimos anos...
</figcaption>
</figure>
Palestra do Frontinsampa2016:
Vídeo: https://www.youtube.com/watch?v=5FJJuEVt5sA
Slides: http://www.slideshare.net/reinaldoferraz/alt-e-lang-dois-atributos-da-pesada
Mude o idioma quando necessário
<html lang=“pt-br”>
...
Esse texto está em português
<a href=“english/” lang=“en”>
and in english also
</a>
Agrupando campos de formulário
<fieldset>
<legend>Dados pessoais</legend>
<label for=“nome”>
<input type=“text” id=“nome
name=“nome”>
</fieldset>
http://www.html5accessibility.com/
Contraste e uso de cores
Nunca usar somente cor para transmitir informação
Simulação de visão por pessoas com daltonismo
Simulação de visão por pessoas com daltonismo
http://www.checkmycolours.com/
Vídeos com legendas
<track label="Português" kind="subtitles"
srclang="pt" src="legenda.vtt" default>
<track label="English" kind="subtitles"
srclang="en" src="subtitle.vtt">
WEBVTT
1
00:00:00.000 --> 00:00:05.000 Olá pessoal, eu sou o Reinaldo
2
00:00:05.050 --> 00:00:08.000
e hoje vou apresentar a vocês algumas técnicas simples
3
00:00:08.050 --> 00:00:10.000
para melhorar a acessibilidade das suas páginas Web.
4
00:00:10.010 --> 00:00:14.000
A Primeira dica é utilizar a marcação semântica da HTML5.
Verificação de acessibilidade
http://validator.w3.org
http://www.acessibilidade.gov.pt/accessmonitor/
http://wave.webaim.org/
https://www.w3.org/WAI/ER/tools/
Teste seu site!
1. Teste seu site sem CSS
2. Teste seu site sem imagens
3. Navegue somente por teclado
4. Teste com um leitor de tela
5. Verifique o markup (W3C Validator)
6. Verifique a acessibilidade (com validadores de
acessibilidade automáticos)
7. Verifique os avisos da páginas
8. Coloque a acessibilidade na rotina do desenvolvimento
Tks
reinaldo@nic.br @reinaldoferraz
“Se o seu site não está pronto para receber
TODAS as pessoas, o site é deficiente.”
Adaptado da arq. Thais Frota
Acessibilidade na web

Mais conteúdo relacionado

Mais procurados

WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
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
Reinaldo Ferraz
 
Acessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi MasterAcessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi Master
Reinaldo Ferraz
 
Google Update Page Experience - RD Hostel
Google Update Page Experience - RD HostelGoogle Update Page Experience - RD Hostel
Google Update Page Experience - RD Hostel
Seo Martin
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
Renato Melo
 
Guia completo do google analytics
Guia completo do google analyticsGuia completo do google analytics
Guia completo do google analytics
Target Ale
 
Bombando suas conversões com dados
Bombando suas conversões com dadosBombando suas conversões com dados
Bombando suas conversões com dados
William Rufino
 
Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!
Mariane Gonçalves
 
Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!
Uneworld Viagens e Turismo
 
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q eSua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Alexandre Magno Teles Zimerer
 
Google Update Page Experience - TecnoUpdate
Google Update Page Experience - TecnoUpdateGoogle Update Page Experience - TecnoUpdate
Google Update Page Experience - TecnoUpdate
Seo Martin
 

Mais procurados (12)

WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
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
 
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
 
Acessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi MasterAcessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi Master
 
Google Update Page Experience - RD Hostel
Google Update Page Experience - RD HostelGoogle Update Page Experience - RD Hostel
Google Update Page Experience - RD Hostel
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
 
Guia completo do google analytics
Guia completo do google analyticsGuia completo do google analytics
Guia completo do google analytics
 
Bombando suas conversões com dados
Bombando suas conversões com dadosBombando suas conversões com dados
Bombando suas conversões com dados
 
Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!
 
Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!Facebook ads - Embarque nos anúncios e decole suas vendas!
Facebook ads - Embarque nos anúncios e decole suas vendas!
 
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q eSua web app nao precisa ser necessariamente mais rapida, mas parecer q e
Sua web app nao precisa ser necessariamente mais rapida, mas parecer q e
 
Google Update Page Experience - TecnoUpdate
Google Update Page Experience - TecnoUpdateGoogle Update Page Experience - TecnoUpdate
Google Update Page Experience - TecnoUpdate
 

Semelhante a Acessibilidade na web

Aula 07 acessibilidade
Aula 07  acessibilidadeAula 07  acessibilidade
Aula 07 acessibilidade
Cristiano Pires Martins
 
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Vagner Santana
 
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
 
Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_
Rodrigo Urubatan
 
Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015
Reinaldo Ferraz
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
Carlos Casalicchio
 
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
 
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
 
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
INdT
 
Html, css, js, ajax
Html, css, js, ajaxHtml, css, js, ajax
Html, css, js, ajax
Wisley Pereira da Silva
 
Introdução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, AjaxIntrodução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, Ajax
Gabriel Kamimura Yano
 
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
 
Programação Android Phonegap 1
Programação Android Phonegap 1Programação Android Phonegap 1
Programação Android Phonegap 1
Adilmar Dantas
 
10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App
Tatiane Aguirres Nogueira
 
Acessibilidade na Prática
Acessibilidade na PráticaAcessibilidade na Prática
Acessibilidade na Prática
Tiago Rafael Leite Neves
 
Do impresso para o tablet
Do impresso para o tabletDo impresso para o tablet
Do impresso para o tablet
dualpixel
 
Palestra / SDD / Crossbrowsing
Palestra / SDD / CrossbrowsingPalestra / SDD / Crossbrowsing
Palestra / SDD / Crossbrowsing
hugodiasneto
 
Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012
Reinaldo Ferraz
 
Infograficos e SEO
Infograficos e SEOInfograficos e SEO
Infograficos e SEO
Fabio Ricotta
 

Semelhante a Acessibilidade na web (20)

Aula 07 acessibilidade
Aula 07  acessibilidadeAula 07  acessibilidade
Aula 07 acessibilidade
 
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5Padrões para Criação e Interpretação de Conteúdos Web com HTML5
Padrões para Criação e Interpretação de Conteúdos Web com HTML5
 
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
 
Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_Desenvolvendo aplicacoes mobile_com_html_css_
Desenvolvendo aplicacoes mobile_com_html_css_
 
Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015Acessibilidade na web - Computer on the Beach 2015
Acessibilidade na web - Computer on the Beach 2015
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
 
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
 
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
 
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
 
Html, css, js, ajax
Html, css, js, ajaxHtml, css, js, ajax
Html, css, js, ajax
 
Introdução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, AjaxIntrodução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, Ajax
 
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!
 
Programação Android Phonegap 1
Programação Android Phonegap 1Programação Android Phonegap 1
Programação Android Phonegap 1
 
10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App
 
Acessibilidade na Prática
Acessibilidade na PráticaAcessibilidade na Prática
Acessibilidade na Prática
 
Do impresso para o tablet
Do impresso para o tabletDo impresso para o tablet
Do impresso para o tablet
 
Palestra / SDD / Crossbrowsing
Palestra / SDD / CrossbrowsingPalestra / SDD / Crossbrowsing
Palestra / SDD / Crossbrowsing
 
Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012Acessibilidade na Web - Front In Poa - 2012
Acessibilidade na Web - Front In Poa - 2012
 
Infograficos e SEO
Infograficos e SEOInfograficos e SEO
Infograficos e SEO
 

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
 
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
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
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
 
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
 
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
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
Reinaldo Ferraz
 
Dados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web AbertaDados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web Aberta
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
 
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
 
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
 
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?
 
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
 
Web das Coisas CPBR8
Web das Coisas CPBR8Web das Coisas CPBR8
Web das Coisas CPBR8
 
Dados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web AbertaDados Abertos e os Benefícios do Uso da Web Aberta
Dados Abertos e os Benefícios do Uso da Web Aberta
 

Acessibilidade na web