Principio 3/3.3 Assistencia en los input/3.3.2-C

De WCAG Wiki

3.3.2-C. Campos obligatorios

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • {{{wcag_texto_criterioOAW}}}

Comprensión del criterio

Descripción resumida

{{{wcag_descripcion_resumida}}}

Objetivo

{{{wcag_objetivo}}}

Importancia de cumplir el criterio

{{{wcag_importancia}}}

Referencias WCAG

{{{wcag_referencias}}}

Recursos de apoyo

{{{wcag_recursos}}}

Evaluación del criterio

Tipo de evaluación

Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]

Procedimiento de evaluación

{{{wcag_pasos_evaluacion}}}

Resultado esperado

{{{wcag_resultado_evaluacion}}}

Ejemplo

{{{wcag_ejemplo_evaluacion}}}

Otras herramientas de evaluación

{{{wcag_otras_herramientas_evaluacion}}}








La propiedad «Wcag tipo evaluacion» (como tipo de página) con el valor de entrada «{{{wcag_tipo_evaluacion}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.


Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.2-C. Campos obligatorios

Loading comments...




|wcag_texto_criterioOAW= Se deben identificar los campos de formulario que son obligatorios.

|wcag_descripcion_resumida= Los campos obligatorios deben indicarse explícitamente mediante texto claro y, cuando sea necesario, ser complementados con atributos semánticos.

|wcag_objetivo= Evitar errores e incertidumbre informando qué campos son obligatorios antes del envío.

|wcag_importancia= Las personas con baja visión, discapacidad cognitiva o uso de lectores de pantalla necesitan una indicación explícita para completar correctamente los formularios.

|wcag_referencias=

|wcag_recursos=

  • Indicar “(obligatorio)” o “(requerido)”
  • Uso de required y aria-required="true"
  • Evitar depender solo de *

|wcag_tipo_evaluacion=Semiautomática |wcag_pasos_evaluacion=

  1. Comprobar indicación textual de campos obligatorios.
  2. Revisar presencia de required o aria-required.
  3. Validar anuncio con lector de pantalla.

|wcag_resultado_evaluacion= Los campos obligatorios se identifican claramente para todos los usuarios.

|wcag_ejemplo_evaluacion=

✅ Campo obligatorio con texto + atributo

<label for="nombre">Nombre completo (obligatorio)</label>
<input id="nombre" name="nombre" required aria-required="true">

✅ Campos agrupados con leyenda informativa

<fieldset>
  <legend>Datos personales (todos obligatorios)</legend>
  <label for="nombre">Nombre</label>
  <input id="nombre" required>
  <label for="apellido">Apellidos</label>
  <input id="apellido" required>
</fieldset>

|wcag_otras_herramientas_evaluacion=

  • NVDA / JAWS / VoiceOver
  • DevTools accesibilidad
  • Axe / Lighthouse (parcial)