Shopify y accesibilidad: dónde se corrige cada error sin tocar el tema
Fotos de producto, botones, colores, formularios, idioma: el menú exacto del panel de Shopify donde se arregla cada fallo de accesibilidad, y qué sí necesita código.
· Rampa
Las tiendas Shopify aparecen en las demandas por accesibilidad de Estados Unidos más que ninguna otra plataforma, no porque Shopify sea peor, sino porque hay muchísimas y casi todas tienen el mismo fallo: cientos de fotos de producto sin descripción. La buena noticia es que la mayoría de lo que sale en un escaneo se corrige desde el panel, sin desarrollador.
Fotos de producto sin descripción (texto alternativo)
Productos → abre el producto → Multimedia → clic en la foto → "Añadir texto alternativo". Una frase por foto: "Zapatilla de running azul, vista lateral". Para las imágenes de colecciones y del tema: Tienda online → Temas → Personalizar → clic en la sección → cada imagen tiene su campo de texto alternativo.
Contraste bajo
Tienda online → Temas → Personalizar → Configuración del tema → Colores. Los temas de Shopify (Dawn y familia) definen "esquemas de color"; sube el contraste del texto secundario, precios tachados y pies. Objetivo: 4,5:1 para texto normal.
Botones e iconos sin nombre
El icono del carrito, la lupa de búsqueda, las flechas del carrusel. En los temas actuales tienen nombre; en temas viejos o comprados fuera, no. Personalizar → Encabezado suele tener la opción de mostrar texto junto al icono. Si no, es código del tema (ver abajo).
Campos del formulario
El formulario de contacto de Shopify lleva etiquetas visibles por defecto. El problema suele venir de apps de formularios y de suscripción a boletín: entra en la app y activa "mostrar etiqueta" en cada campo; el texto de ejemplo no cuenta.
Idioma de la tienda
Configuración → Idiomas. El idioma predeterminado es el que se declara en el código; si tu tienda está en español y el predeterminado es inglés, cámbialo.
Título de cada página
Productos, colecciones y páginas tienen el campo "Título de la página" en "Visualización en resultados de búsqueda", abajo del todo. Sin eso, la pestaña dice el nombre de la tienda y nada más.
Carruseles y videos que arrancan solos
Personalizar → la sección de presentación → desactiva "reproducción automática" o activa los controles. Videos de producto: Shopify permite subir subtítulos en Multimedia → el video.
Lo que sí necesita tocar el tema
Ventanas emergentes de apps de descuento que atrapan el teclado, menús desplegables que no se abren con Tab, botones de "añadir al carrito" con el texto dentro de una imagen. Para eso hay que editar el código del tema (Temas → … → Editar código) o pedirle a la app que lo corrija. Si tienes el HTML corregido, el cambio son minutos; sin él, es adivinar.
Sobre las apps de accesibilidad de la tienda de Shopify
Hay decenas de apps que añaden un botón flotante y prometen cumplimiento. Ninguna cambia tu tema: siguen sin describir tus fotos. Antes de instalar una, revisa la comparativa de widgets: en 2025 la FTC multó a un proveedor por prometer justo eso.