padrões web e wcag 2.0 acessibilidade digital - um direito ...€¦ · acessibilidade na web...
TRANSCRIPT
![Page 1: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/1.jpg)
Acessibilidade na web Padrões web e WCAG 2.0
Acessibilidade Digital - Um Direito de Todos
21 de setembro de 2011
Reinaldo Ferraz – W3C.br
![Page 2: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/2.jpg)
Um pouco do W3C
É um consórcio internacional,
criado em 1994 por Tim Berners-
Lee com
• organizações filiadas,
• uma equipe em tempo integral,
• participação do público
para colaborativamente
desenvolver padrões universais
para a Web.
![Page 3: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/3.jpg)
O W3C no Brasil
O escritório brasileiro começou suas atividades
em outubro de 2007.
É uma iniciativa do CGI.br, que é o responsável
por coordenar e integrar as iniciativas de
serviços da Internet no País e do NIC.br, criado
para implementar as decisões e os projetos do
Comitê Gestor da Internet no Brasil.
![Page 4: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/4.jpg)
Acessibilidade, para quem?
![Page 5: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/5.jpg)
Já testou o seu site?
Acessível via teclado
Foto: Flickr.com - Baddog_
![Page 6: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/6.jpg)
Já testou o seu site?
![Page 7: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/7.jpg)
Já testou o seu site?
João é
tetraplégico
![Page 8: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/8.jpg)
Já testou o seu site?
Vídeos com legendas
![Page 9: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/9.jpg)
Já testou o seu site?
Michele é
surda
![Page 10: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/10.jpg)
Já testou o seu site?
Sem CSS
e imagens
Foto: Flickr.com - Baddog_
![Page 11: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/11.jpg)
Ou mesmo sem monitor
![Page 12: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/12.jpg)
Já testou o seu site?
Márcia é cega.
![Page 13: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/13.jpg)
Acessibilidade na web
Beneficia pessoas com deficiência
![Page 14: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/14.jpg)
Acessibilidade na web: A quem se destina?
Acessibilidade é para todos !
![Page 15: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/15.jpg)
Acessibilidade na web: A quem se destina?
Usuários de Dispositivos Móveis
Foto: everystockphoto.com -bartimaeus-
![Page 16: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/16.jpg)
Acessibilidade na web: A quem se destina?
Deficiência temporária
Foto: Flickr.com - Tuftronic10000
![Page 17: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/17.jpg)
Acessibilidade na web: A quem se destina?
Medo de usar o
computador
Foto: everystockphoto.com - Violator3
![Page 18: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/18.jpg)
Estatísticas
55% Falta de habilidade com o
computador/internet Fonte: Pesquisa TIC Domicílios 2010 – CGI.br
Pessoas que nunca acessaram a internet, mas usaram um computador.
Motivos pelos quais nunca utilizou a internet
Fonte: http://www.cetic.br/
![Page 19: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/19.jpg)
Acessibilidade na web: A quem se destina?
Início de aprendizado
Nosso primeiro contato
![Page 20: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/20.jpg)
Acessibilidade na web: A quem se destina?
Idade Avançada
Nós, daqui
alguns
anos Foto: Flickr.com - Jacob Bøtter
![Page 21: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/21.jpg)
Estatísticas
Foto: Flickr.com - Jacob Bøtter
Número de pessoas com
60 anos ou mais
no mundo:
1950 – 205 milhões
2000 – 606 milhões
Estimativa para 2050
Quase 2 bilhões de pessoas
com mais de 60 anos.
(+ de 20% da população)
Fonte: http://www.un.org/esa/population/publications/worldageing19502050/
![Page 22: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/22.jpg)
Aplicando acessibilidade
O caminho para a
acessibilidade na web
Foto: everystockphoto.com - Colin Gregory Palmer
![Page 23: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/23.jpg)
Aplicando acessibilidade
Web Content Accessibility
Guidelines (WCAG)
Versão 1.0 – 5 de maio de 1999
www.w3.org/TR/WCAG10/
Versão 2.0 – 11 de dezembro de 2008
www.w3.org/TR/WCAG/
![Page 24: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/24.jpg)
WCAG 2.0 4 Princípios
Recomendações
(12 no total)
Critérios de
sucesso
Técnicas
suficientes e
aconselhadas
Como Cumprir os critérios de sucesso
Entendendo os critérios de sucesso
Entendendo as Recomendações
WCAG 2.0
![Page 25: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/25.jpg)
Princípio 1: Perceptível
Isto significa que os usuários devem ser capazes de perceber a
informação que está sendo apresentada, não podendo ser invisível para todos os seus sentidos.
![Page 26: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/26.jpg)
Perceptível
• Forneça alternativas de texto para o conteúdo não textual.
![Page 27: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/27.jpg)
Considerando perspectivas
<img />
![Page 28: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/28.jpg)
Considerando perspectivas
<img />
<img alt="Foto das teclas W, 3 e C
fora do teclado" />
![Page 29: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/29.jpg)
Considerando perspectivas
<img />
<img alt="Foto das teclas W, 3 e C
fora do teclado" />
<img src="foto.jpg" alt=“Foto das
teclas W, 3 e C fora do teclado" />
![Page 30: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/30.jpg)
Se o elemento não
textual necessitar de
entrada de dados do
usuário
Princípio 1: Perceptível
![Page 31: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/31.jpg)
Exemplos
Em um campo de entrada de texto:
<label for="firstname">First name:</label>
<input type="text" name="firstname" id="firstname">
Em um campo checkbox:
<input type="checkbox" id="markuplang" name="computerskills“>
<label for="markuplang">HTML</label>
Obs: Elemento Label deve estar posicionado depois dos elementos “input” de
type="checkbox" e type="radio"
Princípio 1: Perceptível
![Page 32: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/32.jpg)
Utilizar o elemento o atributo “title” para identificar
controles de formulários quando o elemento “label” não
puder ser utilizado
Exemplo: Campos de texto para números de telefone
<fieldset>
<legend>Phone number</legend>
<input id="areaCode" title="Area Code" type="text" size="3" value="" >
<input id="exchange“ title="First three digits of phone number" type="text“ value="" >
<input id="lastDigits“ title="Last four digits of phone number" type="text“ value="" >
</fieldset>
Princípio 1: Perceptível
![Page 33: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/33.jpg)
Técnicas suficientes
Se conteúdo não
textual é um
CAPTCHA:
Princípio 1: Perceptível
![Page 34: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/34.jpg)
Identificar o elemento não textual como um teste CAPTCHA
Exemplo: O texto alternativo do CAPTCHA diz:
“Digite as palavras da imagem”
Fornecer texto alternativo que descreva o objetivo do CAPTCHA
Princípio 1: Perceptível
![Page 35: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/35.jpg)
E…
Princípio 1: Perceptível
![Page 36: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/36.jpg)
Certificar-se que a página web contenha outro CAPTCHA servindo o mesmo propósito, usando uma modalidade
diferente.
O objetivo desta técnica reduzir as situações em que um
usuário com deficiência não consiga completar um
CAPTCHA. Com mais de uma modalidade de CAPTCHA, é
mais provável que o usuário seja capaz de completar uma
das tarefas com sucesso.
Princípio 1: Perceptível
![Page 37: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/37.jpg)
Exemplos
Ou
Que dia vem depois de sexta-feira?
Digite o código
Princípio 1: Perceptível
![Page 38: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/38.jpg)
Técnicas suficientes
Se o elemento não
textual deve ser ignorado
pelas tecnologias
assistivas?
Princípio 1: Perceptível
![Page 39: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/39.jpg)
Utilize CSS para incluir imagens decorativas
O objetivo desta técnica é fornecer um mecanismo que
adicione imagens meramente decorativas sem adicioná-la
dentro do conteúdo.
<style type="text/css">
body {
background: url('/images/home-bg.jpg');
}
</style>
Princípio 1: Perceptível
![Page 40: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/40.jpg)
<font face=“Arial, Verdana, Helvetica, sans-serif” size=“2”
color=“black”>Seu texto</font>
body {
color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
}
Seu texto
40
Pontos importantes do WCAG 1.0
Utilização de Folhas de Estilo (CSS)
Princípio 1: Perceptível
![Page 41: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/41.jpg)
41
Pontos importantes do WCAG 1.0
Utilização de Folhas de Estilo (CSS)
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
CSS
Princípio 1: Perceptível
![Page 42: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/42.jpg)
42
Pontos importantes do WCAG 1.0
Utilização de Folhas de Estilo (CSS)
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
<font></font><
font></font>
<font></font>
<font></font>
<font></font>
CSS
Princípio 1: Perceptível
![Page 43: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/43.jpg)
Perceptível
• Forneça alternativas de texto para o conteúdo não textual.
• Forneça legendas e alternativas para conteúdo de áudio e vídeo.
![Page 44: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/44.jpg)
Proporcionar legendas (open ou closed caption)
Princípio 1: Perceptível
![Page 45: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/45.jpg)
Proporcionar uma alternativa para a mídia baseada
em tempo
Veja a versão em texto do treinamento
Transcrição do vídeo em texto
Princípio 1: Perceptível
![Page 46: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/46.jpg)
Perceptível
• Forneça alternativas de texto para o conteúdo não textual.
• Forneça legendas e alternativas para conteúdo de áudio e vídeo.
• Faça o conteúdo adaptável e disponível para tecnologias assistivas.
![Page 47: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/47.jpg)
Princípio 1: Perceptível
![Page 48: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/48.jpg)
<table cellspacing="0" cellpadding="0" summary="As duas
primeiras colunas da tabela são as variáveis de
cruzamento (por exemplo, Regiões do país) e as
subdivisões de cada bloco (por exemplo, sudeste,
sul, etc.). As demais colunas são os números
percentuais de cada indicador. Informações
adicionais para melhor leitura dos dados estão no
rodapé de cada tabela.">
Princípio 1: Perceptível
![Page 49: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/49.jpg)
<table cellspacing="0" cellpadding="0" summary="As duas
primeiras colunas da tabela são as variáveis de
cruzamento (por exemplo, Regiões do país) e as
subdivisões de cada bloco (por exemplo, sudeste, sul,
etc.). As demais colunas são os números percentuais de
cada indicador. Informações adicionais para melhor
leitura dos dados estão no rodapé de cada tabela.">
<caption>A1 - PROPORÇÃO DE DOMICÍLIOS COM
COMPUTADOR</caption>
…
</table>
Princípio 1: Perceptível
![Page 50: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/50.jpg)
50
Princípio 1: Perceptível - A informação e os componentes da
interface do usuário têm de ser apresentados aos usuários em
formas que eles possam perceber.
<table border="1">
<caption>Contact Information</caption>
<tr>
<td></td>
<td scope="col">Name</td>
<td scope="col">Phone#</td>
<td scope="col">City</td>
</tr><tr>
<td>1.</td>
<td scope="row">Joel Garner</td>
<td>412-212-5421</td>
<td>Pittsburgh</td>
</tr><tr>
<td>2.</td>
<td scope="row">Clive Lloyd</td>
<td>410-306-5400</td>
<td>Baltimore</td>
</tr>
</table>
Princípio 1: Perceptível
![Page 51: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/51.jpg)
Princípio 1: Perceptível - A informação e os componentes da
interface do usuário têm de ser apresentados aos usuários em
formas que eles possam perceber.
<table>
<tr>
<th rowspan="2" id="h">Homework</th>
<th colspan="3" id="e">Exams</th>
<th colspan="3" id="p">Projects</th>
</tr>
<tr>
<th id="e1" headers="e">1</th>
<th id="e2" headers="e">2</th>
<th id="ef" headers="e">Final</th>
<th id="p1" headers="p">1</th>
<th id="p2" headers="p">2</th>
<th id="pf" headers="p">Final</th>
</tr>
<tr>
<td headers="h">15%</td>
<td headers="e e1">15%</td>
<td headers="e e2">15%</td>
<td headers="e ef">20%</td>
<td headers="p p1">10%</td>
<td headers="p p2">10%</td>
<td headers="p pf">15%</td>
</tr>
</table>
Princípio 1: Perceptível
![Page 52: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/52.jpg)
Perceptível
• Forneça alternativas de texto para o conteúdo não textual.
• Forneça legendas e alternativas para conteúdo de áudio e vídeo.
• Faça o conteúdo adaptável e disponível para tecnologias assistivas.
• Usar contraste suficiente para tornar as coisas fáceis de ver e ouvir.
![Page 53: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/53.jpg)
Daltonismo
Visão normal
![Page 54: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/54.jpg)
Daltonismo
Protanopia (Deficiências em vermelho)
![Page 55: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/55.jpg)
Daltonismo
Deuteranopia (Deficiências em verde)
![Page 56: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/56.jpg)
Daltonismo
Tritanopia (Deficiências em azul)
![Page 57: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/57.jpg)
Daltonismo
Acromatopsia (Deficiências todas as cores)
![Page 58: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/58.jpg)
Daltonismo
![Page 59: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/59.jpg)
Baixa visão
![Page 60: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/60.jpg)
Princípio 2: Operável
Isto significa que os usuários devem ser capazes de operar a interface; a interface de interação não pode exigir interação que o usuário não possa executar.
![Page 61: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/61.jpg)
Operável
• Faça todas as funcionalidades acessíveis via teclado.
![Page 62: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/62.jpg)
<a href="menu.php"
onmouseover="swapImageOn('menu')"
onfocus="swapImageOn('menu')"
onmouseout="swapImageOff('menu')"
onblur="swapImageOff('menu')">
<img id="menu" src="menu_off.gif" alt="Menu" />
</a>
Princípio 2: Operável
Utilizar o teclado e outras funções específicas do dispositivo
![Page 63: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/63.jpg)
Operável
• Faça todas as funcionalidades acessíveis via teclado.
• Não utilize conteúdo que cause convulsões.
![Page 64: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/64.jpg)
![Page 65: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/65.jpg)
Operável
• Faça todas as funcionalidades acessíveis via teclado.
• Não utilize conteúdo que cause convulsões.
• Ajude os usuários a navegar e encontrar conteúdo.
![Page 66: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/66.jpg)
Princípio 2: Operável
Um link “Pular para o conteúdo principal”
![Page 67: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/67.jpg)
Fornecer elementos de cabeçalho no início de cada seção de conteúdo
Princípio 2: Operável
<H1>Título Principal</H1>
<H2>Subtítulo</H2>
<H3>Sub-Subtítulo</H3>
<H2>Subtítulo</H2>
<H3>Sub-Subtítulo</H3>
<H4>....</H4>
![Page 68: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/68.jpg)
Princípio 3: Compreensível
Isto significa que os usuários devem ser capazes de compreender as
informações, bem como o funcionamento da interface do usuário; o conteúdo ou operação não pode ir além de sua compreensão.
![Page 69: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/69.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<title>document écrit en français</title>
<meta http-equiv="content-type" content="text/html;
charset=utf-8" />
</head>
<body>
...document écrit en français
</body>
</html>
Definir o idioma da página Usando atributos de idioma no elemento HTML
Princípio 3: Compreensível
![Page 70: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/70.jpg)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<title>document écrit en français</title>
<meta http-equiv="content-type" content="text/html;
charset=utf-8" />
</head>
<body>
...document écrit en français <span lang=“en”>and
english</span>...
</body>
</html>
Definir o idioma da página Usando atributos de idioma no elemento HTML
Princípio 3: Compreensível
![Page 71: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/71.jpg)
Princípio 3: Compreensível
• Ajude os usuários a evitar e corrigir erros.
![Page 72: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/72.jpg)
Princípio 4: Robusto
Isto significa que os usuários devem ser capazes de acessar o
conteúdo conforme as tecnologias evoluem; como a tecnologia e os agentes de usuário evoluem, o conteúdo deve permanecer acessível.
![Page 73: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/73.jpg)
Robusto
• Maximize a compatibilidade com as tecnologias atuais e futuras.
![Page 74: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/74.jpg)
http://validator.w3.org/
Validar as páginas Web
O objetivo desta técnica é
evitar ambigüidades em
páginas da Web que
muitas vezes resultam em
código que não valida
contra especificações
formais.
Princípio 4: Robusto
![Page 75: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/75.jpg)
http://www.w3.org/TR/
Usando HTML de acordo com a especificação
Princípio 4: Robusto
HTML
<img src=“img.gif” alt=“”>
XHTML
<img src=“img.gif” alt=“” />
![Page 76: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/76.jpg)
Assegurar que abertura e fechamento de tags sejam
utilizadas de acordo com a especificação (HTML)
<div><b>Texto </b>
<p><a href=“link.htm”>Texto </p></a>
Princípio 4: Robusto
![Page 77: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/77.jpg)
- Terceira edição da pesquisa
- Pesquisa online com 1245 usuarios de leitores de tela
- Os dados foram colhidos em dezembro de 2010
- Fonte: WebAIM - http://webaim.org (organização sem fins lucrativos dentro do Centro
para Pessoas com Deficiência na Universidade Estadual de Utah – USA )
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3/
Estatísticas - WebAim
![Page 78: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/78.jpg)
Estatísticas - WebAim
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
Resposta # de Pesquisados % de Pesquisados
Avançado 765 62.5%
Intermediário 437 35.7%
Iniciante 22 1.7%
![Page 79: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/79.jpg)
Estatísticas - WebAim
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
Resposta # de Pesquisados % de Pesquisados
Avançado 644 52.6%
Intermediária 504 41.2%
Iniciante 75 6.1%
![Page 80: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/80.jpg)
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
Browser # de Pesquisados % de Pesquisados
Internet Explorer 8 522 43.1%
Firefox 3+ 285 23.5%
Internet Explorer 7 151 12.5%
Safari 116 9.6%
Internet Explorer 6 63 5.2%
Internet Explorer 9 54 4.5%
Outros 20 1.7%
Estatísticas - WebAim
![Page 81: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/81.jpg)
Fonte: WebAim - http://webaim.org/projects/screenreadersurvey3
Estatísticas - WebAim
Resposta # de Pesquisados % de Pesquisados
Navegue pelas categorias
na página (Cabeçalhos) 693 57.2%
Use o recurso "Localizar" 261 21.5%
Navegação pelos links 155 12.8%
Leitura da página 103 8.5%
![Page 82: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/82.jpg)
Princípios do W3C
Web para todos,
em qualquer
dispositivo, em
qualquer lugar,
segura e
confiável!
Foto: everystockphoto.com - woodleywonderworks
![Page 83: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/83.jpg)
Acessibilidade é isso!
Porque sou
diferente
dos outros?
Foto: everystockphoto.com - txd
![Page 84: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/84.jpg)
Acessibilidade é isso!
Porque
você tem
que ser
igual aos
outros?
Foto: everystockphoto.com - txd
![Page 85: Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito ...€¦ · Acessibilidade na web Padrões web e WCAG 2.0 Acessibilidade Digital - Um Direito de Todos 21 de setembro de](https://reader035.vdocuments.site/reader035/viewer/2022071102/5fdc1bc93ad76c47170e264a/html5/thumbnails/85.jpg)
Obrigado!
Reinaldo Ferraz W3C Escritório Brasil
www.w3c.br Twitter: @w3cbrasil
Twitter: @reinaldoferraz