• HTML - Atributos -

  label

O atributo label cria uma etiqueta para os elementos option e optgroup, quando este atributo não é especificado os browser e leitores de tela lêem o conteúdo do elemento option.

<form method="post">
   <select name="carros">
      <option label="Nenhum" value="0">Nenhum</option>
      <optgroup label="Modelos 2008">
         <option label="Gol" value="2008_gol">Modelo 2008 - Gol</option>
         <option label="Golf" value="2008_golf">Modelo 2008 - Golf</option>
         <option label="Crossfox" value="2008_crossfox">Modelo 2008 - Crossfox
		 </option>
      </optgroup>
      <optgroup label="Modelos 2007">
         <option label="Astra" value="2007_astra">Modelo 2007 - Astra</option>
         <option label="Celta" value="2007_celta">Modelo 2007 - Celta</option>
      </optgroup>
      <optgroup label="Modelos 2006">
         <option label="Brava" value="2006_brava">Modelo 2006 - Brava</option>
         <option label="Palio" value="2006_palio">Modelo 2006 - Palio</option>
      </optgroup>
   </select>
</form>

Sem o atributo label para inserir uma etiqueta em cada elemento option e optgroup os leitores de tela iriam ler da seguinte forma:

• Nenhum
• Modelo 2008
• Modelo 2008 – Gol
• Modelo 2008 – Golf
• Modelo 2008 – Crossfox
• Modelo 2007
• Modelo 2007 – Astra
• Modelo 2007 – Celta
• Modelo 2006
• Modelo 2006 – Brava
• Modelo 2006 - Palio

Perceba que um leitor de tela lê exatamente os valores dos option, poderíamos informar esses dados para um deficiente visual de uma maneira mais simples e sem redundância, confira abaixo como um leitor de tala leria com o atributo label aplicado no código.

• Nenhum
• Modelos 2008
• Gol
• Golf
• Crossfox
• Modelos 2007
• Astra
• Celta
• Modelos 2006
• Brava
• Palio