Filosofía de Accesibilidad

Nuestra misión es ofrecer una experiencia de usuario inclusiva y equitativa. Entendemos que la accesibilidad web no es solo una cuestión de cumplimiento normativo, sino un principio fundamental para construir una comunidad digital donde cada persona pueda explorar, planificar y disfrutar de las maravillas que ofrecemos. Estamos dedicados a cumplir y superar las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 Nivel AA, adoptando un enfoque centrado en el usuario en todas las etapas de diseño y desarrollo de nuestro sitio.

Consideramos la accesibilidad como un pilar integral de nuestra estrategia, abordando aspectos como la perceptibilidad , la operabilidad , la comprensibilidad y la robustez del contenido y la interfaz. Este compromiso se refleja en cada página y funcionalidad que presentamos, asegurando que cada viajero, independientemente de sus habilidades, pueda navegar nuestro sitio con confianza y facilidad.

Navegación por Teclado en Detalle

Para quienes prefieren o necesitan navegar utilizando un teclado, hemos diseñado nuestro sitio web con un énfasis especial en la navegación por tabulación. Todos los enlaces, botones, campos de formulario y otros elementos interactivos están ordenados lógicamente, permitiendo un desplazamiento intuitivo mediante la tecla "Tab". Para la activación de elementos, se puede usar la tecla "Enter" o la barra espaciadora, segün corresponda. La indicación visual del foco es siempre prominente, utilizando un contorno de alta visibilidad para que nunca pierda de vista dónde se encuentra en la página.

Los menüs desplegables, carruseles de imágenes y modales se controlan completamente con el teclado. Por ejemplo, para cerrar un modal, se puede presionar la tecla "Esc". Hemos realizado pruebas exhaustivas con navegadores y sistemas operativos para asegurar que esta funcionalidad sea robusta y consistente.

Compatibilidad con Lectores de Pantalla

La semántica HTML5 es la base de nuestra estrategia de accesibilidad para lectores de pantalla. Utilizamos encabezados (h1-h6) de forma jerárquica para estructurar el contenido, etiquetas semánticas como `

Hemos trabajado con expertos en accesibilidad para validar que nuestro sitio web se lee de forma coherente y ütil para usuarios de lectores de pantalla como JAWS, NVDA y VoiceOver. A continuación, se presenta una tabla que ilustra la estructura semántica básica de una sección de nuestra página de guías de destino:

Estructura Semántica de una Guía de Destino

Elemento HTML	Propósito	Ejemplo de Uso en Aethelred & Co.
` `	Título Principal de la Página	"Guía de Viaje Completa: Andalucía"
`	Navegación Principal	Menü de navegación del sitio con enlaces a otras secciones
` `	Contenido Principal de la Página	Todo el contenido de la guía de Andalucía
` `	Subtítulo de Sección	"Atracciones Imprescindibles"
` `	Subtítulo de Subsección	"Cultura y Arquitectura"
` `	Contenido visual con descripción	` `
` ` / ` `	Listas no ordenadas	Listas de recomendaciones de restaurantes o actividades
` `	Acciones interactivas	Botón "Reservar Ahora" para un hotel o tour
` ` / ` `	Campos de formulario	Etiqueta "Correo Electrónico" para el campo de entrada de correo

Contraste y Personalización Visual

Hemos implementado un modo oscuro que no solo mejora la experiencia visual en entornos con poca luz, sino que también ofrece un mayor contraste para algunos usuarios. Nuestros esquemas de color siguen las directrices de WCAG AA, asegurando una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. Además, permitimos que los navegadores y usuarios ajusten el tamaño del texto utilizando las funciones integradas del navegador, sin perder la integridad del diseño o la funcionalidad.

Las siguientes combinaciones de colores son ejemplos de nuestro compromiso:

• Texto principal sobre fondo claro:
• Fondo: `#F8F5F2` (Blanco Roto)
• Texto: `#333` (Gris Oscuro)
• Relación de Contraste: 14.63:1 (WCAG AAA)
• Texto principal sobre fondo oscuro (Modo Oscuro):
• Fondo: `#212121` (Negro Muy Oscuro)
• Texto: `#E0E0E0` (Gris Claro)
• Relación de Contraste: 12.34:1 (WCAG AAA)
• Colores de enlace y acento:
• Color Primario: `#B38B5B` (Tono Ocre)
• Color de Acento: `#D4AF37` (Dorado Sutil)
• Ambos colores ofrecen un contraste adecuado con el texto circundante.

Diseño Adaptable (Responsive)

La experiencia de usuario en Aethelred & Co. se adapta a tu dispositivo. Hemos adoptado un enfoque de diseño "mobile-first", lo que significa que hemos priorizado la experiencia en pantallas pequeñas y, a partir de ahí, hemos escalado para pantallas más grandes. Esto asegura que, ya sea que estés navegando desde tu teléfono móvil en un viaje improvisado o desde tu ordenador de mesa planeando tu próxima gran aventura, la interfaz será intuitiva, fácil de leer y completamente funcional.

Cada elemento, desde la navegación hasta el contenido de las guías de destino, está diseñado para adaptarse sin problemas a diferentes resoluciones de pantalla. Las imágenes se redimensionan proporcionalmente, los textos se ajustan para mantener la legibilidad, y los elementos interactivos permanecen fácilmente alcanzables, todo ello sin comprometer la estética o la usabilidad. Las consultas de medios (`@media queries`) en nuestro CSS son fundamentales para este proceso, permitiéndonos aplicar estilos específicos segün el ancho de la pantalla.

Lenguaje Claro y Estructura Lógica

Creemos en la comunicación directa y sin ambigüedades. Nuestro contenido está escrito en un español claro y accesible, evitando jerga técnica innecesaria o frases excesivamente complejas. Cada página está organizada con una estructura jerárquica de encabezados (`

` a `

`) que ayuda a los usuarios y a las tecnologías de asistencia a comprender la organización del contenido y a navegar rápidamente a las secciones de interés. Los enlaces tienen textos descriptivos que indican claramente a dónde conducen, evitando frases genéricas como "Haz clic aquí". Los formularios incluyen instrucciones claras y retroalimentación ütil en caso de errores.

Otras Consideraciones de Accesibilidad

Estamos constantemente revisando y mejorando nuestro sitio web para abordar otros aspectos de la accesibilidad, incluyendo:

• Alternativas de texto para contenido multimedia: Aunque actualmente no contamos con videos o audios complejos, estamos planificando incluir subtítulos y transcripciones cuando sea apropiado.
• Diseño sin intermitencias o movimientos excesivos: Hemos evitado el uso de contenido que parpadee o se mueva de manera distractora, lo cual puede ser perjudicial para personas con epilepsia fotosensible.
• Accesibilidad de formularios: Todos los campos de formulario están etiquetados correctamente, y la validación de errores se presenta de manera clara y accesible.
• Controles de usuario: Los usuarios pueden controlar las funciones interactivas sin necesidad de movimientos finos o de precisión.

Feedback y Mejora Continua

Tu experiencia es fundamental para nosotros. Si encuentras alguna barrera de accesibilidad en nuestro sitio web, o si tienes alguna sugerencia para mejorar, te invitamos a ponerte en contacto con nosotros. Agradecemos enormemente tus comentarios, ya que nos ayudan a hacer de Aethelred & Co. un espacio digital más inclusivo para todos.