Declaración de accesibilidad
Accesibilidad
Declaración actualizada el 22 de agosto de 2026, a partir de una revisión propia del sitio completo.
Conformidad declarada: WCAG 2.2 nivel AA
Lo corto: este sitio está hecho para poder usarse con teclado, con lector de pantalla, con la letra ampliada, con los colores del sistema, sin ratón y sin animaciones. Si algo no te funciona, escríbenos a info@douicookies.com y lo arreglamos.
- Compromiso
- Qué hicimos
- Teclado
- Movimiento
- Color y contraste
- Texto y zoom
- Lectores de pantalla
- Lo que todavía no está resuelto
- Cómo avisarnos
1. Nuestro compromiso
Queremos que cualquier persona pueda leer la carta, saber qué lleva cada galleta y hacer un pedido, sin importar cómo navegue. Eso incluye a quien usa lector de pantalla, a quien no puede usar un ratón, a quien amplía la letra al cuatrocientos por ciento, a quien necesita alto contraste y a quien las animaciones le producen malestar.
Tomamos como referencia las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.2, nivel AA, que son el estándar internacional y la base de la norma europea EN 301 549. En Colombia, la Resolución 1519 de 2020 del Ministerio de Tecnologías de la Información y las Comunicaciones remite a este mismo estándar.
2. Qué hicimos, en concreto
No es una lista de intenciones. Cada punto está implementado y verificado en el sitio que estás leyendo.
| Medida | Criterio WCAG |
|---|---|
| Enlace para saltar directo al contenido, primero en el orden de tabulación | 2.4.1 Evitar bloques |
| Toda imagen de galleta lleva una descripción que dice qué se ve y en qué versión | 1.1.1 Contenido no textual |
| Encabezados en orden, sin saltar niveles, y regiones marcadas como cabecera, navegación, contenido y pie | 1.3.1 · 2.4.6 |
| Todo el contenido se alcanza con teclado, en un orden que sigue al de la página | 2.1.1 · 2.4.3 |
| El foco siempre se ve, con un contorno de tres píxeles que cambia de color donde haría falta | 2.4.7 · 2.4.11 |
| El carrusel se mueve solo, pero tiene botón de pausa visible y permanente | 2.2.2 Poner en pausa |
| El carrusel también se maneja con botones y con las flechas del teclado: arrastrar nunca es la única forma | 2.5.7 Movimientos de arrastre |
| Con «reducir movimiento» activado, el fondo se detiene y el carrusel arranca en pausa | 2.3.3 Animación por interacciones |
| Todo el texto supera la relación de contraste 4.5 a 1 sobre su propio fondo, incluidos los dieciséis colores de galleta | 1.4.3 Contraste mínimo |
| Con «más contraste» activado en el sistema, se retiran los fondos translúcidos y el fondo animado | 1.4.3 · 1.4.11 |
| Ninguna información se transmite sólo con el color: el color de cada sabor va siempre acompañado del nombre escrito | 1.4.1 Uso del color |
| La página se reordena en una columna a 320 píxeles y admite zoom al cuatrocientos por ciento sin desplazamiento horizontal | 1.4.10 Reajuste |
| El texto se puede espaciar sin que se recorte ni se superponga | 1.4.12 Espaciado del texto |
| Las zonas que se tocan miden al menos cuarenta y cuatro píxeles de alto | 2.5.8 Tamaño del objetivo |
| Sin JavaScript el contenido igual se ve: nada queda escondido esperando una animación | 4.1.2 Nombre, función, valor |
| El idioma de la página está declarado, y las palabras en otro idioma van marcadas | 3.1.1 · 3.1.2 |
| Cada botón dice qué hace, y el de pausa anuncia su estado | 4.1.2 Nombre, función, valor |
| La ficha del sabor activo se anuncia al cambiar, sin interrumpir la lectura | 4.1.3 Mensajes de estado |
3. Cómo se usa con teclado
- Tabulador: avanza por enlaces y botones. El primero es el salto al contenido.
- Tabulador con mayúsculas: retrocede.
- Entrar o espacio: activa el elemento enfocado.
- Flecha izquierda y derecha en la vitrina: cambia de sabor cuando la vitrina está a la vista.
- Flecha izquierda y derecha en el carrusel: avanza o retrocede un sabor cuando el carrusel tiene el foco.
No hay ninguna trampa de foco: desde cualquier punto se puede seguir tabulando hasta salir. Tampoco hay atajos de una sola tecla que puedan dispararse por accidente al dictar.
4. Movimiento
Dos cosas se mueven solas en este sitio: el fondo azul y el carrusel de texturas.
- El carrusel lleva un botón de pausa visible, siempre presente, que detiene el movimiento y lo deja detenido. También se para solo cuando pasas el puntero por encima, cuando sale de pantalla y cuando cambias de pestaña.
- El fondo se mueve muy despacio y no contiene información. Con la preferencia de reducir movimiento del sistema activada, se detiene por completo, el carrusel arranca en pausa y las apariciones de contenido se vuelven inmediatas.
No hay nada que parpadee. Ningún elemento destella más de tres veces por segundo, así que el sitio no presenta riesgo conocido para personas con epilepsia fotosensible.
5. Color y contraste
Cada sabor tiene su propio color y ese color se usa como fondo de su ficha. Comprobamos el contraste de cada texto contra cada uno de los dieciséis colores, uno por uno. El peor caso queda en 4.82 a 1, por encima del mínimo de 4.5 a 1 que exige el nivel AA.
Uno de los dieciséis, el de pie de limón, es un verde claro. Sobre él, el texto blanco no se leería, así que la tinta se invierte a un tono oscuro que alcanza entre 5.09 y 7.74 a 1.
El color nunca es el único medio para distinguir algo: junto a la banda de color siempre aparece el nombre del sabor escrito.
6. Texto, zoom y espaciado
El cuerpo de texto va a diecisiete píxeles con interlineado generoso. La página se puede ampliar hasta el cuatrocientos por ciento sin que aparezca desplazamiento horizontal y sin que se pierda contenido. Si fuerzas tu propio espaciado de líneas, palabras o letras, las cajas crecen en vez de recortar el texto.
No usamos imágenes de texto en ninguna parte, salvo el logotipo.
7. Lectores de pantalla
Revisamos el sitio con la navegación por encabezados y por regiones. El carrusel se anuncia con una explicación previa de cómo manejarlo y advierte de que la carta completa, en texto, está más abajo: nadie tiene que pelearse con un carrusel para saber qué galletas hay.
Las imágenes decorativas están ocultas a los lectores. Las copias repetidas del carrusel —que existen para que el desplazamiento no tenga costuras— están marcadas para que no se lean dos veces.
8. Lo que todavía no está resuelto
Preferimos decirlo a que lo descubras tú:
- La vibración al cambiar de sabor no funciona en iPhone. Es una limitación del navegador de Apple, que no expone esa capacidad a las páginas web. En Android sí funciona. No afecta a ninguna función: el carrusel se maneja igual sin ella.
- La guía de marca en PDF no es accesible. Es un documento interno de producción y no forma parte del sitio público, pero lo decimos porque existe en el paquete del proyecto.
- No hemos hecho pruebas con usuarios reales de lector de pantalla. Esta declaración se basa en una revisión propia y en pruebas automatizadas, no en una auditoría externa ni en pruebas con personas con discapacidad. Es una revisión seria, pero no equivale a lo anterior, y no queremos que parezca que sí.
- La descripción de las fotografías es funcional, no artística. Dice qué galleta es y en qué versión. No describe la textura de la miga ni el brillo del chocolate.
9. Cómo avisarnos si algo falla
Escríbenos a info@douicookies.com. Cuéntanos qué intentabas hacer, con qué navegador y con qué ayuda técnica, y qué pasó. No hace falta que sepas nada técnico: «no puedo llegar a los precios con el teclado» es un reporte perfecto.
Respondemos en cinco días hábiles. Si el arreglo toma más tiempo, te decimos cuándo estará y te avisamos cuando lo esté.
Si necesitas la información de la carta en otro formato —texto plano, letra grande, o leída por teléfono— pídelo por ese mismo correo y te lo mandamos sin costo.
Si consideras que no atendimos bien tu solicitud, en Colombia puedes acudir a la Superintendencia de Industria y Comercio, y a la Procuraduría General de la Nación en lo relativo al cumplimiento de las obligaciones de accesibilidad de la Resolución 1519 de 2020.