Improve Portuguese translation for know-when-alt-text-should-be-left-blank (#23583)

This commit is contained in:
Giulia
2019-05-06 16:06:59 -03:00
committed by Randell Dawson
parent 5ad1b32c36
commit e1cfe5dabd

View File

@ -3,14 +3,14 @@ id: 587d774c367417b2b2512a9d
title: Know When Alt Text Should be Left Blank title: Know When Alt Text Should be Left Blank
challengeType: 0 challengeType: 0
videoUrl: '' videoUrl: ''
localeTitle: Saiba quando o texto alternativo deve ser deixado em branco localeTitle: Saiba quando o texto alt deve ser deixado em branco
--- ---
## Description ## Description
<section id="description"> No último desafio, você aprendeu que incluir um atributo <code>alt</code> em img tags é obrigatório. No entanto, às vezes, as imagens são agrupadas com uma legenda que já está descrevendo ou são usadas apenas para decoração. Nestes casos, o texto <code>alt</code> pode parecer redundante ou desnecessário. Em situações em que uma imagem já é explicada com conteúdo de texto ou não adiciona significado a uma página, a <code>img</code> ainda precisa de um atributo <code>alt</code> , mas pode ser definida como uma string vazia. Aqui está um exemplo: <code>&lt;img src=&quot;visualDecoration.jpeg&quot; alt=&quot;&quot;&gt;</code> As imagens de fundo geralmente também se enquadram no rótulo &#39;decorativo&#39;. No entanto, eles são normalmente aplicados com regras CSS e, portanto, não fazem parte do processo de leitores de tela de marcação. <strong>Nota</strong> <br> Para imagens com uma legenda, você ainda pode querer incluir texto <code>alt</code> , pois ajuda os mecanismos de pesquisa a catalogar o conteúdo da imagem. </section> <section id="description"> No último desafio, você aprendeu que incluir um atributo <code>alt</code> em tags img é obrigatório. No entanto, às vezes, imagens são agrupadas com uma legenda que já está as descrevendo ou são usadas apenas para decoração. Nestes casos, o texto <code>alt</code> pode parecer redundante ou desnecessário. Em situações em que uma imagem já é explicada com conteúdo de texto ou não adiciona significado a uma página, a <code>img</code> ainda precisa de um atributo <code>alt</code> , mas ele pode ser definido como uma string vazia. Aqui está um exemplo: <code>&lt;img src=&quot;visualDecoration.jpeg&quot; alt=&quot;&quot;&gt;</code> Imagens de fundo geralmente também se enquadram no rótulo &#39;decorativo&#39;. No entanto, elas são normalmente aplicadas com regras CSS e, portanto, não fazem parte da marcação que os leitores de tela processam. <strong>Nota</strong> <br> Para imagens com legenda, você ainda pode querer incluir um texto <code>alt</code> , pois isso ajuda os mecanismos de pesquisa a catalogar o conteúdo da imagem. </section>
## Instructions ## Instructions
<section id="instructions"> O Camper Cat codificou uma página de esqueleto para a parte do blog do seu site. Ele está planejando adicionar uma ruptura visual entre seus dois artigos com uma imagem decorativa de uma espada samurai. Adicione um atributo <code>alt</code> à tag <code>img</code> e configure-o para uma string vazia. (Observe que a imagem <code>src</code> não está vinculada a um arquivo real - não se preocupe se não há espadas no visor). </section> <section id="instructions"> Camper Cat codificou uma página esqueleto para a parte do blog do seu site. Ele está planejando adicionar uma quebra visual entre seus dois artigos com uma imagem decorativa de uma espada samurai. Adicione um atributo <code>alt</code> à tag <code>img</code> e defina-o como uma string vazia. (Observe que o <code>src</code> da imagem não é um link para um arquivo de verdade - não se preocupe que não há espadas na tela). </section>
## Tests ## Tests
<section id='tests'> <section id='tests'>
@ -19,7 +19,7 @@ localeTitle: Saiba quando o texto alternativo deve ser deixado em branco
tests: tests:
- text: Sua tag <code>img</code> deve ter um atributo <code>alt</code> . - text: Sua tag <code>img</code> deve ter um atributo <code>alt</code> .
testString: 'assert(!($("img").attr("alt") == undefined), "Your <code>img</code> tag should have an <code>alt</code> attribute.");' testString: 'assert(!($("img").attr("alt") == undefined), "Your <code>img</code> tag should have an <code>alt</code> attribute.");'
- text: O atributo <code>alt</code> deve ser definido para uma string vazia. - text: O atributo <code>alt</code> deve ser definido como uma string vazia.
testString: 'assert($("img").attr("alt") == "", "The <code>alt</code> attribute should be set to an empty string.");' testString: 'assert($("img").attr("alt") == "", "The <code>alt</code> attribute should be set to an empty string.");'
``` ```
@ -32,17 +32,17 @@ tests:
<div id='html-seed'> <div id='html-seed'>
```html ```html
<h1>Deep Thoughts with Master Camper Cat</h1> <h1>Reflexões Profundas com o Mestre Camper Cat</h1>
<article> <article>
<h2>Defeating your Foe: the Red Dot is Ours!</h2> <h2>Derrotando seu Adversário: o Ponto Vermelho é Nosso!</h2>
<p>To Come...</p> <p>Em breve...</p>
</article> </article>
<img src="samuraiSwords.jpeg"> <img src="samuraiSwords.jpeg">
<article> <article>
<h2>Is Chuck Norris a Cat Person?</h2> <h2>Chuck Norris é gateiro?</h2>
<p>To Come...</p> <p>Em breve...</p>
</article> </article>
``` ```