Crear un sitio de Commerce accesible

Consejos para hacer que tu tienda online sea fácil de navegar para todos los visitantes.

Última actualización: 19 de febrero de 2025

Para ayudar a los visitantes a navegar mejor por tu tienda online, es importante incorporar funciones de accesibilidad al diseñar tu sitio de comercio. Hacerlo no solo promueve la inclusión, sino que también amplía tu audiencia. Usa esta guía para revisar los elementos de diseño que quizás quieras considerar y los recursos sobre cómo hacer que tu sitio de Commerce sea más accesible.

Nota

Esta guía está disponible como un recurso para ayudarte a empezar, pero no debe interpretarse ni considerarse como asesoramiento legal. Squarespace no puede proporcionar consejos sobre cómo hacer que tu sitio cumpla con leyes, regulaciones o estándares específicos de accesibilidad.

Imágenes de productos

Espacio y tamaño

Todas las imágenes destacadas de elemento del producto están dispuestas en una cuadrícula en la página de tu tienda. Para que tu tienda sea más accesible para los visitantes con discapacidad visual, toma en cuenta el espacio de las imágenes. Puedes aumentar el relleno y, al cambiar el número de columnas, el tamaño de las imágenes en los estilos de sección de la tienda.

Agregar texto alternativo a las imágenes de tus productos

Si vendes productos físicos, es importante proporcionar texto descriptivo (texto alternativo) para las imágenes de tus productos. Hacerlo puede ayudar a los visitantes que usan un lector de pantalla a navegar por tu sitio. O visitantes que no pueden acceder a las imágenes debido a varias razones, como una red lenta. Al escanear una página, los lectores de pantalla identifican imágenes y leen el texto alternativo a los visitantes. Usa términos breves que describan la imagen específica y el producto. Puedes considerar incluir la siguiente información en el texto alternativo:

  • Color del producto. Este texto puede ser la única forma en que un visitante puede determinar qué artículo de color está comprando.
  • Palabras y descripciones de las imágenes y dónde se encuentran en el producto. Si hay palabras o imágenes impresas en tu producto, un lector de pantalla no las leerá ni las describirá al visitante.

Activar la Ampliación de imagen

Considera activar la ampliación de imagen para ayudar a los visitantes con problemas de visión. Así, los visitantes pueden ampliar las imágenes del producto para ver más de cerca el material, la textura y los detalles más finos. Para obtener más información sobre esta función, visita las Funciones especiales de la página de tienda.

Información adicional sobre el producto

Puedes agregar contenido personalizado a la página de un producto agregando bloques en la sección Información adicional del editor de productos. Puedes considerar agregar lo siguiente:

Nota

Para todas las preguntas relacionadas con los servicios de terceros, comunícate directamente con el proveedor externo.

El proceso de pago

Botones de llamada a la acción

Es vital que tus clientes puedan acceder a los elementos interactivos de Commerce, como los botones Agregar al carrito y Continuar comprando. Para ayudarlos, puedes darle estilo a tus botones para llamar más la atención sobre ellos. Puedes hacerlo cambiando la forma, el grosor del delineado y otras opciones de formato.

Icono del carrito de compras

Aunque no es posible ajustar el tamaño del ícono del carrito de compras, puedes hacerlo más accesible agregando un borde y asegurando que el contraste de color sea adecuado.

Si vendes un producto y quieres eludir el proceso del carrito de compras, puedes habilitar la compra rápida. Asi, puedes darle estilo a un botón de compra para que se note y sea más accesible.

Consideraciones de audio

Si tienes contenido de audio en tu sitio, puedes agregar transcripciones. Así, será más accesible para los visitantes que tienen problemas de audición y también es positivo para el SEO. Para mantener tus páginas organizadas, es posible que quieras incluir transcripciones en Páginas no enlazadas.

Idioma

Al describir y promocionar tu producto o servicios, es importante usar un lenguaje accesible. Para obtener más información sobre cómo redactar de manera efectiva y teniendo en mente la accesibilidad, visita Cómo crear contenidos accesibles para tu sitio.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Crear un sitio de Commerce accesible