Accesibilidad

Lo que realmente se construyó

• Estructura. Cada página usa landmarks reales — header, navegación, main, footer —, tiene exactamente un h1, no se salta niveles de encabezado y empieza con un enlace para saltar al contenido. Comprobado en las 59 páginas compiladas, en cuatro condiciones, y las dos últimas páginas que tenían contenido fuera de todo landmark se arreglaron el 17 de septiembre de 2026.
• Teclado. Todo lo que puedes hacer con el mouse lo puedes hacer con el teclado, incluidos los menús desplegables de navegación (que abren con Enter o Espacio, cierran con Escape y se recorren con las flechas en vez de exigir pasar el mouse), el selector de fechas, las líneas de tiempo de las zonas y las galerías de fotos. Dos tablas anchas se desplazaban de lado sin nada enfocable dentro, lo que dejaba sus columnas de la derecha completamente fuera del alcance de un teclado; ahora reciben el foco y lo muestran.
• Foco. El indicador de foco es de dos anillos — uno brillante dentro de uno azul marino — elegido porque un solo anillo amarillo medía 1.50:1 contra los fondos claros del sitio y habría sido prácticamente invisible. El reemplazo mide al menos 4.98:1 en todas las superficies del sitio y además se dibuja en el modo de colores forzados de Windows.
• Contraste. Cada combinación de color de este sitio se mide, no se estima — y medir fue justo lo que encontró la que estaba mal. La etiqueta del botón principal era blanca sobre el teal de la marca, a 2.58:1, donde la norma pide 4.5:1, y estaba en todas las páginas que tienen botón. Ahora la etiqueta es el azul marino del sitio, a 5.73:1, y el color del botón no cambió. El contraste está limpio en las 57 páginas públicas. Cuatro de los seis colores de la marca siguen sin poder llevar texto sobre fondo claro, así que en las páginas claras se usan como superficie y nunca como texto; en las páginas azul marino se usan como texto, donde miden entre 4.98:1 y 9.04:1.
• Movimiento. Toda animación está dentro de una consulta prefers-reduced-motion: no-preference. Si tu sistema pide menos movimiento, las partes móviles se detienen — el video de la portada se vuelve tres imágenes fijas sin transición — y nada en el sitio se anima solo.
• Video. El video de portada está silenciado, no tiene pista de audio y nunca reproduce sonido. Es decorativo y no es la única vía a ninguna información.
• Formularios. Cada campo tiene una etiqueta visible real, los grupos usan fieldset y legend, los textos de ayuda y de error se enlazan con aria-describedby, los errores aparecen junto al campo y también en un resumen arriba, y el foco se mueve a ese resumen cuando un envío falla. Cada error dice qué está mal y cómo arreglarlo.
• Sin CAPTCHA en ninguna parte. El spam se maneja con un campo oculto y una comprobación de tiempo, que no te cuestan nada y no cargan nada. Un CAPTCHA habría sido una barrera justo para las personas de las que trata esta página.
• Texto sobre imágenes. Ningún texto de este sitio va directamente sobre una fotografía o sobre video. El contraste sobre imágenes en movimiento no se puede medir, así que no se puede prometer: el texto va sobre un panel sólido.
• Imágenes. Las fotografías llevan texto alternativo que dice qué hay en ellas. Donde la familia todavía no entregó una foto, el espacio reservado está etiquetado y se anuncia como “Espacio reservado: la familia DeLisle” en vez de quedarse en silencio.
• Zoom y reflujo. Las páginas funcionan al 400% de zoom y hasta un ancho de 320px en una sola columna — es la misma prueba, medida a 320px en todas las páginas — sin desplazamiento horizontal salvo en dos lugares donde deslizar de lado es la idea: las líneas de tiempo de las zonas y las tiras de fotos. Los dos se manejan con teclado y los dos se leen con JavaScript desactivado.
• Alto contraste de Windows. Cada página se comprobó con los colores forzados activados, y las 59 salen con sus roles, sus nombres y sus landmarks intactos. El anillo de foco también sobrevive, y por eso se dibuja con un contorno además de una sombra.
• Sin JavaScript. El sitio funciona. El formulario de contacto se envía, el módulo de reservas se vuelve un formulario común, las líneas de tiempo se leen como listas ordenadas y el cambio de idioma es un enlace normal.
• En los dos idiomas. Cada página declara su idioma para que un lector de pantalla pronuncie el español como español, y las páginas en español son una traducción real, no una pasada automática.

Con qué se probó, y qué salió

Este sitio es HTML, CSS y una cantidad pequeña de JavaScript, y está construido para que el JavaScript sea una mejora y no un requisito. Debería funcionar en cualquier navegador actual. Si usas un navegador o una herramienta asistiva de hace varios años y algo se rompe, igual vale la pena reportarlo — preferimos saberlo.

El 17 de septiembre de 2026 se pasó el sitio compilado completo por axe-core 4.13, el motor de reglas de accesibilidad de código abierto que se usa como estándar, manejado con Playwright en Chromium 153. No una muestra: las 59 páginas, contra las reglas de WCAG 2.0, 2.1 y 2.2 en niveles A y AA más el conjunto de buenas prácticas del propio motor, en cuatro condiciones:

• Una ventana de escritorio normal.
• Con el navegador pidiendo menos movimiento, que es como están condicionadas las animaciones de este sitio.
• A 320 píxeles CSS de ancho, que es la misma medición que el 400% de zoom y es como está escrito de verdad el requisito de reflujo.
• Con el alto contraste de Windows activado.

