El tema Prestige de Shopify, pasado por trece comprobaciones de accesibilidad.
Pasamos a la tienda de demostración de Prestige las mismas trece comprobaciones que hacemos para clientes. Superó nueve. Aquí tienes cada línea con su recuento, cuáles fueron los cuatro fallos y cuáles son cosa del tema y cuál es cosa tuya.
Qué hicimos y dónde
Hicimos las comprobaciones en la tienda de demostración de Prestige que aparece en la Shopify Theme Store, prestige-theme-allure.myshopify.com, el 7 de sep. de 2026. Tres páginas: la portada, la colección Sale y la página de producto de Le Nouveau Cartable Navy, abiertas en un navegador real en escritorio, y la de producto abierta otra vez en móvil. La revisión entera tardó 16 segundos. Los recuentos de abajo son lo que el navegador encontró en esas páginas ese día.
Es la misma revisión que hace el Storefront Check gratuito. Nada de esto es una declaración de conformidad ni un certificado. Son trece cosas, contadas.
El resultado, línea por línea
| Comprobación | Medido | Resultado |
|---|---|---|
| Cada foto tiene una descripción | 129 imágenes | Falla |
| Los botones dicen lo que hacen | 87 botones | Correcto |
| Los campos del formulario dicen qué escribir | 6 campos | Correcto |
| La página dice en qué idioma está | 3 páginas | Correcto |
| Con el teclado se puede saltar el menú | 3 páginas | Correcto |
| En el móvil se puede ampliar con los dedos | 3 páginas | Correcto |
| Los lectores de pantalla pueden saltar entre secciones | 3 páginas | Correcto |
| El orden del tabulador sigue la página | 3 páginas | Correcto |
| Cada página tiene un título real | 3 páginas | Correcto |
| Los enlaces dicen adónde llevan | 168 enlaces | Correcto |
| Los botones son lo bastante grandes para tocarlos | 263 controles | Falla |
| El texto se lee bien sobre su fondo | 314 muestras | Falla |
| Hay un enlace a la declaración de accesibilidad | en todo el sitio | Falla |
Nueve de trece superadas. Los cuatro fallos son pocos en número: 4 imágenes de 129 sin descripción, 19 controles de 263 demasiado pequeños para tocarlos y 12 muestras de texto de 314 por debajo de la relación. No quedó ninguna línea sin decidir. Hay otros 73 textos que van sobre fotos o degradados, donde una máquina no puede medir el contraste; esos quedan pendientes de que los mire una persona.
Lo que Prestige hace bien
Los 87 botones de esas tres páginas tienen un nombre que un lector de pantalla puede leer. Los 168 enlaces dicen adónde llevan. Los 6 campos de formulario tienen etiqueta. El enlace para saltar el menú funciona. Los puntos de referencia están, el orden del tabulador está intacto, ampliar con los dedos no está desactivado y cada página tiene un título real.
Eso importa más que la nota. Los fallos que más nombran las cartas de reclamación son enlaces sin nombre, botones sin nombre y campos sin etiqueta, y este tema sale de fábrica sin ninguno. Hasta los puntos del carrusel, que son los controles más pequeños de la página, tienen nombre propio: cada uno se lee «Go to item 1», «Go to item 2», y así.
Las tres cosas que el tema hace mal
Abrimos nosotros las mismas tres páginas para ver qué había detrás de los recuentos.
- El precio rebajado es demasiado claro. En la página de producto, el precio de oferta se imprime en rojo
#e32c2bsobre el fondo#efefefde la tienda a unos 17,8 píxeles. Eso mide 3,91 a 1. Un texto de ese tamaño necesita 4,5 a 1. Es el precio de lo que vendes, y es el que falla. - Los puntos del carrusel miden 6 píxeles. Todos los controles de puntos que medimos son de 6 por 6 píxeles. WCAG 2.2 AA pide 24. En la pasada en móvil de la página de producto, los diez fallos de tamaño eran esos puntos y nada más. Están bien nombrados y son casi imposibles de acertar.
- Las imágenes de portada de los vídeos no tienen descripción. Donde el tema dibuja un vídeo, mete dentro una imagen fija sin ningún atributo
alt. Vimos una en cada una de las tres páginas. Eso es código del tema, no algo que subiera nadie.
Nuestro consejoArregla primero los puntos, porque es una regla y cubre todos los carruseles del tema. Dale a .tap-area un ancho y un alto mínimos de 24 píxeles, o mete el punto de 6 píxeles dentro de un botón con 24 píxeles de relleno para que el punto siga pareciendo un punto. El diseño no tiene que cambiar; solo lo que tiene que encontrar el dedo.
Nuestro consejoPara el precio rebajado, no elijas un rojo más oscuro al azar. Baja el color de oferta del tema hasta que mida 4,5 a 1 contra el fondo de tu página, y compruébalo en la página en la que vendes de verdad, porque el fondo cambia según el esquema de color que hayas elegido.
Lo que vimos mientras la página aún cargaba
Hay un hallazgo que merece la pena nombrar porque se escapa fácil. Prestige puede poner la cabecera encima de una imagen grande y, mientras esa imagen todavía llega, la cabecera dibuja su texto blanco sobre el fondo liso de la página. Durante esos segundos el menú se lee blanco sobre gris claro, que mide 1,14 a 1. Cuando la imagen aterriza, ese mismo texto es oscuro sobre blanco y está bien.
Una máquina que mira mientras carga lo cuenta como fallo. Y una persona con mala cobertura en un aparcamiento, también. No es motivo de alarma, y sí es motivo para darle a la cabecera un fondo sólido hasta que la imagen esté pintada.
Lo único que ningún tema puede hacer por ti
La tienda de demostración no tiene declaración de accesibilidad, y ningún tema trae una. Una declaración es una página que dice cómo se prueba la tienda, qué se sabe que está roto y cómo avisarte si alguien se queda atascado. Es lo más barato de esta lista y lo que más veces convierte una carta en un correo.
Nuestro consejoEscribe la declaración después de la auditoría, no antes. Una declaración que promete más de lo que hace la tienda es peor que no tener ninguna. La nuestra está en junand.co/es/accessibility si quieres ver la forma que tiene.
Lo que esto no te dice de tu tienda
Una tienda de demostración es un escaparate. Tiene 129 imágenes; una joyería real tiene cientos. Tiene 168 enlaces; la última tienda en vivo que contamos tenía 1125. Tiene siete productos en su colección de rebajas, ninguna app, ninguna guía de tallas, ninguna muestra de metal, y nadie lleva tres años añadiéndole secciones.
Casi todo lo que falla en una tienda Prestige en vivo se añadió después de instalar el tema. Fotos de producto subidas sin descripción. Una app que dibuja un aviso emergente sin etiqueta. Una sección a medida con texto blanco sobre una foto. Una muestra de color que se anuncia como «enlace».
Por qué la nota del tema no es tu nota. Nueve de trece en la tienda de demostración dice que el suelo es aceptable y nombra tres cosas que arreglar en el tema. No dice nada del techo. El único número que significa algo para tu tienda es el que se cuenta en tu tienda.
Si usas Prestige, mira estas cuatro cosas primero
- Tus precios rebajados. Si usas el color de oferta del tema, todas las páginas de producto con descuento llevan el mismo precio claro. Es un solo valor de CSS.
- Todos los carruseles de la tienda. Los puntos miden 6 píxeles allá donde salgan: portada, reseñas, imágenes de producto, productos relacionados.
- Tus fotos de producto. Prestige no escribe el texto alternativo. Cada imagen que subiste necesita una descripción de lo que se ve.
- El texto que pusiste sobre una foto. En la tienda de demostración ya hay 73 sitios con texto sobre imágenes, y una máquina no puede medirlos. En la tuya habrá más.
Las cuatro se miran en un minuto. Pega tu dirección en la revisión gratuita y las cuenta por ti.
Lo siguiente
Impulse es el otro tema de esta tanda, hecho igual, sobre los mismos tres tipos de página. Después van Symmetry, Sense y Craft. Publicamos el resultado entero cada vez, incluidas las comprobaciones que el tema supera.