#3: Post edited
by
Rodolfo Manin
·
2025-08-25T13:53:31-03:00 (10 meses ago)
#2: Post edited
by
Rodolfo Manin
·
2025-08-25T13:34:03-03:00 (10 meses ago)
#1: Post edited
by
Rodolfo Manin
·
2025-08-25T13:31:13-03:00 (10 meses ago)
How to write good alt text
Como escrever um bom texto alternativo
<h3 id="what-is-alt-text-and-why-should-i-care-about-it-">What is alt text and why should I care about it?</h3>
<p>Alt text, or an image description, is what shows up in place of an image when that image fails to load. It's also what a screen reader will read out when someone is using a screen reader to browse the site, as well as what search engines and feeds display. With that in mind, it's an important part of <a href="https://webaim.org/">web accessibility</a> to include good alt text.</p>
<h3 id="how-do-i-write-good-alt-text-">How do I write good alt text?</h3>
<p>Everything depends on the context of the image, but there are a few basic guidelines to keep in mind.</p>
<ul>
<li><p><strong>The alt text should serve the exact same purpose as the image</strong></p>
<p>When you're using an image, it's almost always to serve a purpose. Whether that's for demonstration, or to show an example, you're including an image for a reason.
The alt text should serve the exact same purpose in your post as the image. Anything that's important and <em>relevant to your post</em> that's contained in your image should also be contained in the alt text.</p>
</li>
<li><p><strong>Don't include unnecessary or redundant details</strong></p>
<p>If you've already stated something in the text of your post, there's usually no need to repeat it in the alt text.
Don't get bogged down trying to include <em>every bit of detail</em> in the image. Only include whatever details from the image are actually relevant to your post - focus on the important parts.</p>
</li>
</ul>
<p>As a general rule, if it would be theoretically possible for you to entirely replace your image with the alt text, without your post losing usefulness or clarity, you're good to go. </p>
<h3 id="what-is-alt-text-and-why-should-i-care-about-it-">O que é texto alternativo e por que devo me preocupar com ele?</h3>
<p>O texto alternativo, ou a descrição de uma imagem, é o que aparece no lugar de uma imagem quando ela não é carregada. Ele também é o que um leitor de tela lerá quando alguém estiver usando um leitor de tela para navegar no site, bem como o que os mecanismos de pesquisa e os feeds exibem. Com isso em mente, é uma parte importante da <a href="https://webaim.org/">acessibilidade da Web</a> incluir um bom texto alternativo.</p>
<h3 id="how-do-i-write-good-alt-text-">Como faço para escrever um bom texto alternativo?
<p>Tudo depende do contexto da imagem, mas há algumas diretrizes básicas que você deve ter em mente.</p>
<ul>
<li><p><strong>O texto alternativo deve ter exatamente a mesma finalidade que a imagem</strong></p>
<p>Quando você usa uma imagem, ela quase sempre serve a um propósito. Seja para demonstração ou para mostrar um exemplo, você está incluindo uma imagem por um motivo.
O texto alternativo deve ter exatamente a mesma finalidade que a imagem em sua postagem. Qualquer coisa que seja importante e <em>relevante para sua postagem</em> que esteja contida em sua imagem também deve estar contida no texto alternativo.</p>
</li>
<li><p><strong>Não inclua detalhes desnecessários ou redundantes</strong></p>
<p>Se você já declarou algo no texto da sua postagem, geralmente não há necessidade de repeti-lo no texto alternativo.
Não se preocupe em tentar incluir <em>todos os detalhes</em> da imagem. Inclua apenas os detalhes da imagem que sejam realmente relevantes para sua postagem - concentre-se nas partes importantes.</p>
</li>
</ul>
<p>Como regra geral, se for teoricamente possível substituir totalmente sua imagem pelo texto alternativo, sem que sua postagem perca a utilidade ou a clareza, você está pronto para ir. </p>
Rodolfo Manin
·
2025-08-25T13:53:31-03:00 (10 meses ago)