|
|
| Línea 1: |
Línea 1: |
| | | == '''2.4.11-A. Foco no oculto''' == |
| == '''2.4.11- A. Observar si existen alguno de estos ejemplos: Los más habituales de contenidos que se superponen a un elemento con el foco son los pies y encabezados fijos o las capas no modales, por ejemplo, la capa de aceptación de cookies.''' == | | <!-- |
| '''A) EJEMPLO ACCESIBLE:'''
| | Análisis interno: |
| | | Este criterio impacta principalmente a: Personas con discapacidad motriz y visual |
| '''B) EJEMPLO NO ACCESIBLE:'''
| | Problema grave: Si un componente con foco queda oculto detrás de capas o elementos fijos, los usuarios de teclado no pueden interactuar con él, provocando barreras graves de accesibilidad. |
| | --> |
| | <html> |
| | <!-- criterio 2.4.11-A --> |
| | <article class="wcag-card"> |
| | <section class="wcag-info"> |
| | <ul> |
| | <li><span class="label">Nivel:</span><span class="value">AA</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">2. Operable</span></li> |
| | <li><span class="label">Pauta:</span><span class="value">2.4 Proporcionar ayuda para navegar y buscar contenido</span></li> |
| | <li><span class="label">Categoría:</span><span class="value">Interacción</span></li> |
| | <li><span class="label">Subcategoría:</span><span class="value">Foco no oculto</span></li> |
| | </ul> |
| | </section> |
| | <section class="wcag-users"> |
| | <p>Usuarios más afectados</p> |
| | <ul> |
| | <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <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> |
| | </ul> |
| | </section> |
| | </article> |
| | </html> |