Improves Portuguese translation for challenge improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md (#30722)
Hélio Guilherme
Randell Dawson
parent
5a54673354
commit
42f6a5a91e
|
|
@ -6,37 +6,37 @@ videoUrl: ''
|
|||
localeTitle: Melhore a acessibilidade do conteúdo de áudio com o elemento de áudio
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> O elemento de <code>audio</code> do HTML5 fornece significado semântico quando ele envolve o som ou o conteúdo do fluxo de áudio na sua marcação. O conteúdo de áudio também precisa de uma alternativa em texto para ser acessível a pessoas surdas ou com deficiência auditiva. Isso pode ser feito com um texto próximo na página ou um link para uma transcrição. A tag de <code>audio</code> suporta o atributo <code>controls</code> . Isso mostra a reprodução, a pausa e outros controles padrão do navegador e suporta a funcionalidade do teclado. Este é um atributo booleano, o que significa que não precisa de um valor, sua presença na tag ativa a configuração. Aqui está um exemplo: <blockquote> <audio id = "meowClip" controla> <br> <fonte src = "audio / meow.mp3" type = "audio / mpeg" /> <br> <source src = "audio / meow.ogg" tipo = "audio / ogg" /> <br> </ audio> <br></blockquote> <strong>Nota</strong> <br> O conteúdo multimídia geralmente tem componentes visuais e auditivos. Ele precisa de legendas sincronizadas e uma transcrição para que os usuários com deficiências visuais e / ou auditivas possam acessá-lo. Geralmente, um desenvolvedor da Web não é responsável pela criação das legendas ou transcrição, mas precisa saber para incluí-las. </section>
|
||||
## Descrição
|
||||
<section id="description"> O elemento de <code>audio</code> do HTML5 fornece significado semântico quando ele envolve o som ou o conteúdo do fluxo de áudio na sua marcação. O conteúdo de áudio também precisa de uma alternativa em texto para ser acessível a pessoas surdas ou com deficiência auditiva. Isso pode ser feito com um texto próximo na página ou um link para uma transcrição. A etiqueta de <code>audio</code> suporta o atributo <code>controls</code> . Isso mostra a reprodução, a pausa e outros controles padrão do navegador e suporta a funcionalidade do teclado. Este é um atributo booleano, o que significa que não precisa de um valor, sua presença na etiqueta ativa a configuração. Aqui está um exemplo: <blockquote> <audio id = "meowClip" controla> <br> <fonte src = "audio / meow.mp3" type = "audio / mpeg" /> <br> <source src = "audio / meow.ogg" tipo = "audio / ogg" /> <br> </ audio> <br></blockquote> <strong>Nota</strong> <br> O conteúdo multimídia geralmente tem componentes visuais e auditivos. Ele precisa de legendas sincronizadas e uma transcrição para que os usuários com deficiências visuais e / ou auditivas possam acessá-lo. Geralmente, um desenvolvedor da Web não é responsável pela criação das legendas ou transcrição, mas precisa saber para incluí-las. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions"> Hora de fazer uma pausa na Camper Cat e conhecer Zersiax (@zersiax), um defensor da acessibilidade e usuário de leitor de tela. Para ouvir um clipe do seu leitor de tela em ação, adicione um elemento de <code>audio</code> após o <code>p</code> . Inclua o atributo <code>controls</code> . Em seguida, coloque uma tag de <code>source</code> dentro das tags de <code>audio</code> com o atributo <code>src</code> definido como "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" e <code>type</code> atributo definido como "audio / mpeg". <strong>Nota</strong> <br> O clipe de áudio pode soar rápido e difícil de entender, mas essa é uma velocidade normal para os usuários do leitor de tela. </section>
|
||||
## Instruções
|
||||
<section id="instructions"> Hora de fazer uma pausa em Gato Campista e conhecer Zersiax (@zersiax), um defensor da acessibilidade e usuário de leitor de tela. Para ouvir um clipe do seu leitor de tela em ação, adicione um elemento de <code>audio</code> após o <code>p</code> . Inclua o atributo <code>controls</code> . Em seguida, coloque uma etiqueta de <code>source</code> dentro das etiquetas de <code>audio</code> com o atributo <code>src</code> definido como "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" e <code>type</code> atributo definido como "audio / mpeg". <strong>Nota</strong> <br> O clipe de áudio pode soar rápido e difícil de entender, mas essa é uma velocidade normal para os usuários do leitor de tela. </section>
|
||||
|
||||
## Tests
|
||||
## Testes
|
||||
<section id='tests'>
|
||||
|
||||
```yml
|
||||
tests:
|
||||
- text: Seu código deve ter uma tag de <code>audio</code> .
|
||||
testString: 'assert($("audio").length === 1, "Your code should have one <code>audio</code> tag.");'
|
||||
- text: Certifique-se de que seu elemento de <code>audio</code> tenha uma tag de fechamento.
|
||||
testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/<audio.*>[\s\S]*<\/audio>/g), "Make sure your <code>audio</code> element has a closing tag.");'
|
||||
- text: A tag de <code>audio</code> deve ter o atributo <code>controls</code> .
|
||||
testString: 'assert($("audio").attr("controls"), "The <code>audio</code> tag should have the <code>controls</code> attribute.");'
|
||||
- text: Seu código deve ter uma tag de <code>source</code> .
|
||||
testString: 'assert($("source").length === 1, "Your code should have one <code>source</code> tag.");'
|
||||
- text: Sua tag de <code>source</code> deve estar dentro das tags de <code>audio</code> .
|
||||
testString: 'assert($("audio").children("source").length === 1, "Your <code>source</code> tag should be inside the <code>audio</code> tags.");'
|
||||
- text: O valor para o atributo <code>src</code> na tag de <code>source</code> deve corresponder exatamente ao link nas instruções.
|
||||
testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the <code>src</code> attribute on the <code>source</code> tag should match the link in the instructions exactly.");'
|
||||
- text: Seu código deve incluir um atributo <code>type</code> na tag de <code>source</code> com um valor de audio / mpeg.
|
||||
testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a <code>type</code> attribute on the <code>source</code> tag with a value of audio/mpeg.");'
|
||||
- text: O seu código deve ter uma etiqueta de <code>audio</code>.
|
||||
testString: 'assert($("audio").length === 1, "O seu código deve ter uma etiqueta de <code>audio</code>.");'
|
||||
- text: Certifique-se de que o seu elemento de <code>audio</code> tenha uma etiqueta de fechamento.
|
||||
testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/<audio.*>[\s\S]*<\/audio>/g), "Certifique-se de que o seu elemento de <code>audio</code> tenha uma etiqueta de fecho.");'
|
||||
- text: A etiqueta de <code>audio</code> deve ter o atributo <code>controls</code>.
|
||||
testString: 'assert($("audio").attr("controls"), "A etiqueta de <code>audio</code> deve ter o atributo <code>controls</code>.");'
|
||||
- text: O seu código deve ter uma etiqueta de <code>source</code>.
|
||||
testString: 'assert($("source").length === 1, "O seu código deve ter uma etiqueta de <code>source</code>.");'
|
||||
- text: Sua etiqueta de <code>source</code> deve estar dentro das etiquetas de <code>audio</code>.
|
||||
testString: 'assert($("audio").children("source").length === 1, "Sua etiqueta de <code>source</code> deve estar dentro das etiquetas de <code>audio</code>.");'
|
||||
- text: O valor para o atributo <code>src</code> na etiqueta de <code>source</code> deve corresponder exatamente ao link nas instruções.
|
||||
testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "O valor para o atributo <code>src</code> na etiqueta de <code>source</code> deve corresponder exatamente ao link nas instruções.");'
|
||||
- text: O seu código deve incluir um atributo <code>type</code> na etiqueta de <code>source</code> com um valor de audio/mpeg.
|
||||
testString: 'assert($("source").attr("type") === "audio/mpeg", "O seu código deve incluir um atributo <code>type</code> na etiqueta de <code>source</code> com um valor de audio/mpeg.");'
|
||||
|
||||
```
|
||||
|
||||
</section>
|
||||
|
||||
## Challenge Seed
|
||||
## Semente do Desafio
|
||||
<section id='challengeSeed'>
|
||||
|
||||
<div id='html-seed'>
|
||||
|
|
@ -44,10 +44,10 @@ tests:
|
|||
```html
|
||||
<body>
|
||||
<header>
|
||||
<h1>Real Coding Ninjas</h1>
|
||||
<h1>Verdadeiros Ninjas Programadores</h1>
|
||||
</header>
|
||||
<main>
|
||||
<p>A sound clip of Zersiax's screen reader in action.</p>
|
||||
<p>Um clipe de áudio do leitor de tela Zersiax's em ação.</p>
|
||||
|
||||
|
||||
|
||||
|
|
@ -62,7 +62,7 @@ tests:
|
|||
|
||||
</section>
|
||||
|
||||
## Solution
|
||||
## Solução
|
||||
<section id='solution'>
|
||||
|
||||
```js
|
||||
|
|
|
|||
Loading…
Reference in New Issue