El resultado: ninguna violación estructural en ninguna página, en ninguna de las cuatro condiciones, y ningún fallo de contraste en ninguna de las 57 páginas públicas. Llegar ahí implicó arreglar tres defectos reales que encontró la pasada: una lista huérfana en el encabezado de 57 páginas, dos tablas que se desplazaban de lado y que un teclado no podía alcanzar, y la etiqueta del botón que se describe arriba. Aparte, Lighthouse de Google le da a este sitio 100 en accesibilidad en las ocho plantillas de página que audita.

Nada de eso es una afirmación privada. La pasada es un comando dentro del código de este sitio — `npm run check:a11y` — y imprime cada número citado aquí. La sección que sigue es la más importante: lo que una prueba así no puede ver.

Lo que no hemos hecho y lo que sabemos que está imperfecto

• Sin auditoría independiente. Nadie fuera del equipo ha probado este sitio. Hasta que eso pase, toma el “WCAG 2.2 AA” de esta página como una meta a la que trabajamos, no como un certificado.
• Ningún lector de pantalla lo ha usado. Este es el límite honesto de la sección de arriba. Esa pasada fue un motor automático en un solo navegador: el sitio nunca ha pasado por VoiceOver, NVDA, JAWS ni TalkBack, y no se le ha pedido a ninguna persona con discapacidad que intente reservar una semana aquí. Una pasada automática limpia y un sitio agradable de usar con lector de pantalla no son el mismo logro, y nosotros solo tenemos el primero.
• Las reglas automáticas detectan una minoría de lo que importa. Pueden decirte que una imagen no tiene texto alternativo; no pueden decirte si ese texto es bueno. Pueden decirte que se saltó un nivel de encabezado; no pueden decirte si los encabezados tienen sentido. Pueden medir una relación de contraste; no pueden decirte que la frase es confusa. Todo lo de esa categoría en este sitio es un juicio humano que nadie ha revisado de forma independiente.
• El borde del botón principal es débil. Arreglada la etiqueta, el color del botón contra la página mide 2.50:1, donde la norma pide 3:1 para el contorno de un control. En la práctica el botón es grande, está rotulado con palabras y tiene un anillo de foco fuerte, así que se encuentra — pero si tienes sensibilidad al contraste reducida, su forma contra la página es más débil de lo que debería. Está en la lista, y se nombra aquí en vez de dejarte descubrirlo.
• Un solo motor de navegador. Todo lo de arriba se midió en Chromium. Firefox y Safari dibujan este sitio con el mismo HTML y el mismo CSS, y aquí no se usa ninguna función propia de un motor, pero no formaron parte de la pasada medida.
• Espacios reservados en vez de fotografías. Varias imágenes — el retrato de familia, los retratos de Stephanie y de Joe, las fotos de las zonas — todavía no se entregaron. Son espacios reservados y están etiquetados. Se anuncian correctamente, pero no son la foto que venías a ver.
• El énfasis se marca con peso, no con cursiva. El sitio usa dos tipografías que no incluyen cursiva, y las cursivas falsas son feas y poco confiables, así que las palabras enfatizadas van en un peso más grueso y recto. El significado queda intacto para un lector de pantalla; visualmente es una señal más discreta que una cursiva.
• El checkout de reservas no es nuestro. Cuando pasas de nuestro módulo de disponibilidad al pago, llegas a las páginas alojadas de nuestro proveedor de administración de propiedades. No controlamos la accesibilidad de ese proveedor, y no formó parte de la pasada de arriba. Si te bloquea, dínoslo — podemos tomar la reserva por teléfono o correo, y queremos saberlo para plantearlo con ellos.
• Mapas y contenidos incrustados de terceros. No usamos un proveedor de mapas de terceros en este sitio; el dibujo de la costa es un SVG propio. Si eso alguna vez cambia, esta sección cambia con eso.

Si algo aquí te bloquea

Dínoslo y lo arreglamos. Escribe a expsunshine@gmail.com o llama al (239) 233-4589.

Lo que más nos ayuda: la dirección de la página, qué estabas tratando de hacer y qué pasó en vez de eso. Si sabes qué estás usando — lector de pantalla, solo teclado, zoom, control por voz — eso acorta mucho la búsqueda. Nada de eso es obligatorio. “El formulario de reserva no me deja elegir una fecha” es un reporte perfectamente bueno.

Respondemos los reportes de accesibilidad en menos de 48 horas, que es la misma promesa que hace la página de contacto para cualquier otro mensaje, porque son las mismas dos personas las que responden. Si arreglarlo va a tomar más que eso, la respuesta te lo va a decir y te va a decir qué podemos hacer mientras tanto.

Y mientras tanto, siempre hay una persona. Todo lo que puedes hacer en este sitio lo puedes hacer llamándonos o escribiéndonos: preguntar por fechas, reservar una semana, preguntarle a Stephanie por una zona o una propiedad. Nunca te vamos a decir que uses el formulario.

Próxima revisión

Esta página se revisó por última vez el 17 de septiembre de 2026, y la prueba que hay detrás es un comando y no una ocasión: corre contra todo el sitio cada vez que el sitio cambia, que es lo que evita que la sección de arriba envejezca en silencio.

La próxima revisión completa toca antes de septiembre de 2027, y antes si cambian el módulo de reservas, los formularios o la paleta de colores. Stephanie y Joe son los responsables, igual que de todo lo demás aquí; no hay un departamento. Si la fecha de arriba lleva más de un año de atraso, esta página se descuidó y tienes todo el derecho a decirlo.