|
|
| Línea 1: |
Línea 1: |
| == '''CRITERIO 3.3.2 - B LAS ETIQUETAS DE LOS CAMPOS DE FORMULARIO DEBEN ESTAR SITUADAS ADECUADAMENTE DE FORMA QUE SU RELACIÓN CON EL CAMPO RESULTA OBVIA''' == | | == '''3.3.2-B. Ubicación de etiquetas''' == |
| '''A) EJEMPLO ACCESIBLE:'''
| |
|
| |
|
| '''B) EJEMPLO NO ACCESIBLE:'''
| | <!-- Análisis interno: Este criterio impacta principalmente a: Personas con discapacidad cognitiva y visual (baja visión). Problema grave: Si las etiquetas no están correctamente ubicadas o asociadas, los usuarios pueden no entender qué dato deben introducir o pueden confundirse entre campos. Gravedad: Barrera moderada, ya que afecta la comprensión y la precisión en el llenado de formularios. --> |
| | |
| | <!-- criterio 3.3.2-B --> |
| | <html> |
| | <article class="wcag-card"> |
| | <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">Ubicación de etiquetas</span></li> |
| | </ul> |
| | </section> |
| | |
| | <section class="wcag-users"> |
| | <p>Usuarios más afectados</p> |
| | <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> |
| | <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> |
| | </ul> |
| | </section> |
| | </article> |
| | </html> |