Passo 4

Instruções

Agora é hora de adicionar outro elemento span. Este elemento span deve ter um atributo id definido como volume-description. Além disso, o texto para este elemento span deve ser Adjust the sound level. Semelhante ao elemento span anterior, o id deste span será posteriormente referenciado por atributos ARIA para que tecnologias assistivas possam identificar este texto como a descrição do controle de volume.

O que fazer:

Testes:

Você deve ter dois elementos `span` dentro do elemento `div`.
Seu segundo elemento `span` deve ter um atributo `id`.
Seu segundo elemento `span` deve ter um atributo `id` com o valor `volume-description`.
Seu segundo elemento `span` deve ter o texto `Adjust the sound level`.

<!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>
      
    
      
    </div>

  </body>
</html>

Preview