SlideShare uma empresa Scribd logo
Fazendo a Web falar:
HTML5, WAI-ARIA e NVDA
Em breve
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Público
premio.w3c.br
25 e 26 de Setembro em São Paulo!
Acessibilidade na Web: A quem se destina?
Cegos - daltônicos - baixa visão
Deficiência auditiva
Deficiência motora
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
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Acessibilidade na web
Beneficia pessoas com deficiência
Acessibilidade na web: A quem se destina?
Acessibilidade é para todos !
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
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
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
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.
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
• 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
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
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
Exemplos
Situação 2:
Uma página cheia de
destaques
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
<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
<input type=“email”>
<input type=“url”>
<input type=“tel”>
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Exemplos
Situação 3:
Menu e Submenus
CSS:
a:hover
a:focus
JavaScript:
onmouseover="#"
onfocus="#"
onmouseout="#"
onblur="#"
Exemplos
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>
CAPTCHA
Exemplos
Slider
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Exemplos
Não dá para usar o
input type=“range”?
SIM!
html5accessibility.com
html5accessibility.com
Exemplos
Situação 5:
Utilização de cores
Fazendo a Web falar: HTML5, WAI-ARIA e NVDA
Exemplos
Situação 4:
Múltiplos idiomas
Exemplos
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>
Tablist
<ul role="tablist">
<li
role="tab“
id="tab1"
aria-controls="panel1"
aria-selected="false">
Valores</li>
</ul>
<div
id="panel1"
aria-labelledby="tab1"
role="tabpanel"
aria-hidden="true">
Exemplos
Live Regions
Exemplos
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
reinaldo@nic.br
“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

Competência metodo quantum
Competência metodo quantumCompetência metodo quantum
Competência metodo quantum
Sebastião Miranda
 
Aula 4 Noções de Ética Profissional
Aula 4 Noções de Ética ProfissionalAula 4 Noções de Ética Profissional
Aula 4 Noções de Ética Profissional
RASC EAD
 
A empresa
A empresa A empresa
Barreiras á comunicação
Barreiras á comunicaçãoBarreiras á comunicação
Barreiras á comunicação
Joana Lima
 
Gerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de Projetos
Gerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de ProjetosGerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de Projetos
Gerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de Projetos
CEULJI/ULBRA Centro Universitário Luterano de Ji-Paraná
 
Analise swot
Analise swotAnalise swot
Comercio eletronico
Comercio eletronicoComercio eletronico
Comercio eletronico
guest80fa36
 
Gestão de Projetos - Prof. João Frederico Gonzales
Gestão de Projetos - Prof. João Frederico GonzalesGestão de Projetos - Prof. João Frederico Gonzales
Gestão de Projetos - Prof. João Frederico Gonzales
Marcus Vinícius Godinho, MBA BPM
 
Plano de Acao 5w2h-apresentação
Plano de Acao 5w2h-apresentaçãoPlano de Acao 5w2h-apresentação
Plano de Acao 5w2h-apresentação
Luciene Secco
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
Robson Santos
 
Conhecimento do mundo físico e natural
Conhecimento do mundo físico e naturalConhecimento do mundo físico e natural
Conhecimento do mundo físico e natural
educacaomesquita
 
Escopo custo e tempo gerando a qualidade do projeto
Escopo custo e tempo gerando a qualidade do projetoEscopo custo e tempo gerando a qualidade do projeto
Escopo custo e tempo gerando a qualidade do projeto
Silas Serpa
 
Javascript Orientado a Objeto
Javascript Orientado a ObjetoJavascript Orientado a Objeto
Javascript Orientado a Objeto
Fábio Elísio
 
Apresentação do projeto: Estruturação do Setor de Gente & Gestão
Apresentação do projeto: Estruturação do Setor de Gente & GestãoApresentação do projeto: Estruturação do Setor de Gente & Gestão
Apresentação do projeto: Estruturação do Setor de Gente & Gestão
Paulo Carvalho
 
Missão, Visão e Valores da Disney [Infográfico]
Missão, Visão e Valores da Disney [Infográfico]Missão, Visão e Valores da Disney [Infográfico]
Missão, Visão e Valores da Disney [Infográfico]
Cleber Paiva
 
Introdução ao Python
Introdução ao PythonIntrodução ao Python
Introdução ao Python
Marcio Palheta
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
Bruno Grange
 
4 o processo de planejamento financeiro e orçamento (1)
4 o processo de planejamento financeiro e orçamento (1)4 o processo de planejamento financeiro e orçamento (1)
4 o processo de planejamento financeiro e orçamento (1)
Cristina Maria
 
AULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.ppt
AULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.pptAULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.ppt
AULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.ppt
PatrickAnjos1
 
Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...
Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...
Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...
Diogo Costa
 

Mais procurados (20)

Competência metodo quantum
Competência metodo quantumCompetência metodo quantum
Competência metodo quantum
 
Aula 4 Noções de Ética Profissional
Aula 4 Noções de Ética ProfissionalAula 4 Noções de Ética Profissional
Aula 4 Noções de Ética Profissional
 
A empresa
A empresa A empresa
A empresa
 
Barreiras á comunicação
Barreiras á comunicaçãoBarreiras á comunicação
Barreiras á comunicação
 
Gerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de Projetos
Gerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de ProjetosGerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de Projetos
Gerenciamento de Projetos - Aula01 - Uma Introdução ao Gerenciamento de Projetos
 
Analise swot
Analise swotAnalise swot
Analise swot
 
Comercio eletronico
Comercio eletronicoComercio eletronico
Comercio eletronico
 
Gestão de Projetos - Prof. João Frederico Gonzales
Gestão de Projetos - Prof. João Frederico GonzalesGestão de Projetos - Prof. João Frederico Gonzales
Gestão de Projetos - Prof. João Frederico Gonzales
 
Plano de Acao 5w2h-apresentação
Plano de Acao 5w2h-apresentaçãoPlano de Acao 5w2h-apresentação
Plano de Acao 5w2h-apresentação
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Conhecimento do mundo físico e natural
Conhecimento do mundo físico e naturalConhecimento do mundo físico e natural
Conhecimento do mundo físico e natural
 
Escopo custo e tempo gerando a qualidade do projeto
Escopo custo e tempo gerando a qualidade do projetoEscopo custo e tempo gerando a qualidade do projeto
Escopo custo e tempo gerando a qualidade do projeto
 
Javascript Orientado a Objeto
Javascript Orientado a ObjetoJavascript Orientado a Objeto
Javascript Orientado a Objeto
 
Apresentação do projeto: Estruturação do Setor de Gente & Gestão
Apresentação do projeto: Estruturação do Setor de Gente & GestãoApresentação do projeto: Estruturação do Setor de Gente & Gestão
Apresentação do projeto: Estruturação do Setor de Gente & Gestão
 
Missão, Visão e Valores da Disney [Infográfico]
Missão, Visão e Valores da Disney [Infográfico]Missão, Visão e Valores da Disney [Infográfico]
Missão, Visão e Valores da Disney [Infográfico]
 
Introdução ao Python
Introdução ao PythonIntrodução ao Python
Introdução ao Python
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
4 o processo de planejamento financeiro e orçamento (1)
4 o processo de planejamento financeiro e orçamento (1)4 o processo de planejamento financeiro e orçamento (1)
4 o processo de planejamento financeiro e orçamento (1)
 
AULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.ppt
AULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.pptAULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.ppt
AULA 05 - MATRIZ BCG E CICLO VIDA PRODUTO.ppt
 
Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...
Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...
Palestra: Etiqueta Pessoal e Profissional - Semana Acadêmica de Administração...
 

Destaque

[Q con] apache camel e eip na vida real
[Q con] apache camel e eip na vida real[Q con] apache camel e eip na vida real
[Q con] apache camel e eip na vida real
Rodrigo Stefani Domingues
 
QConSP 2014 - Continuous Delivery - Part 06 - Conclusão
QConSP 2014 - Continuous Delivery - Part 06 - ConclusãoQConSP 2014 - Continuous Delivery - Part 06 - Conclusão
QConSP 2014 - Continuous Delivery - Part 06 - Conclusão
Rodrigo Russo
 
QConSP 2014 - Continuous Delivery - Part 05 - Testes
QConSP 2014 - Continuous Delivery - Part 05 - TestesQConSP 2014 - Continuous Delivery - Part 05 - Testes
QConSP 2014 - Continuous Delivery - Part 05 - Testes
Rodrigo Russo
 
QConSP 2014 - Continuous Delivery - Part 05b - Deployment
QConSP 2014 - Continuous Delivery - Part 05b - DeploymentQConSP 2014 - Continuous Delivery - Part 05b - Deployment
QConSP 2014 - Continuous Delivery - Part 05b - Deployment
Rodrigo Russo
 
Colaboração como caminho para times extraordinários
Colaboração como caminho para times extraordináriosColaboração como caminho para times extraordinários
Colaboração como caminho para times extraordinários
Leandro Guimarães
 
QConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços Móveis
QConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços MóveisQConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços Móveis
QConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços Móveis
DataStax Academy
 

Destaque (6)

