Diferencia entre revisiones de «Principio 3/3.3 Assistencia en los input/3.3.2-C»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
== | {{CriterioWCAG | ||
|id_wcag_criterio=3.3.2 | |||
|id_wcag_subcriterio=3.3.2-C | |||
|wcag_titulo_criterio=3.3.2-C. Campos obligatorios | |||
|wcag_nivel=A | |||
|wcag_version=2.0 | |||
|wcag_principio=3_Comprensible | |||
|wcag_principio_url=Principio_3 | |||
|wcag_pauta=3.3_Asistencia_en_la_entrada | |||
|wcag_pauta_url=Principio_3/3.3_Asistencia_en_la_entrada | |||
|wcag_grupo=Formularios | |||
|wcag_subgrupo=Campos_obligatorios | |||
|wcag_subcriterio_url=Principio_3/3.3_Asistencia_en_la_entrada/3.3.2-C | |||
< | |wcag_discapacidades= | ||
<li class="discapacidad-item"> | |||
[[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]] | |||
<span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> – | |||
<span class="gravedad gravedad-moderada">Barrera moderada</span> | |||
</li> | |||
<li class="discapacidad-item"> | |||
[[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]] | |||
<span class="discapacidad-texto">[[:Categoría:Baja visión|Baja visión]]</span> – | |||
<span class="gravedad gravedad-moderada">Barrera moderada</span> | |||
</li> | |||
|wcag_lista_discapacidades= | |||
[[Categoría:Discapacidad cognitiva]] | |||
[[Categoría:Baja visión]] | |||
}} | |||
|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= | |||
<ul> | |||
<li>[https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions.html Understanding SC 3.3.2]</li> | |||
<li>[https://webaim.org/techniques/forms/ WebAIM — Accessible Forms]</li> | |||
<li>[https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-required MDN — aria-required]</li> | |||
</ul> | |||
|wcag_recursos= | |||
<ul> | |||
<li>Indicar “(obligatorio)” o “(requerido)”</li> | |||
<li>Uso de <code>required</code> y <code>aria-required="true"</code></li> | |||
<li>Evitar depender solo de *</li> | |||
</ul> | |||
|wcag_tipo_evaluacion=Semiautomática | |||
|wcag_pasos_evaluacion= | |||
<ol> | |||
<li>Comprobar indicación textual de campos obligatorios.</li> | |||
<li>Revisar presencia de <code>required</code> o <code>aria-required</code>.</li> | |||
<li>Validar anuncio con lector de pantalla.</li> | |||
</ol> | |||
|wcag_resultado_evaluacion= | |||
Los campos obligatorios se identifican claramente para todos los usuarios. | |||
|wcag_ejemplo_evaluacion= | |||
<div class="accessibility-card"> | |||
<strong>✅ Campo obligatorio con texto + atributo</strong> | |||
<pre class="wcag-codigo-html"> | |||
<label for="nombre">Nombre completo (obligatorio)</label> | |||
<input id="nombre" name="nombre" required aria-required="true"> | |||
</pre> | |||
</div> | |||
<div class="accessibility-card"> | |||
<strong>✅ Campos agrupados con leyenda informativa</strong> | |||
<pre class="wcag-codigo-html"> | |||
<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> | |||
</pre> | |||
</div> | |||
|wcag_otras_herramientas_evaluacion= | |||
<ul> | |||
<li>NVDA / JAWS / VoiceOver</li> | |||
<li>DevTools accesibilidad</li> | |||
<li>Axe / Lighthouse (parcial)</li> | |||
</ul> | |||
Revisión del 13:01 5 nov 2025
3.3.2-C. Campos obligatorios
- Nivel: A
- Versión: 2.0
- Principio: 3_Comprensible
- Pauta: 3.3_Asistencia_en_la_entrada
- Grupo: Formularios
- Subgrupo: Campos_obligatorios
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Cognitiva –
Barrera moderada
-
Baja visión –
Barrera moderada
Enunciado del criterio (Observatorio de Accesibilidad Web)
- {{{wcag_texto_criterioOAW}}}
Comprensión del criterio
Descripción resumida
Objetivo
Importancia de cumplir el criterio
Referencias WCAG
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Procedimiento de evaluación
Resultado esperado
Ejemplo
Otras herramientas de evaluació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
|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
requiredyaria-required="true" - Evitar depender solo de *
|wcag_tipo_evaluacion=Semiautomática |wcag_pasos_evaluacion=
- Comprobar indicación textual de campos obligatorios.
- Revisar presencia de
requiredoaria-required. - 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)
