alt e lang: dois atributos da pesada
TRANSCRIPT
![Page 1: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/1.jpg)
Alt e Lang Dois atributos da pesada
Alt e Lang Dois atributos da pesada
Reinaldo Ferraz
L Classificação indicativa Livre para todos os públicos desenvolvedores Web
![Page 2: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/2.jpg)
@reinaldoferraz
slideshare.com/reinaldoferraz
![Page 3: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/3.jpg)
![Page 4: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/4.jpg)
![Page 5: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/5.jpg)
<img src=“#” alt=“Foto do Reinaldo Ferraz”>
<html lang=“pt-BR”>
![Page 7: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/7.jpg)
alt
![Page 8: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/8.jpg)
alt
https://www.w3.org/TR/html5/embedded-content-0.html#alt
O atributo “alt” em imagens é um atributo muito importante para acessibilidade. Criação de conteúdo útil para o atributo “alt” requer considerar cuidadosamente o contexto em que a imagem é exibida e a função que a imagem pode ter nesse contexto.
![Page 9: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/9.jpg)
http://1997.webhistory.org/www.lists/www-talk.1993q1/0182.html
![Page 10: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/10.jpg)
http://1997.webhistory.org/www.lists/www-html.1995q2/0128.html
![Page 11: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/11.jpg)
acessibilidade
![Page 12: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/12.jpg)
<img src="foto.jpg" alt=“Foto das teclas W, 3 e C fora do teclado" />
<img src=“foto.jph” alt="Foto das teclas W, 3 e C fora do teclado" />
![Page 13: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/13.jpg)
<img data-aria-label-part src=”https://pbs.twimg.com/media/CewYhp4W4AAoLbv.jpg” alt=”Foto de um bonsai sobre uma superfície de madeira” style=”width: 100%; top: -0px;”>
![Page 14: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/14.jpg)
acessibilidade
![Page 15: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/15.jpg)
http://ceweb.br/publicacao/explorando-atributos-web-relacionados-a-acessibilidade-
em-imagens-e-seu-impacto-sobre-a-indexacao-por-ferramentas-de-busca/
![Page 16: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/16.jpg)
<img src="http://www.reinaldoferraz.com.br/wp-content/uploads/2014/02/tr47ujhtt767.png" alt="Foto de um pão francês em um prato branco" title="A foto do pão é a primeira a utilizar o atributo title nesse post“> <img src="http://www.reinaldoferraz.com.br/wp-content/uploads/2014/02/aswe98jdk93.png" alt="Foto de uma ampulheta" title="A foto da ampulheta é de autoria de Reinaldo Ferraz"> <img src="http://www.reinaldoferraz.com.br/wp-content/uploads/2014/02/yjjl9675yp.png" alt="Foto de uma placa com o mapa do zoológico de São Paulo" title="Crédito desta foto: Reinaldo Ferraz">
![Page 17: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/17.jpg)
Pesquisa em Março de 2014
![Page 18: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/18.jpg)
![Page 19: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/19.jpg)
Google Yahoo Bing Duck Duck
Go
ALT Sim Não Não Não
TITLE Não Não Não Não
![Page 20: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/20.jpg)
https://www.site-analyzer.com/
https://www.woorank.com/pt
http://www.seoworkers.com/
Pesquisa em Março de 2014
![Page 21: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/21.jpg)
![Page 22: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/22.jpg)
![Page 23: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/23.jpg)
![Page 24: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/24.jpg)
![Page 25: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/25.jpg)
![Page 26: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/26.jpg)
![Page 27: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/27.jpg)
Site
Analyzer Woorank
SEO
Workers
ALT Sim Sim Sim
TITLE Não Não Não
![Page 28: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/28.jpg)
<p>A imagem abaixo é a foto de um rádio relógio cinza.</p>
<p>A imagem acima é uma foto de um despertador digital.</p>
<img src="http://www.reinaldoferraz.com.br/wp-content/uploads/2014/02/2016-02-19-17.51.23.jpg" alt="" >
![Page 29: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/29.jpg)
![Page 30: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/30.jpg)
![Page 31: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/31.jpg)
![Page 32: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/32.jpg)
lang
![Page 33: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/33.jpg)
lang
https://www.w3.org/TR/html5/dom.html#attr-lang
O atributo lang especifica o idioma primário para o conteúdo do elemento e para qualquer um dos atributos do elemento que contêm texto.
![Page 34: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/34.jpg)
Atributo Global
accesskey class contenteditable dir hidden id lang spellcheck style tabindex title translate
![Page 35: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/35.jpg)
<html lang=”pt-BR”>
.....
<p>O texto da página está em português
<span lang=”en”>and in
english</span>. </p>
![Page 36: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/36.jpg)
http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
![Page 37: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/37.jpg)
![Page 38: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/38.jpg)
![Page 39: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/39.jpg)
acessibilidade
![Page 40: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/40.jpg)
styling
![Page 41: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/41.jpg)
body { font-family: "Times New Roman", Times, serif; } :lang(ar) { font-family: "Traditional Arabic", "Al Bayan", serif; }
![Page 42: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/42.jpg)
http://conferenciaweb.w3c.br/2014/palestrantes/eduardo-shiota/
![Page 43: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/43.jpg)
font selection font selection
![Page 44: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/44.jpg)
![Page 45: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/45.jpg)
Ortografia
![Page 46: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/46.jpg)
p { hyphens: auto;} <p>Este é um texto sobre ontologia</p> <p lang="pt-br"> Este é um texto sobre ontologia</p>
![Page 47: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/47.jpg)
Resumindo:
![Page 48: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/48.jpg)
Utilize os atributos ALT e LANG
em seu projeto
![Page 49: Alt e Lang: Dois atributos da pesada](https://reader033.vdocuments.mx/reader033/viewer/2022051503/58729f731a28ab07208b56bd/html5/thumbnails/49.jpg)
http://conferenciaweb.w3c.br
Cupom de desconto
frontinsampa