Usando el atributo aria-required

Descripción

El atributo aria-required es usado para indicar al usuario que un input es requerido en un elemento antes de que un form pueda ser enviado. Este atributo puede ser usado en un form con cualquier elemento HTML típico; no se limita a elementosque tengan un role ARIA asignado.

HTML5 ahora tiene el atributo required, pero aria-required todavía es útil para un agente de usuario que no soporta HTML5.

Value

true o false (Default: false)

Posibles efectos en agentes de usuario y tecnología asistente

Los lectores de pantalla deben anunciar el campo como requerido.

Nota que este atributo no cambiará automáticamente la presentación del campo.

Nota: Las opiniones pueden diferir en cuanto a cómo esta técnica debería ser manejada por la tecnología asistente. La información prevista arribaes una de esas opciones y por lo tanto no es normativa.

Ejemplos

Ejemplo 1: Un formulario sencillo

html
<form action="post">
  <label for="firstName">First name:</label>
  <input id="firstName" type="text" aria-required="true" />
  <br />
  <label for="lastName">Last name:</label>
  <input id="lastName" type="text" aria-required="true" />
  <br />
  <label for="streetAddress">Street address:</label>
  <input id="streetAddress" type="text" />
</form>

Notas

Usan ARIA roles

  • Combobox
  • Gridcell
  • Listbox
  • Radiogroup
  • Spinbutton
  • Textbox
  • Tree

Técnicas relacionadas con ARIA

Compatibilidad

Por determinar: Agregar información de soporte para combinaciones comunes de productos UA y AT.

Recursos adicionales