Accesibilidad

Declaración de accesibilidad

Declaración preparada el 21 de agosto de 2026 y revisada el 8 de septiembre de 2026, mediante autoevaluación realizada por el equipo de desarrollo.

1. Situación de cumplimiento

Este sitio web es parcialmente conforme con la norma UNE-EN 301 549 y con las WCAG 2.1 nivel AA, debido a las excepciones y a la falta de conformidad de los aspectos que se recogen en el apartado 3.

El alcance de esta declaración es el sitio farmaciaamiga.es en su conjunto: la página de inicio y las páginas de aviso legal, política de privacidad, política de cookies y esta misma declaración.

2. Medidas aplicadas

• Estructura semántica. Un solo <h1> por página y una jerarquía de encabezados correcta, con <header>, <nav>, <main>, <section>, <article>, <aside> y <footer>.
• Idioma declarado con lang="es" en todas las páginas.
• Enlace «Saltar al contenido» como primer elemento enfocable, visible al recibir el foco.
• Navegación completa por teclado. Todos los enlaces, botones, filtros y campos de formulario se alcanzan y se activan con el teclado, en un orden que sigue el orden visual. El menú móvil se cierra con la tecla Escape y devuelve el foco al botón que lo abrió.
• Foco siempre visible, con un contorno de 3 px y separación respecto al elemento, en todos los controles.
• Contraste. Todo el texto de tamaño normal supera la relación 4.5:1 que exige el criterio 1.4.3, y los titulares grandes superan el 3:1 que ese mismo criterio pide para texto de gran tamaño. La paleta reparte el verde de marca en varios tonos, cada uno con un trabajo concreto: el verde del logotipo (#8CC63F, 2,05:1 sobre blanco) se reserva para el isotipo y para grafismo puro y nunca se usa como texto; el verde de titulares (#5E9636) da 3,56:1 sobre blanco y solo viste encabezados grandes en negrita; el verde de botones (#4F7818) da 5,21:1 con texto blanco encima; y el verde de texto pequeño y enlaces (#3E6F19) da 6,01:1 sobre blanco. El cuerpo va en gris oscuro (#3A3A3A, 11,37:1). Los bordes de los campos de formulario dan 3,64:1, por encima del 3:1 que pide el criterio 1.4.11 para componentes de interfaz.
• Textos alternativos. Las imágenes informativas llevan alt descriptivo; las decorativas llevan alt vacío o aria-hidden para que los lectores de pantalla las ignoren.
• Formularios. Cada campo tiene su <label> asociada, los errores se anuncian en texto mediante una región aria-live y el foco se lleva al primer campo incorrecto. El resultado del envío se anuncia con el texto que devuelve el servidor, no con uno genérico, para que quien no ve la pantalla reciba el mismo detalle que quien la ve. El formulario lleva un campo trampa contra el correo basura: está fuera de pantalla, marcado aria-hidden y con tabindex="-1", de modo que ni se anuncia con lector de pantalla ni se alcanza con el tabulador. No usamos CAPTCHA ni ningún servicio de verificación de terceros.
• Filtros de zona implementados como botones con aria-pressed, de modo que un lector de pantalla anuncia cuál está activo.
• Movimiento. Los bloques aparecen al llegar a ellos con un desplazamiento de 18 px y una transición de 380 ms, y los botones y las tarjetas responden con un desplazamiento de 1 a 3 px. Todo ello se apaga por completo, no se acorta, si el sistema tiene activado reducir movimiento (prefers-reduced-motion): en un sitio sanitario el movimiento puede afectar a personas con migraña o con trastornos vestibulares. No hay carruseles automáticos, ni parpadeos, ni parallax, ni nada que se mueva solo de forma continua. Y el contenido no depende de ninguna animación para verse: si JavaScript no se ejecuta, la página se muestra entera de entrada.
• Zoom y redimensionado. El texto se puede ampliar hasta el 200 % sin pérdida de contenido ni de funcionalidad, y la maqueta responde sin desbordamiento horizontal desde 320 px de ancho.
• Alternativa al mapa. El mapa interactivo tiene siempre una alternativa en texto con todas las direcciones y sus enlaces de ruta, disponible también si el mapa no llega a cargarse.
• Independencia del ratón. Toda la información que aparece al pasar el ratón por encima de una tarjeta también aparece al llegar a ella con el teclado.

3. Contenido no accesible

3.1. Falta de conformidad

• Mapa interactivo (Leaflet). El componente de mapa permite desplazarse y hacer zoom con el teclado, pero su experiencia con lector de pantalla es limitada y no la controlamos por completo, ya que depende de una biblioteca de terceros. Por eso se ofrece siempre la alternativa textual descrita más arriba, que contiene toda la información del mapa.

3.2. Carga desproporcionada

No se alega ninguna.

3.3. Contenido fuera del ámbito de aplicación

Las webs y los perfiles en redes sociales de cada farmacia, el servicio de farmacias de guardia del Ilustre Colegio Oficial de Farmacéuticos de Málaga y Google Maps son sitios de terceros, con sus propios responsables. Esta declaración no cubre su accesibilidad.

4. Preparación de esta declaración

Esta declaración se preparó el 21 de agosto de 2026 y se revisó el 8 de septiembre de 2026, después del rediseño de la web, mediante autoevaluación, revisando el código, la navegación por teclado, el contraste de todos los pares de color utilizados y el comportamiento del sitio a 320, 360, 375, 390, 414, 430, 768, 820, 1024, 1280, 1440 y 1920 píxeles de ancho, y también en horizontal a 844×390 y 932×430.

5. Observaciones y datos de contacto

Si te encuentras con una barrera de accesibilidad en esta web, cuéntanoslo. Nos sirve, y lo arreglamos.

• Escribe a info@farmaciaamiga.es indicando la página, qué intentabas hacer y qué te lo impidió.
• También puedes usar el formulario de contacto.

Puedes solicitar por la misma vía información que esté publicada en un formato no accesible, y te la facilitaremos en un formato alternativo.

Responderemos en un plazo máximo de veinte días hábiles. Si no recibes respuesta o no te satisface, puedes dirigir una reclamación al mismo buzón indicando expresamente que se trata de una reclamación en materia de accesibilidad.

6. Compatibilidad

Este sitio está pensado para funcionar con las versiones actuales de Chrome, Firefox, Safari y Edge, en ordenador y en móvil, y con las tecnologías de apoyo habituales en esos navegadores. Si JavaScript está desactivado, o si un bloqueador impide que se ejecute, la web se muestra entera: el contenido no depende de ningún script para aparecer. Lo que no se muestra es el mapa interactivo, que se sustituye por el listado de direcciones con sus enlaces de ruta, y el botón de menú de la versión móvil, que no tendría nada que abrir; la navegación completa sigue disponible en el pie de página. El formulario de contacto también funciona sin JavaScript: se envía al servidor como un formulario de toda la vida y este devuelve la página con el resultado, que se muestra en un aviso visible sin necesidad de ningún script.