/V2026—● MÁLAGA, ES
·

Declaración de accesibilidad

Nuestro compromiso con la accesibilidad web y el cumplimiento de las WCAG 2.1 Nivel AA

Compromiso con la accesibilidad

Este sitio web se compromete a garantizar la accesibilidad digital para las personas con discapacidad. Mejoramos continuamente la experiencia de usuario para todos y aplicamos las normas de accesibilidad pertinentes.

Objetivo de conformidad

Este sitio web tiene como objetivo cumplir con las normas WCAG 2.1 Nivel AA publicadas por la Iniciativa de Accesibilidad Web (W3C).

Qué significa esto

  • El contenido es perceptible para todos los usuarios, independientemente de cómo accedan a la web
  • Los componentes de la interfaz y la navegación se pueden manejar mediante el teclado y tecnologías de apoyo
  • La información y las operaciones de la interfaz son comprensibles
  • El contenido es lo suficientemente robusto como para funcionar con tecnologías de apoyo actuales y futuras

Funciones de accesibilidad

Navegación con el teclado

Todos los elementos interactivos son totalmente accesibles mediante el teclado:

  • Utiliza la tecla Tab para avanzar por los elementos interactivos
  • Utiliza Shift + Tab para retroceder
  • Utiliza Enter o Espacio para activar botones y enlaces
  • Utiliza Esc para cerrar cuadros de diálogo y ventanas modales
  • Al recibir el foco del teclado, aparece un enlace de salto visible para ir directamente al contenido principal

Compatibilidad con lectores de pantalla

  • Estructura HTML semántica con una jerarquía de encabezados adecuada
  • Etiquetas y roles ARIA cuando el HTML semántico no es suficiente
  • Texto alternativo para todas las imágenes significativas
  • Etiquetas de formulario y mensajes de error correctamente asociados
  • Regiones de referencia (header, main, nav, footer) para facilitar la navegación

Diseño visual

  • Relación de contraste mínima de 4,5:1 para el texto normal (WCAG AA). En la paleta predeterminada del tema oscuro, el texto pequeño en rojo de acento depende del modo de alto contraste, que se describe a continuación
  • Relación de contraste mínima de 3:1 para el texto grande (WCAG AA)
  • El texto se puede ampliar hasta un 200 % sin pérdida de funcionalidad
  • No se recurre exclusivamente al color para transmitir información
  • Los indicadores de foco son claramente visibles con contornos de 2 píxeles

Modo de alto contraste

El tema oscuro predeterminado utiliza un rojo de acento intenso cuyo texto pequeño no alcanza una relación de contraste de 4,5:1. El botón Alto contraste de la navegación superior, presente en todas las páginas, cambia a una paleta que cumple las WCAG 2.1 Nivel AA en todo el texto:

  • El botón funciona con el teclado (Tab y, después, Enter o Espacio) e indica si el alto contraste está activado
  • Tu elección se recuerda entre páginas y visitas
  • Si tu sistema operativo solicita más contraste (por ejemplo, Aumentar contraste en macOS e iOS), el alto contraste se activa automáticamente

Movimiento y animación

  • Las animaciones son sutiles y no distraen
  • Se respetan las preferencias de movimiento reducido mediante prefers-reduced-motion
  • Ningún contenido parpadea más de 3 veces por segundo

Formularios

  • Todos los campos de los formularios tienen etiquetas visibles
  • Los mensajes de error son descriptivos y están asociados a los campos
  • Los campos obligatorios están claramente marcados
  • El desafío de Cloudflare Turnstile es accesible mediante el teclado

Prácticas de pruebas

