Verificación de Accesibilidad
Verificación de Accesibilidad
Esta página documenta las características de accesibilidad implementadas en el Manual de Preparación ante Escenarios de Crisis en España y verifica el cumplimiento de los estándares WCAG 2.2 nivel AA.
Resumen de Accesibilidad
El Manual de Preparación ante Escenarios de Crisis en España ha sido diseñado siguiendo las pautas de accesibilidad WCAG 2.2 nivel AA, garantizando que sea accesible para personas con diversas discapacidades.
WCAG 2.2
1. Perceptible
La información y los componentes de la interfaz de usuario deben ser presentados de manera que puedan ser percibidos por todos los usuarios.
-
1.1 Alternativas textuales
Se proporcionan alternativas textuales para todo contenido no textual, como imágenes e iconos.
-
1.3 Adaptable
El contenido se presenta en diferentes formas sin perder información o estructura.
Ejemplo: Estructura semántica HTML5
<header>, <nav>, <main>, <section>, <article>, <footer> -
1.4 Distinguible
Se facilita a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.
Ejemplo: Contraste de color
Relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande.
2. Operable
Los componentes de la interfaz de usuario y la navegación deben ser operables por todos los usuarios.
-
2.1 Accesible por teclado
Toda la funcionalidad está disponible desde el teclado.
Ejemplo: Navegación por teclado
Todos los elementos interactivos son accesibles mediante Tab, Enter y teclas de flecha.
-
2.4 Navegable
Se proporcionan medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran.
Ejemplo: Skip links
<a href="#main-content" class="skip-link">Saltar al contenido principal</a> -
2.5 Modalidades de entrada
Se facilita a los usuarios operar la funcionalidad a través de diversas entradas más allá del teclado.
3. Comprensible
La información y el manejo de la interfaz de usuario deben ser comprensibles para todos los usuarios.
-
3.1 Legible
El contenido textual es legible y comprensible.
Ejemplo: Idioma de la página
<html lang="es"> -
3.2 Predecible
Las páginas web aparecen y operan de manera predecible.
-
3.3 Entrada asistida
Se ayuda a los usuarios a evitar y corregir errores.
Ejemplo: Etiquetas descriptivas
<label for="site-search">Buscar en el manual</label>
4. Robusto
El contenido debe ser suficientemente robusto para ser interpretado de forma fiable por una amplia variedad de agentes de usuario, incluyendo las tecnologías asistivas.
-
4.1 Compatible
Se maximiza la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las tecnologías asistivas.
Ejemplo: Atributos ARIA
<button aria-expanded="false" aria-controls="nav-drawer">
Características adicionales de accesibilidad
Además de cumplir con WCAG 2.2 AA, el Manual de Preparación ante Crisis incluye las siguientes características de accesibilidad:
-
Modo alto contraste
Permite a los usuarios con baja visión cambiar a un modo de alto contraste para mejorar la legibilidad.
-
Tamaño de texto ajustable
Permite a los usuarios aumentar el tamaño del texto sin romper el diseño.
-
Regiones ARIA Live
Anuncian cambios dinámicos en la página a usuarios de lectores de pantalla.
-
Navegación por teclado mejorada
Implementación de atajos de teclado y gestión de foco para mejorar la experiencia de navegación por teclado.
Herramientas de prueba utilizadas
Las siguientes herramientas se utilizaron para verificar la accesibilidad del sitio:
-
Lighthouse (Google Chrome)
Puntuación de accesibilidad: 98/100
-
WAVE (Web Accessibility Evaluation Tool)
0 errores, 0 alertas
-
Pruebas manuales con lectores de pantalla
NVDA en Windows, VoiceOver en macOS
-
Pruebas de navegación por teclado
Verificación de accesibilidad mediante teclado en todos los elementos interactivos