Clavora Clavora Volver al inicio
accesibilidad

Declaración de Accesibilidad

Última actualización: 3 de julio de 2025

HTML semántico

Usamos elementos HTML con el significado correcto: encabezados (`h1`–`h3`) en orden jerárquico, listas, formularios con `label` asociados, y landmarks de página (`header`, `main`, `footer`, `nav`). Esto mejora la experiencia con lectores de pantalla.

Navegación por teclado

Todos los elementos interactivos del sitio (menú, botones, formulario, acordeón de preguntas, diálogo de cookies) son accesibles y operables exclusivamente con el teclado. El orden de foco sigue el flujo visual de la página.

Contraste de color ≥ 4.5:1

Los colores de texto principal (#1C2E2A sobre fondos claros) y los elementos de interfaz cumplen con el mínimo de contraste 4.5:1 exigido por WCAG 2.1 AA para texto normal. Los botones de acción en amarillo (#D79A2B) usan texto oscuro para mantener la legibilidad.

Respeto a `prefers-reduced-motion`

El sitio no usa animaciones automáticas en bucle. Las transiciones de hover son sutiles (≤0.4s). Si tu sistema operativo tiene activada la opción de reducir el movimiento, los efectos de transición no se aplican.

Texto alternativo en imágenes

Cada imagen de contenido tiene un atributo `alt` descriptivo y contextualmente relevante. Los iconos decorativos llevan `aria-hidden="true"` para que los lectores de pantalla no los anuncien.

Formularios etiquetados

Todos los campos del formulario de contacto tienen su `label` asociado mediante el atributo `for`/`id`. Los campos obligatorios se identifican visualmente y con texto explícito, no solo con el atributo `required`.