Pruebas automatizadas

  • ESLint con eslint-plugin-jsx-a11y detecta problemas comunes durante el desarrollo
  • El script de auditoría de accesibilidad automatizada (scripts/audit-a11y.mjs) se ejecuta en CI/CD
  • Una suite dedicada de Playwright (test/a11y/) ejecuta un análisis completo con axe-core (WCAG 2.1 A/AA) en todas las páginas, en ambos idiomas y en los temas claro y oscuro, con el modo de alto contraste desactivado y activado. El contraste de colores se comprueba en todas las presentaciones salvo la paleta predeterminada del tema oscuro, cuyo texto pequeño en rojo de acento queda cubierto por el modo de alto contraste, y todas las páginas deben incluir un botón de alto contraste que supere el análisis. La suite también comprueba el reajuste de contenido a un ancho de 320 píxeles y la anulación del espaciado de texto según WCAG 1.4.12, con advertencias de legibilidad sobre el tamaño del texto, la altura de línea y el grosor de la fuente

Pruebas manuales

Realizamos pruebas periódicas con:

  • Navegación por teclado: nos aseguramos de que todas las funciones sean accesibles mediante el teclado
  • Lectores de pantalla: pruebas con NVDA (Windows) y VoiceOver (macOS/iOS)
  • Zoom del navegador: verificamos el diseño y la funcionalidad con un zoom del 200 %
  • Analizadores de contraste de color: validamos los índices de contraste del texto y de los elementos de la interfaz de usuario

Tecnologías de asistencia probadas

  • NVDA (Windows)
  • JAWS (Windows)
  • VoiceOver (macOS, iOS)
  • TalkBack (Android)
  • Navegación solo con teclado (todas las plataformas)

Limitaciones conocidas

Aunque nos esforzamos por lograr una accesibilidad total, somos conscientes de lo siguiente:

  • Servicios de terceros: Cloudflare Turnstile (protección contra el spam) y Formspree (servicio de correo electrónico) son servicios externos sobre los que no tenemos control total, aunque hemos comprobado que cumplen con los estándares básicos de accesibilidad
  • Contenido dinámico: es posible que algunas animaciones no respeten todas las preferencias de movimiento del usuario en navegadores más antiguos

Mejora continua

La accesibilidad es un esfuerzo continuo. Nosotros:

  • Revisamos la accesibilidad en cada solicitud de incorporación de cambios
  • Realizamos comprobaciones automáticas de accesibilidad en CI/CD
  • Llevamos a cabo auditorías manuales periódicas
  • Actualizamos los componentes cuando se identifican problemas de accesibilidad
  • Nos mantenemos al día con las directrices WCAG y las mejores prácticas

Comentarios y contacto

Agradecemos cualquier comentario sobre la accesibilidad de este sitio web. Si te encuentras con barreras de accesibilidad:

Contacto: Utiliza el botón «Contacto» en la navegación del sitio web para ponerte en contacto con nosotros a través de nuestro formulario de contacto accesible.

Por favor, incluye:

  • La URL de la página en la que has detectado el problema
  • Una descripción del problema
  • La tecnología de apoyo que utilizas (si procede)
  • Tu navegador y sistema operativo

Nuestro objetivo es responder en un plazo de 2 días laborables y nos esforzaremos por resolver rápidamente los problemas notificados.

Especificaciones técnicas

  • HTML: HTML5 semántico
  • CSS: Tailwind CSS con tokens de diseño personalizados
  • JavaScript: React 19 con Next.js 16 (mejora progresiva)
  • ARIA: Aplicado cuando el HTML semántico resulta insuficiente
  • Componentes: Componentes React propios que usan elementos interactivos nativos (<button>, <a>, <form>) en lugar de una librería de widgets de terceros

Reclamaciones formales sobre accesibilidad

Este sitio web está gestionado por Vicente Opaso. Si desea presentar una reclamación formal sobre accesibilidad:

  1. Póngase en contacto con nosotros a través del formulario de contacto, indicando los detalles del problema
  2. Acusaremos recibo de su reclamación en un plazo de 2 días laborables
  3. Investigaremos el caso y le responderemos en un plazo de 10 días laborables con nuestras conclusiones y la solución propuesta

Normas y directrices

Esta declaración hace referencia a las siguientes normas:

Última actualización

Esta declaración de accesibilidad se revisó y actualizó por última vez el 11 de septiembre de 2026.

Documentación relacionada

Para los desarrolladores que colaboran en este proyecto: