A sound clip of Zersiax's screen reader in action.
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>Nota
<fonte src = "audio / meow.mp3" type = "audio / mpeg" />
<source src = "audio / meow.ogg" tipo = "audio / ogg" />
</ audio>
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 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(/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.");'
```
A sound clip of Zersiax's screen reader in action.