La tienda en línea se ha desarrollado y probado de acuerdo con las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1, nivel AA, por lo que el sitio funciona independientemente de las herramientas que utilice para navegar y comprar.
Estado de conformidad
En una auditoría realizada en julio de 2026 se comprobó la conformidad del tema de la tienda (la parte del sitio que Lab401 desarrolla y controla) con las WCAG 2.1 AA; se han corregido todos los incumplimientos detectados. El sitio cumple parcialmente con las normas. El tema no presenta incumplimientos conocidos; sin embargo, algunos componentes de terceros que se enumeran a continuación no cumplen los requisitos. A continuación se publican el método completo y los resultados.
Modo de alto contraste
La paleta de colores estándar del sitio web mantiene algunos elementos de bajo contraste por motivos de imagen de marca. El modo de alto contraste los reajusta a una relación de contraste de al menos 4,5:1, el umbral del nivel AA. Se puede activar de tres formas:
- Pulse el botón «Alto contraste» situado en la parte inferior de cualquier página, debajo del selector de idioma.
- Pulse dos veces la tecla Tab desde la parte superior de cualquier página y, a continuación, pulse Intro; el conmutador es la segunda parada de tabulación.
- Active la configuración de mayor contraste de su sistema operativo; el sitio web la aplicará automáticamente (prefers-contrast).
Su elección se guarda en su navegador y se mantiene en todas sus visitas.
Características compatibles con el sitio
- Navegación mediante teclado en todo el sitio: un enlace para saltar al contenido, un indicador de foco visible en cada control y menús que se abren con la tecla Intro y se cierran con la tecla Esc.
- Estructura para lectores de pantalla: puntos de referencia etiquetados, un encabezado por página, enlaces y botones con nombre, y controles de formulario etiquetados.
- Zoom y reajuste de la página: el diseño funciona con un zoom del 400 % y en una ventana de visualización de 320 píxeles de ancho, y el zoom por pellizco nunca se bloquea.
- Movimiento reducido: las animaciones se reducen cuando el sistema operativo solicita menos movimiento (la configuración «prefers-reduced-motion»).
Limitaciones conocidas
- Los reproductores de YouTube incrustados incluyen los controles propios de YouTube, que presentan fallos de accesibilidad que Lab401 no puede solucionar.
- El proceso de pago se ejecuta en la plataforma alojada de Shopify, que Shopify prueba y mantiene por separado; su conformidad no está cubierta por esta declaración.
- Shopify inserta marcos de seguimiento y un botón «Seguir» para su aplicación Shop. El código de ambos elementos queda fuera del control del tema.
Notificar un problema
Si alguna parte de este sitio web no funciona con su tecnología de asistencia, notifíquelo a través de support@lab401.com indicando la dirección de la página y la herramienta que estaba utilizando.
Registro de pruebas: julio de 2026
Método
- Auditoría automatizada : axe-core 4 (motor WCAG de código abierto de Deque), ejecutada en un navegador con script (Chromium basado en Playwright) en 13 páginas con resolución de ordenador (1440x900), repitiéndose 3 de ellas con resolución de móvil (390x844). Las páginas eran la página de inicio, dos páginas de productos, dos colecciones, preguntas frecuentes, contacto, carrito, resultados de búsqueda, índice del blog, un artículo del blog, inicio de sesión y una página de políticas.
- Auditoría de teclado : un recorrido automatizado que comprueba el enlace de salto, la visibilidad del foco en 60 puntos de tabulación, que los menús se abran con la tecla Intro y se cierren con la tecla Esc, así como el formulario de productos.
- Revisión con lector de pantalla : inspección del árbol de accesibilidad (la estructura que anuncia un lector de pantalla) en cada página, abarcando puntos de referencia, orden de los encabezados, textos alternativos de las imágenes, títulos de marcos, etiquetas de formularios e identificadores de elementos duplicados.
- Reajuste y zoom : comprobaciones de maquetación en una ventana de visualización de 320 píxeles y con un zoom de página del 400 %.
Resultados y correcciones
La auditoría detectó nueve incumplimientos distintos de las WCAG de nivel A o AA, la mayoría de ellos recurrentes en varias páginas debido a que se comparten componentes. La tabla detalla cada uno de ellos, su gravedad y su solución:
| Hallazgo | WCAG | Gravedad | Solución |
|---|---|---|---|
| El enlace del logotipo del sitio no tiene nombre | 2.4.4 Finalidad del enlace | todas las páginas | El texto alternativo del logotipo ahora recurre al nombre de la tienda |
| Enlaces de la presentación de diapositivas sin nombre o duplicados | 2.4.4 Finalidad del enlace | Inicio, 4 por conjunto de diapositivas | Etiquetas derivadas del contenido de la diapositiva; se ha eliminado el enlace duplicado del orden de tabulación |
| Las miniaturas de la galería no tienen nombre | 4.1.2 Nombre, función, valor | 5 por producto | Cada miniatura anuncia ahora «Ver imagen N de M» |
| Los controles de la lista de accesorios carecen de nombre | 4.1.2 Nombre, función, valor | 4 por producto | Se ocultan las miniaturas duplicadas; se han nombrado los botones «Añadir» y «Cantidad» |
| El selector de país en la sección de preguntas frecuentes no tiene etiqueta | 4.1.2 Nombre, función, valor | 1 | Con la etiqueta «País o región de destino» |
| Contraste del texto inferior a 4,5:1 | 1.4.3 Contraste (mínimo) | unos 180 elementos | El modo de alto contraste cambia el tono de todos los colores que no cumplen los requisitos |
| Las tablas desplazables no son accesibles mediante el teclado | 2.1.1 Teclado | 5 regiones | Ahora es posible seleccionar con el teclado las regiones desplazables |
| Marcos multimedia sin título | 4.1.2 Nombre, función, valor | De 1 a 3 por página | Los marcos sin título incluyen ahora un título que indica su origen |
| Los identificadores de los elementos se repiten entre los componentes de cabecera y pie de página | 4.1.1 Análisis sintáctico | 3 componentes | Cada identificador aparece ahora una vez por página |
La auditoría también detectó dos deficiencias estructurales que no constituyen fallos de nivel A ni AA. Ambas se subsanaron en la misma ronda. Se añadió un encabezado a la página de inicio y se rebajó la importancia de los encabezados decorativos de los widgets, de modo que el esquema de cada página comience por su título.
Enfoque de contraste
Los colores predeterminados de la marca no han variado. El contraste se consigue mediante un modo de alto contraste, utilizando la técnica G174 de las WCAG, que permite un control que cambia la página a una versión que cumple con la relación de 4,5:1. Uno de los botones de alternancia se encuentra en el pie de página, debajo del selector de idioma. Un segundo botón, que aparece al recibir el foco del teclado, se sitúa justo después del enlace de salto, por lo que es la segunda parada de tabulación en cada página. El modo también se activa automáticamente cuando el sistema operativo solicita un mayor contraste. Se ha medido cada color de sustitución. La relación más baja es de 6,27:1 y la más alta, de 9,74:1.
Lo que ya ha superado la prueba
- Enlace «Ir al contenido», el primero en el orden de tabulación y visible al recibir el foco.
- Indicador de foco visible en los 60 puntos de tabulación muestreados.
- Los menús principales se abren con la tecla Intro y se cierran con la tecla Esc, utilizando los controles de despliegue integrados en el navegador.
- Controles etiquetados de búsqueda, variante, cantidad e inicio de sesión. La auditoría automatizada no detectó ninguna infracción en la página de inicio de sesión.
- El diseño se reajusta en una ventana de visualización de 320 píxeles sin desplazamiento horizontal, y el zoom nunca se bloquea.
Fuera del alcance
Hay cuatro componentes que quedan fuera del control del tema y se registran como limitaciones conocidas. Se trata de la interfaz del reproductor de YouTube, los marcos de seguimiento de Shopify, el botón «Seguir» de la tienda y el proceso de pago de Shopify, que Shopify mantiene y prueba por separado.
Verificación
El conjunto de pruebas funcionales de la tienda superó los controles con la misma vista previa: 157 comprobaciones que abarcan el carrito, las variantes, los accesorios, la creación de paquetes, los filtros, la visualización de impuestos y el cambio de moneda e idioma.