Usando el atributo aria-required

Descripción

El atributoaria-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 unrole ARIA asignado.

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

Value

true ofalse (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 type="text" aria-required="true" />  <br />  <label for="lastName">Last name:</label>  <input type="text" aria-required="true" />  <br />  <label for="streetAddress">Street address:</label>  <input type="text" /></form>