s Guías Prácticas de Código Accesible
Escudo de la República de Colombia

Validación de input

Dado que las características de accesibilidad web no son solo para ayudar a personas en situación de discapacidad, sino también a personas no nativas digitales, entonces los formularios dentro de un sirio web debe de tener validaciones de la entrada de datos para así evitar que los usuarios cometan errores en el diligenciamiento de los formularios.

A continuación se listaran algunos ejemplos básicos de validación de entradas de formulario:


Ejemplo:
Code snippet: 
<label for="name">Nombre (Obligatorio): </label>
<input type="text" name="name" id="name" required aria-required="true">

Ejemplo:
Fragmento de Código: 
<div>
  <label for="email">Correo Electrónico: </label>
  <input type="email" name="email" id="email">
</div>
<div>
  <label for="name">Nombre: </label>
  <input type="name" name="name" id="name">
</div>
<div>
  <label for="age">Edad: </label>
  <input type="age" name="age" id="age" min="0" max="100" step="1" value="0">
</div>
<div>
  <label for="range">Rango: </label>
  <input type="range" name="range" id="range" min="0" max="100" step="10" value="0">
</div>
<div>
  <label for="date">Fecha: </label>
  <input type="date" name="date" id="date">
</div>
<div>
  <label for="time">Hora: </label>
  <input type="time" name="time" id="time">
</div>

Ejemplo:
Fragmento de Código: 
<div>
  <input type="text" id="license"
    pattern="[A-ZÖÄÜ]{1,3}( )[A-Z]{2,4}( )[0-9]{1,4}"
  >
</div>