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

 <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>

Ejemplos en acción:

Ejemplo de un Tooltip (incluye el uso del atributo aria-required)

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