{"id":125464,"date":"2023-02-07T10:29:00","date_gmt":"2023-02-07T07:29:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=125464"},"modified":"2022-06-20T13:07:03","modified_gmt":"2022-06-20T10:07:03","slug":"o-que-e-texto-alternativo-como-usar-o-elemento-de-pagina-para-imagens","status":"publish","type":"post","link":"https:\/\/android.inform.click\/pt-pt\/o-que-e-texto-alternativo-como-usar-o-elemento-de-pagina-para-imagens\/","title":{"rendered":"O que \u00e9 texto alternativo? Como usar o elemento de p\u00e1gina para imagens"},"content":{"rendered":"<ul>\n<li>O texto alternativo \u00e9 um elemento essencial do design de p\u00e1ginas da web. \u00c9 uma breve descri\u00e7\u00e3o de texto de uma imagem na p\u00e1gina.<\/li>\n<li>O texto alternativo \u00e9 usado por ferramentas de acessibilidade para ler descri\u00e7\u00f5es de imagens em voz alta para visitantes cegos ou com defici\u00eancia visual e mecanismos de pesquisa para melhor classifica\u00e7\u00e3o da p\u00e1gina da web.\u00a0<\/li>\n<li>Voc\u00ea pode ver o texto alternativo em qualquer p\u00e1gina da Web inspecionando o HTML da p\u00e1gina.<\/li>\n<\/ul>\n<p>O texto alternativo \u00e9 um componente no design de p\u00e1ginas da web. Especificamente, \u00e9 uma frase ou senten\u00e7a que descreve uma imagem na p\u00e1gina.\u00a0<\/p>\n<p>No design moderno de p\u00e1ginas da Web, o texto alternativo n\u00e3o \u00e9 exibido para a maioria dos usu\u00e1rios, mas \u00e9 considerado uma parte essencial do bom design da Web, e cada imagem em uma p\u00e1gina deve ter um texto alternativo associado a ela.\u00a0<\/p>\n<h2>O objetivo do texto alternativo<\/h2>\n<p>O texto alternativo serve a dois prop\u00f3sitos principais. Ele \u00e9 usado por ferramentas de acessibilidade de leitura de tela para ler em voz alta descri\u00e7\u00f5es de imagens para usu\u00e1rios cegos, deficientes visuais ou que precisam de ajuda adicional para ver o conte\u00fado da p\u00e1gina. Um bom texto alternativo \u00e9 essencial para que esses usu\u00e1rios tenham uma experi\u00eancia satisfat\u00f3ria na p\u00e1gina da web.<\/p>\n<p>Ele tamb\u00e9m \u00e9 usado pelo Google e outros mecanismos de pesquisa para entender o conte\u00fado da imagem, que pode ser usado para classificar melhor a p\u00e1gina da web nos resultados de pesquisa.\u00a0<\/p>\n<h2>Como adicionar texto alternativo a uma imagem e v\u00ea-lo em HTML<\/h2>\n<p>A adi\u00e7\u00e3o de texto alternativo varia dependendo do design da web ou do sistema de gerenciamento de conte\u00fado usado para criar a p\u00e1gina da web. Em geral, a ferramenta fornecer\u00e1 um campo para inserir o texto alternativo quando uma imagem for carregada na p\u00e1gina da web. Na maioria dos casos, voc\u00ea tamb\u00e9m pode editar a imagem enviada posteriormente para adicionar ou modificar o texto alternativo.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"O que \u00e9 texto alternativo? Como usar o elemento de p\u00e1gina para imagens\" ><\/a><\/p>\n<p>Voc\u00ea pode adicionar texto alternativo a qualquer imagem usando a ferramenta de web design ou gerenciamento de conte\u00fado, como o WordPress.<\/p>\n<p>Esse texto alternativo \u00e9 codificado na p\u00e1gina em HTML. Voc\u00ea pode ver isso em qualquer navegador da Web usando o recurso &#8220;Inspecionar&quot; do seu navegador. Por exemplo, no Chrome, clique com o bot\u00e3o direito do mouse em uma imagem em uma p\u00e1gina da Web e clique em &#8220;Inspecionar&#8221; no menu suspenso. No Firefox, clique com o bot\u00e3o direito do mouse e escolha &#8220;Inspecionar elemento&#8221;. Em ambos os casos, voc\u00ea dever\u00e1 ver uma janela com o HTML da p\u00e1gina. Para a imagem, voc\u00ea deve ver uma tag HTML que diz &#8220;alt=&quot; seguido pela descri\u00e7\u00e3o do texto alternativo.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"O que \u00e9 texto alternativo? Como usar o elemento de p\u00e1gina para imagens\" ><\/a><\/p>\n<p>Voc\u00ea pode usar a ferramenta Inspecionar em um navegador como o Chrome para ver o texto alternativo associado a uma imagem em uma p\u00e1gina da web.<\/p>\n<h2>Pr\u00e1ticas recomendadas de texto alternativo<\/h2>\n<p>Os especialistas em Search Engine Optimization (SEO) t\u00eam muitas orienta\u00e7\u00f5es sobre design de p\u00e1ginas da Web e elementos de p\u00e1ginas da Web, como texto alternativo. Voc\u00ea pode ter aulas inteiras sobre este t\u00f3pico. Mas, em geral, existem algumas recomenda\u00e7\u00f5es b\u00e1sicas que podem ser feitas sobre o texto alternativo. Aqui est\u00e3o algumas orienta\u00e7\u00f5es gerais sobre como formar um bom texto alternativo:<\/p>\n<ul>\n<li>A orienta\u00e7\u00e3o sobre o comprimento muda de tempos em tempos, mas atualmente, voc\u00ea deve manter o texto alternativo com menos de 100 caracteres, incluindo espa\u00e7os.\u00a0<\/li>\n<li>Descreva a imagem de forma clara, precisa e sucinta.\u00a0<\/li>\n<li>N\u00e3o comece o texto alternativo com uma frase como &#8220;Imagem de\u2026&#8221; ou &#8220;Foto de\u2026&#8221; Apenas descreva o que est\u00e1 na imagem.\u00a0<\/li>\n<li>N\u00e3o encha o texto alternativo com palavras-chave relacionadas \u00e0 p\u00e1gina da web, mas seja o mais espec\u00edfico poss\u00edvel. Isso ajuda o visitante cego e com defici\u00eancia visual, bem como o Google.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O texto alternativo \u00e9 uma breve descri\u00e7\u00e3o de texto de uma imagem em uma p\u00e1gina usada por ferramentas de acessibilidade e mecanismos de pesquisa.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[414],"tags":[],"class_list":["post-125464","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-n-d"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/125464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=125464"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/125464\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=125464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=125464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=125464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}