|
|
| Línea 1: |
Línea 1: |
| == '''1.3.1 – Q: En general, se deben emplear elementos estructurales y semánticos para marcar la estructura del contenido de la página y el texto especial o enfatizado, haciendo que toda la información y las relaciones del contenido transmitidas a través de la presentación visual también se marquen con dichos elementos estructurales y semánticos o, en su defecto, directamente en forma de texto''' == | | == '''1.3.1-Q. Marcado semántico general''' == |
| '''A) EJEMPLO ACCESIBLE:'''
| | <!-- |
| | Análisis interno: |
| | Este criterio impacta principalmente a: Personas con discapacidad visual total |
| | Problema grave: No usar marcado semántico impide que los lectores de pantalla interpreten correctamente la estructura y el énfasis del contenido, afectando navegación y comprensión. |
| | --> |
| | <html> |
| | <!-- criterio 1.3.1-Q --> |
| | <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">1. Perceptible</span></li> |
| | <li><span class="label">Pauta:</span><span class="value">1.3 Crear contenido adaptable</span></li> |
| | <li><span class="label">Categoría:</span><span class="value">Estructura</span></li> |
| | <li><span class="label">Subcategoría:</span><span class="value">Marcado semántico</span></li> |
| | </ul> |
| | </section> |
|
| |
|
| '''B) EJEMPLO NO ACCESIBLE:'''
| | <section class="wcag-users"> |
| | <p>Usuarios más afectados</p> |
| | <ul> |
| | <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> Personas con discapacidad visual total - <span class="gravedad">Barrera grave</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> |
| | <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera leve</span></li> |
| | </ul> |
| | </section> |
| | </article> |
| | </html> |