Improve Portuguese translation for know-when-alt-text-should-be-left-blank (#23583)
This commit is contained in:
@ -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><img src="visualDecoration.jpeg" alt=""></code> As imagens de fundo geralmente também se enquadram no rótulo 'decorativo'. 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><img src="visualDecoration.jpeg" alt=""></code> Imagens de fundo geralmente também se enquadram no rótulo 'decorativo'. 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>
|
||||||
|
|
||||||
```
|
```
|
||||||
|
Reference in New Issue
Block a user