ARIA1Usar la propiedad aria-describedby para proporcionar una etiqueta descriptiva a los controles de la interfaz de usuario

Usar aria-describedby para asociar instrucciones a campos de formulario

Ejemplo de campo de formulario que usa aria-describedby para asociar instrucciones a los campos de formulario cuando ya existe una etiqueta de formulario.

<form>
  <label for="fname">First name</label>
  <input aria-describedby="int2" autocomplete="given-name" id="fname" type="text">
  <p id="int2">Your first name is sometimes called your "given name".</p>
</form>

Usar la propiedad aria-describedby para proporcionar información más detallada sobre el botón

<div>
  <span id="fontDesc">Select the font faces and sizes to be used on this page</span>
  <button aria-describedby="fontDesc" id="fontB" type="button">Fonts</button>
</div>
<div>
  <span id="colorDesc">Select the colors to be used on this page</span>
  <button aria-describedby="colorDesc" id="colorB" type="button">Colors</button>
</div>
<div>
  <span id="customDesc">Customize the layout and styles used on this page</span>
  <button aria-describedby="customDesc" id="customB" type="button">Customize</button>
</div>