[Q con] apache camel e eip na vida real
[Q con] apache camel e eip na vida real[Q con] apache camel e eip na vida real
[Q con] apache camel e eip na vida real
 
QConSP 2014 - Continuous Delivery - Part 06 - Conclusão
QConSP 2014 - Continuous Delivery - Part 06 - ConclusãoQConSP 2014 - Continuous Delivery - Part 06 - Conclusão
QConSP 2014 - Continuous Delivery - Part 06 - Conclusão
 
QConSP 2014 - Continuous Delivery - Part 05 - Testes
QConSP 2014 - Continuous Delivery - Part 05 - TestesQConSP 2014 - Continuous Delivery - Part 05 - Testes
QConSP 2014 - Continuous Delivery - Part 05 - Testes
 
QConSP 2014 - Continuous Delivery - Part 05b - Deployment
QConSP 2014 - Continuous Delivery - Part 05b - DeploymentQConSP 2014 - Continuous Delivery - Part 05b - Deployment
QConSP 2014 - Continuous Delivery - Part 05b - Deployment
 
Colaboração como caminho para times extraordinários
Colaboração como caminho para times extraordináriosColaboração como caminho para times extraordinários
Colaboração como caminho para times extraordinários
 
QConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços Móveis
QConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços MóveisQConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços Móveis
QConSP 2014 - Cassandra no Desenvolvimento de Aplicações para serviços Móveis
 

Semelhante a Fazendo a Web falar: HTML5, WAI-ARIA e NVDA

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
 
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 - 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
 
Acessibilidade na Web - GoogleI/O SP
Acessibilidade na Web - GoogleI/O SPAcessibilidade na Web - GoogleI/O SP
Acessibilidade na Web - GoogleI/O SP
Reinaldo Ferraz
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019
Maurício Pereiro
 
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
 
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... e eu com isso?
Acessibilidade... e eu com isso?Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?
Vinicius Cavalcante Donato
 
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
Reinaldo Ferraz
 
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasAcessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Centro Web
 
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
 
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
 
Acessibilidade para Web
Acessibilidade para WebAcessibilidade para Web
Acessibilidade para Web
João Conserva
 
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
 
Acessibilidade na Web - iseminar 2011
Acessibilidade na Web -  iseminar 2011Acessibilidade na Web -  iseminar 2011
Acessibilidade na Web - iseminar 2011
Reinaldo Ferraz
 
Aula - Acessibilidade na Web
Aula - Acessibilidade na WebAula - Acessibilidade na Web
Aula - Acessibilidade na Web
Humberto Lidio Antonelli
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC Dev
Lucas J Silva
 
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
 
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTLições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
André Luís
 

Semelhante a Fazendo a Web falar: HTML5, WAI-ARIA e NVDA (20)

Acessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi MasterAcessibilidade na Web modo Jedi Master
Acessibilidade na Web modo Jedi Master
 
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 - 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
 
Acessibilidade na Web - GoogleI/O SP
Acessibilidade na Web - GoogleI/O SPAcessibilidade na Web - GoogleI/O SP
Acessibilidade na Web - GoogleI/O SP
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019
 
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
 
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 eu com isso?
Acessibilidade... e eu com isso?Acessibilidade... e eu com isso?
Acessibilidade... e eu com isso?
 
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
HTML5, WAI-ARIA e Acessibilidade na Web - Digital acesso 2011
 
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo para pessoas e não só para máquinasAcessibilidade na Web - Desenvolvendo para pessoas e não só para máquinas
Acessibilidade na Web - Desenvolvendo 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
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
 
Acessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design DigitalAcessibilidade e Usabilidade em Design Digital
Acessibilidade e Usabilidade em Design Digital
 
Acessibilidade para Web
Acessibilidade para WebAcessibilidade para Web
Acessibilidade para Web
 
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
 
Acessibilidade na Web - iseminar 2011
Acessibilidade na Web -  iseminar 2011Acessibilidade na Web -  iseminar 2011
Acessibilidade na Web - iseminar 2011
 
Aula - Acessibilidade na Web
Aula - Acessibilidade na WebAula - Acessibilidade na Web
Aula - Acessibilidade na Web
 
Acessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC DevAcessibilidade em CSS - ABC Dev
Acessibilidade em CSS - ABC Dev
 
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
 
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PTLições Práticas de Semântica com HTML5 — 2º evento HTML5PT
Lições Práticas de Semântica com HTML5 — 2º evento HTML5PT
 

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
 
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
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
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
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
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
 

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
 
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
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
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
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
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?
 

Fazendo a Web falar: HTML5, WAI-ARIA e NVDA