Usando el atributo aria-required

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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

Tooltip example (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

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Karla_Glez
 Última actualización por: Karla_Glez,