Usando el atributo aria-required

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.

true o false (Default: false)

Los lectores de pantalla deben anunciar el campo como requerido.

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

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>

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

• Utilizando el atributo aria-invalid

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

• Especificación WAI-ARIA para aria-required
• WAI-ARIA Authoring Practices for forms
• Constraint validation in HTML5