Diferencia entre revisiones de «Principio 3/3.3 Assistencia en los input/3.3.2-C»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''3.3.2-C. Campos obligatorios''' ==
{{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


<!-- Análisis interno: Este criterio impacta principalmente a: Personas con discapacidad cognitiva y visual. Problema grave: Si no se identifican claramente los campos obligatorios, el usuario puede omitir datos necesarios sin saberlo, lo que genera frustración o errores al enviar formularios. Gravedad: Barrera moderada. -->
|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>


<!-- criterio 3.3.2-C -->
|wcag_lista_discapacidades=
<html>
[[Categoría:Discapacidad cognitiva]]
<article class="wcag-card">
[[Categoría:Baja visión]]
  <section class="wcag-info">
}}
    <ul>
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
      <li><span class="label">Versión:</span><span class="value">2.1</span></li>
      <li><span class="label">Principio:</span><span class="value">3. Comprensible</span></li>
      <li><span class="label">Pauta:</span><span class="value">3.3 Asistencia a la entrada de datos</span></li>
      <li><span class="label">Categoría:</span><span class="value">Formularios</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Campos obligatorios</span></li>
    </ul>
  </section>


  <section class="wcag-users">
|wcag_texto_criterioOAW=
    <p>Usuarios más afectados</p>
Se deben identificar los campos de formulario que son obligatorios.
    <ul>
 
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera moderada</span></li>
|wcag_descripcion_resumida=
      <li><img src="/images/b/b7/Bajavision.png" alt="Icono baja visión" class="icono-discapacidad" /> Personas con baja visión – <span class="gravedad">Barrera moderada</span></li>
Los campos obligatorios deben indicarse explícitamente mediante texto claro y, cuando sea necesario, ser complementados con atributos semánticos.
    </ul>
 
  </section>
|wcag_objetivo=
</article>
Evitar errores e incertidumbre informando qué campos son obligatorios antes del envío.
</html>
 
|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

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)