|
|
| Línea 1: |
Línea 1: |
| == '''3.3.1-B. Se deben proporcionar descripciones textuales de los errores cuando los usuarios introducen datos en un formulario que no cumplen un determinado formato o valor o no están entre los valores permitidos.''' == | | == '''3.3.1-B. Descripción de errores''' == |
| '''A) EJEMPLO ACCESIBLE:'''
| | <!-- Análisis interno: |
| | Impacto principal: |
| | - Personas con discapacidad cognitiva: dificultades para interpretar mensajes de error no textuales o poco claros. |
| | - Personas con discapacidad visual: si el error solo se muestra visualmente (color o icono), no será percibido. |
| | Gravedad: Barrera grave, ya que impide completar formularios correctamente. |
| | --> |
| | <html> |
| | <!-- criterio 3.3.1-B --> |
| | <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.2</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">Descripción de errores</span></li> |
| | </ul> |
| | </section> |
|
| |
|
| '''B) EJEMPLO NO ACCESIBLE:'''
| | <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 grave</span> |
| | </li> |
| | <li> |
| | <img src="/images/4/4d/Sinvision.png" alt="Icono discapacidad visual total" class="icono-discapacidad" /> |
| | Personas con discapacidad visual total – <span class="gravedad">Barrera grave</span> |
| | </li> |
| | </ul> |
| | </section> |
| | </article> |
| | </html> |