Contenido de producto: detalles útiles y opciones accesibles

El contenido útil de ecommerce responde qué es el producto, si sirve para la necesidad del comprador y cuál versión entrará al carrito. Las opciones accesibles permiten obtener esa información sin depender únicamente de la vista, de reconocer colores o de mover el puntero con precisión.

Trate descripciones, imágenes y selectores como una misma tarea de compra. Mejorar la redacción no resuelve un control que oculta las tallas agotadas. Tampoco un buen selector compensa la ausencia de medidas.

Reemplace adjetivos por datos para decidir

Empiece por las preguntas que una persona debe resolver antes de elegir. Según el artículo, pueden incluir dimensiones, materiales, compatibilidad, cuidados, contenido del paquete o una limitación pertinente. Evite afirmar “compatibilidad universal” si la lista real es más estrecha.

Use una estructura consistente de especificaciones entre productos comparables. Indique unidades y distinga las medidas del producto de las del empaque. Si mantiene textos independientes en inglés y español, confirme que ambos describan el mismo artículo vigente y sus opciones actuales.

El envío y la disponibilidad también requieren contexto. Distinga las existencias del producto de la posibilidad de entregarlo en un destino específico. No muestre una promesa que depende de la ubicación antes de conocerla.

Explique qué aporta cada imagen

Una galería puede mostrar el artículo completo, su escala, un conector o un accesorio incluido. El texto alternativo debe reflejar lo importante de esa imagen dentro de su contexto, sin repetir una descripción extensa en cada fotografía.

El árbol de decisión de imágenes de W3C distingue usos informativos, funcionales y decorativos al elegir alternativas de texto. Revise las imágenes dentro de la página, en lugar de aplicar una fórmula idéntica a todos los archivos.

Si un diagrama contiene medidas indispensables, publíquelas también como texto. No obligue al comprador a descifrar etiquetas pequeñas dentro de una foto para determinar si el producto cabe.

Haga explícito el estado de cada variante

Las muestras de color necesitan nombres y una selección comprensible. La guía de W3C sobre uso del color explica que el color no debe ser el único recurso visual para comunicar información. Un borde verde, por sí solo, comunica mal cuál opción está activa.

Compruebe en la página implementada que:

• Las opciones tengan nombres accesibles y controles operables con teclado.
• La variante elegida aparezca en texto u otra señal clara que no dependa del color.
• Se identifiquen las opciones agotadas antes de agregar al carrito.
• Precio y disponibilidad correspondan a la variante seleccionada.
• La línea del carrito conserve los atributos elegidos.
• Los errores expliquen qué falta sin borrar las elecciones válidas.

Esta revisión se concentra en la página de producto. No reemplaza una auditoría completa de accesibilidad.

Ejemplo hipotético: elegir un bolso de viaje

Supongamos que una tienda vende un bolso en dos tamaños y varios colores. Actualmente aparece la misma descripción para todas las variantes.

La página llama “compactos” a ambos tamaños y solo atenúa las muestras de colores agotados. El comprador no puede determinar con suficiente claridad ni las medidas ni las combinaciones disponibles.

La persona responsable agrega dimensiones por tamaño y separa capacidad interna de medidas externas. La interfaz nombra cada color, identifica combinaciones agotadas con texto y repite tamaño y color en el carrito. No se presume una mejora de conversión: la prueba inmediata es que la elección siga siendo comprensible durante todo el recorrido.

Elija un producto con variantes y compare su página, selector y carrito en ambos idiomas. Use los datos ausentes o contradictorios para acotar una mejora de comercio electrónico antes de reescribir todo el catálogo.