Medidas adoptadas para apoyar la accesibilidad

Para favorecer la accesibilidad en nuestro sitio web, hemos implementado las siguientes mejoras:

1. Estructura y optimización para lectores de pantalla

• Jerarquía lógica de encabezados: Las páginas están estructuradas con etiquetas de encabezado claras y secuenciales ($H1$, $H2$, $H3$) para permitir que los usuarios de lectores de pantalla naveguen por el contenido de manera eficiente y en el orden de lectura previsto.

• Títulos de página descriptivos: Cada página cuenta con una etiqueta `<title>` única y descriptiva para orientar a los visitantes de inmediato.

• Texto alternativo: Las imágenes informativas, los premios de la clínica, las acreditaciones, los banners de eventos y las fotografías de los miembros de la junta directiva incluyen texto alternativo descriptivo.

• Elementos decorativos: Los fondos puramente visuales, los encabezados multimedia decorativos y los iconos estéticos de servicios están marcados explícitamente como decorativos para evitar saturar las locuciones de los lectores de pantalla.

• Etiquetas claras en enlaces y botones: Los elementos interactivos —incluida la navegación en encabezados y pies de página, los iconos de redes sociales y los botones de acción— cuentan con etiquetas claras y descriptivas (eliminando así anuncios repetitivos e iconos sin etiquetar).

​

2. Diseño visual y de contraste

• Contraste de color: El texto y los elementos clave de la interfaz de usuario (como los horarios de atención y las alertas principales) cumplen o superan las relaciones de contraste de nivel AA de las WCAG con respecto a sus fondos.

• Pruebas en monocromo: El contenido y los elementos esenciales de la interfaz no dependen exclusivamente del color para transmitir información o instrucciones.

• Zoom y redistribución (reflow): El diseño admite un zoom del navegador de hasta el 200 % sin pérdida de contenido, recortes en los menús ni fallos en los cuadros de diálogo interactivos.

​

3. Navegación por teclado y gestión del foco

• Operatividad completa mediante teclado: Los menús de navegación principales, las ventanas emergentes, los cuadros de diálogo interactivos y los botones de acción clave (como las opciones para «Donar» y «Reservar cita») son totalmente accesibles mediante teclado (Tab, Shift+Tab, Enter, Espacio, Esc).

• Indicadores de foco visibles: Los componentes interactivos muestran contornos visuales claros cuando reciben el foco mediante el teclado.

​

4. Formularios y elementos interactivos

• Etiquetas de campos de formulario: Los formularios para pacientes y los campos de "Contáctenos" cuentan con etiquetas explícitas y legibles asociadas a cada campo.

• Gestión de errores y validación: Los errores en los formularios se notifican e identifican claramente, incluyendo instrucciones para ayudar a los usuarios a corregir las entradas faltantes o no válidas.

​

5. Medios y movimiento

• Controles de movimiento y reproducción automática: Cualquier animación visual, texto en desplazamiento dinámico o elemento multimedia de reproducción automática ofrece a los usuarios la posibilidad de pausar, detener o gestionar el movimiento para minimizar las distracciones y prevenir la fatiga cognitiva.