Passo 7

Instruções

Seu controlador de áudio acessível está quase completo mas há uma última coisa a adicionar. Adicione um elemento button com o atributo type definido como button e com o texto Mute abaixo do elemento div. E com essa mudança, você concluiu este workshop!

O que fazer:

Testes:

Você deve ter um elemento `button` abaixo do elemento `div`.
Seu elemento `button` deve ter um atributo `type`.
Seu elemento `button` deve ter um atributo `type` com o valor `button`.
Seu elemento `button` deve ter o texto `Mute`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Accessible Controls</title>
  </head>
  <body>

    <h1>Audio Controls</h1>

    <button type="button">Play</button>

    <div>
      <span id="volume-label">Volume</span>
      <span id="volume-description">Adjust the sound level</span>
      <input type="range" min="0" max="100" value="50"
           aria-labelledby="volume-label volume-description">
    </div>
  
    
  

  </body>
</html>

Preview