diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md index 89ca74d7d8..969dcc817a 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.portuguese.md @@ -6,37 +6,37 @@ videoUrl: '' localeTitle: Melhore a acessibilidade do conteúdo de áudio com o elemento de áudio --- -## Description -
O elemento de audio 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 audio suporta o atributo controls . 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:
<audio id = "meowClip" controla>
<fonte src = "audio / meow.mp3" type = "audio / mpeg" />
<source src = "audio / meow.ogg" tipo = "audio / ogg" />
</ audio>
Nota
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.
+## Descrição +
O elemento de audio 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 audio suporta o atributo controls . 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:
<audio id = "meowClip" controla>
<fonte src = "audio / meow.mp3" type = "audio / mpeg" />
<source src = "audio / meow.ogg" tipo = "audio / ogg" />
</ audio>
Nota
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.
-## 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 audio após o p . Inclua o atributo controls . Em seguida, coloque uma tag de source dentro das tags de audio com o atributo src definido como "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" e type atributo definido como "audio / mpeg". Nota
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.
+## Instruções +
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 audio após o p . Inclua o atributo controls . Em seguida, coloque uma etiqueta de source dentro das etiquetas de audio com o atributo src definido como "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" e type atributo definido como "audio / mpeg". Nota
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.
-## Tests +## Testes
```yml tests: - - text: Seu código deve ter uma tag de audio . - testString: 'assert($("audio").length === 1, "Your code should have one audio tag.");' - - text: Certifique-se de que seu elemento de audio tenha uma tag de fechamento. - testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/[\s\S]*<\/audio>/g), "Make sure your audio element has a closing tag.");' - - text: A tag de audio deve ter o atributo controls . - testString: 'assert($("audio").attr("controls"), "The audio tag should have the controls attribute.");' - - text: Seu código deve ter uma tag de source . - testString: 'assert($("source").length === 1, "Your code should have one source tag.");' - - text: Sua tag de source deve estar dentro das tags de audio . - testString: 'assert($("audio").children("source").length === 1, "Your source tag should be inside the audio tags.");' - - text: O valor para o atributo src na tag de source 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 src attribute on the source tag should match the link in the instructions exactly.");' - - text: Seu código deve incluir um atributo type na tag de source com um valor de audio / mpeg. - testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a type attribute on the source tag with a value of audio/mpeg.");' + - text: O seu código deve ter uma etiqueta de audio. + testString: 'assert($("audio").length === 1, "O seu código deve ter uma etiqueta de audio.");' + - text: Certifique-se de que o seu elemento de audio tenha uma etiqueta de fechamento. + testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/[\s\S]*<\/audio>/g), "Certifique-se de que o seu elemento de audio tenha uma etiqueta de fecho.");' + - text: A etiqueta de audio deve ter o atributo controls. + testString: 'assert($("audio").attr("controls"), "A etiqueta de audio deve ter o atributo controls.");' + - text: O seu código deve ter uma etiqueta de source. + testString: 'assert($("source").length === 1, "O seu código deve ter uma etiqueta de source.");' + - text: Sua etiqueta de source deve estar dentro das etiquetas de audio. + testString: 'assert($("audio").children("source").length === 1, "Sua etiqueta de source deve estar dentro das etiquetas de audio.");' + - text: O valor para o atributo src na etiqueta de source 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 src na etiqueta de source deve corresponder exatamente ao link nas instruções.");' + - text: O seu código deve incluir um atributo type na etiqueta de source com um valor de audio/mpeg. + testString: 'assert($("source").attr("type") === "audio/mpeg", "O seu código deve incluir um atributo type na etiqueta de source com um valor de audio/mpeg.");' ```
-## Challenge Seed +## Semente do Desafio
@@ -44,10 +44,10 @@ tests: ```html
-

Real Coding Ninjas

+

Verdadeiros Ninjas Programadores

-

A sound clip of Zersiax's screen reader in action.

+

Um clipe de áudio do leitor de tela Zersiax's em ação.

@@ -62,7 +62,7 @@ tests:
-## Solution +## Solução
```js