6 Errores Comunes De Accesibilidad De Sitios Web De Comercio Electrónico Y Cómo Solucionarlos

• ¿Qué significa accesibilidad de comercio electrónico?
• 6 errores de accesibilidad de comercio electrónico a tener en cuenta
• 1. Confíe completamente en los complementos de accesibilidad
• 2. Olvidarse de usar texto alternativo
• 3. Elija un texto de anclaje irrelevante
• 4. Usa una estructura de página ilógica
• 5. Omitir navegación por pestañas
• enfoque del teclado
• orden de etiqueta
• Elimina la trampa del teclado
• 6. Usar un contraste de color inapropiado
• Accesibilidad de comercio electrónico: un viaje, no un destino

Las marcas a menudo pasan por alto la accesibilidad del sitio de comercio electrónico al diseñar la experiencia del cliente.

Pero cuando se hace bien, puede ahorrarle miles de clientes y ventas que de otro modo se perdería.

Como agencia de marketing digital de comercio electrónico, hemos trabajado con muchas tiendas en línea a lo largo de los años y, en el proceso, hemos descubierto algunos problemas de accesibilidad extremadamente comunes en los sitios web de estas marcas.

En este blog, enumeraremos algunos de estos problemas (¡y las soluciones para solucionarlos!) para ayudar a su sitio a mejorar su estrategia de accesibilidad y llegar a una audiencia completamente nueva de compradores.

Tabla de Contenidos

¿Qué significa accesibilidad de comercio electrónico?

Primero, pongámonos de acuerdo en lo que realmente significa «accesibilidad en línea».

«Accesibilidad» significa que todos pueden usar cualquier sitio web, aplicación u otra plataforma en línea, independientemente de sus capacidades físicas o mentales.

No se trata solo de asegurarse de que el sitio funcione bien en la mayoría de las plataformas, se trata de asegurarse de que los usuarios puedan entender lo que hay en la página e interactuar con el sitio de una manera intuitiva.

• 
  
  
  Consejos del centro de evaluación para graduados
  
  septiembre 30, 2022
  
  
  
• 
  
  
  Una plataforma para excursiones móviles — GanarDineroYa
  
  febrero 26, 2023
  
  
  

Debido a que hay tanto contenido en esta área, las Pautas de Accesibilidad al Contenido Web (WCAG) existen para delinear estándares específicos para hacer que los sitios web sean accesibles para personas con discapacidades. Estas directrices se agrupan en 12 principios que definen los requisitos mínimos para que el contenido web sea accesible y fácil de usar.

WCAG brinda una guía detallada para evaluar cada página de su sitio web, no solo para la accesibilidad, sino también para la experiencia del usuario (UX), que es igualmente fundamental para la optimización de motores de búsqueda (SEO) y la optimización de la tasa de conversión (CRO).

Cualquier sitio web que no cumpla con estos estándares podría considerarse discriminatorio por ley, y podría estar sujeto a multas y otras sanciones, como se detalla en la Ley de Estadounidenses con Discapacidades (ADA).

Entonces, si su sitio web no cumple con los estándares de accesibilidad de comercio electrónico, es posible que solo sea cuestión de tiempo antes de que tenga problemas legales.

6 errores de accesibilidad de comercio electrónico a tener en cuenta

Entonces, ¿dónde debe comenzar si desea asegurarse de que su sitio web de comercio electrónico sea accesible?

La accesibilidad es un esfuerzo continuo, no solo una lista de verificación única. Esta es una estrategia que debe revisar con frecuencia para mantenerse al día con los avances y la tecnología modernos.

Sin embargo, como nivel básico, le recomendamos que revise su sitio en busca de los siguientes errores.

1. Confíe completamente en los complementos de accesibilidad

El uso de un complemento de accesibilidad de comercio electrónico es un primer paso importante para hacer que su sitio web sea más accesible, pero no es el único paso que debe tomar.

Cada sitio es diferente y la accesibilidad es un estándar en constante evolución. Por ejemplo, las WCAG se han actualizado dos veces desde su publicación inicial en 2008 y es posible que se actualicen nuevamente a medida que haya nuevas tecnologías disponibles. Además, los complementos no son suficientes para cumplir con ADA.

¡Pero eso no significa que no sean un punto de partida útil!

Algunos complementos contienen widgets que brindan a los usuarios la opción de cambiar aspectos visuales en una página web, como fuentes, espaciado, colores, contraste y alineación, todo lo cual puede ayudar a las personas con discapacidades visuales a leer el contenido del sitio web.

Dicho esto, estos complementos simplemente no cubren todo lo que su sitio de comercio electrónico necesita para ser realmente accesible. Para el cumplimiento de ADA, también debe admitir la navegación con teclado, optimizar para lectores de pantalla, marcar imágenes correctamente e incluir etiquetas de formulario.

Recomendamos encarecidamente invertir en revisiones de accesibilidad manuales dirigidas por humanos. Esto proporcionará la descripción general más completa de su estado de accesibilidad actual (y revelará errores que los complementos comunes no detectan).

La moderación puede ser difícil, especialmente para sitios con cientos de páginas de contenido. Afortunadamente, puede contratar a un experto para que lo haga todo por usted.

Considere los siguientes servicios de prueba de auditoría de accesibilidad para comenzar:

2. Olvidarse de usar texto alternativo

El texto alternativo describe la imagen para los lectores de pantalla y aparece en lugar de la imagen si no está cargada. Por lo tanto, es crucial ayudar a las personas con discapacidad visual a comprender el contenido de su sitio web.

Imagina que estás tratando de leer un artículo en línea, pero todas las palabras han sido reemplazadas con letras al azar, como «ahsdadsda121672.jpg», por lo que no puedes entender lo que dice. Esto sucede cuando las personas con discapacidad visual visitan su sitio web sin usar el texto alternativo adecuado.

El texto alternativo también ayuda a los motores de búsqueda a comprender exactamente qué representa cada imagen en su sitio. Si no incluye texto alternativo para todas sus imágenes, es posible que los motores de búsqueda no las indexen correctamente, lo que puede perjudicar sus esfuerzos de SEO.

Cuando ejecuta un sitio web de comercio electrónico, tendrá muchas imágenes: imágenes de productos, exhibiciones promocionales y más. Esto significa que el texto alternativo debe ser la máxima prioridad de su desarrollador web.

Puede usar ciertos complementos para identificar cualquier texto alternativo existente (y faltante) en su sitio. Luego, use los siguientes recursos para agregar texto alternativo donde sea necesario de acuerdo con las mejores prácticas apropiadas:

3. Elija un texto de anclaje irrelevante

El texto ancla es texto que aparece como un enlace en el que se puede hacer clic en una página web o documento en línea. Es la copia que les dice a los lectores de pantalla y a los motores de búsqueda de qué se trata la página de destino, de modo que cuando alguien hace clic en su enlace, llega a una página que es relevante para ellos. Fanfics de One Piece Pirate King

Sin embargo, muchos sitios web desconocen cómo el texto de anclaje afecta a sus usuarios. En cambio, a menudo se vinculan a la página usando «haga clic aquí» como texto de anclaje, lo que puede ser confuso para alguien que usa un lector de pantalla.

Sin el contexto específico de la copia del ancla, los usuarios solo pueden preguntarse dónde los enviará exactamente el hipervínculo.

Afortunadamente, al usar un texto de anclaje relevante, puede crear una experiencia de usuario más positiva en su sitio de comercio electrónico y mejorar sus esfuerzos de SEO.

Tomemos esta entrada de blog como ejemplo. Si quisiéramos dirigir a los lectores a más errores de accesibilidad de comercio electrónico de fuentes externas, usaríamos este texto ancla: «Errores de accesibilidad de comercio electrónico».

Por el contrario, una redacción genérica como «haga clic aquí» hará que sea más difícil para nuestros lectores (y los robots de búsqueda de Google) comprender el propósito del enlace.

Ancla un texto específico para ti y tus clientes te lo agradecerán.

4. Usa una estructura de página ilógica

Un sitio web de comercio electrónico bien estructurado es aquel que sigue el orden natural de las cosas. No estamos hablando de la arquitectura de su sitio aquí, nos estamos refiriendo a la estructura de cada página web individual.

Para asegurarse de que sus páginas sean de fácil acceso y lectura, debe usar encabezados. Cuando se usan correctamente, brindan estructura y contexto al contenido que incluye en cada página.

Las etiquetas de encabezado (H1, H2, etc.) ayudan a organizar el contenido de su página web en una jerarquía lógica. El primero y más importante de ellos es el H1, que sirve como título de la página.

A partir de ahí, puede usar H2 (y subtítulos como H3, H4, etc.) para dividir el contenido de su página. Sin embargo, sus encabezados siempre deben seguir un orden lógico; no puede saltar de H2 a H5 sin confundir a los lectores de pantalla (y usuarios).

Un desarrollador web puede ayudarlo a identificar cualquier inconsistencia en los títulos y subtítulos existentes. También debe usar estos encabezados para crear un esquema para cualquier contenido futuro, de modo que pueda asegurarse de que las nuevas páginas web estén organizadas de manera lógica.

5. Omitir navegación por pestañas

La mayoría de los usuarios de la web navegan por los sitios web usando un mouse de computadora. Sin embargo, para otros, esto no es posible.

Es posible que las personas ciegas o con problemas de visión no puedan ver el ratón en absoluto. Del mismo modo, es posible que las personas con discapacidades motoras no puedan usar un mouse debido a limitaciones físicas.

En cambio, estas personas usarán el botón «tab» en sus teclados para navegar por la web.

Si su sitio de comercio electrónico no incluye enlaces de navegación con pestañas para ayudar a sus clientes a moverse por su sitio, esos clientes no podrán navegar, seleccionar productos o completar compras en línea.

Para que el teclado de su sitio sea accesible, deberá trabajar con su desarrollador web:

• Implementar foco de teclado visible
• orden de tabulación correcto
• Elimina la trampa del teclado

enfoque del teclado

El enfoque del teclado permite a los usuarios ver dónde se encuentran en relación con la estructura de la página. El elemento del sitio web que tiene este enfoque se puede activar o modificar con el teclado.

La mayoría de los navegadores web proporcionan automáticamente un indicador de enfoque, que muestra un borde alrededor del elemento. Sin embargo, sus desarrolladores también deberían implementar y modificar esta función en su sitio para que sea más visible.

orden de etiqueta

El orden de tabulación es el orden en el que los usuarios pueden navegar a través de los elementos presionando la tecla Tabulador.

El orden de tabulación correcto debe ser intuitivo y coincidir con la estructura de la página web, siguiendo la forma en que las personas navegan naturalmente por un sitio: de izquierda a derecha, de arriba a abajo.

Elimina la trampa del teclado

Las trampas de teclado ocurren cuando un usuario no puede navegar fuera de un elemento interactivo en un sitio web usando solo el teclado.

Elementos como cuadros de diálogo o widgets de calendario a menudo contienen trampas de teclado que el usuario no puede cerrar después de presionar «tab» o «ESC».

6. Usar un contraste de color inapropiado

El contraste de color es un aspecto importante de la accesibilidad en línea y ayuda a sus clientes a ver mejor el contenido de su sitio web.

Si bien ciertas combinaciones de colores son estéticamente agradables, también pueden dificultar que las personas con discapacidades visuales naveguen por su sitio web. Las personas con baja visión pueden tener dificultad para distinguir ciertos colores o percibir la diferencia entre tonos de color.

Aquí es donde entra el contraste de color.

El contraste es la diferencia de brillo o «brillo» de dos colores. WCAG 2.0 requiere al menos una 4,5:1 relación entre los colores/imágenes de primer plano y de fondo y 3:1 Contraste para texto grande. (El texto grande se define como cualquier texto de más de 14 puntos [8.66 px] y negrita, o 18 puntos [24 px].)

Varias herramientas en línea pueden ayudar a evaluar el contraste de color en su sitio web:

• WebAIM Color Contrast Checker puede aprobar o fallar su combinación de colores de primer plano y de fondo ingresando el color en formato hexadecimal RGB.
• Color Contrast Analyzer le permite analizar páginas web o partes de páginas web de acuerdo con los estándares de contraste WCAG.

Accesibilidad de comercio electrónico: un viaje, no un destino

Centrarse en la accesibilidad adecuada del comercio electrónico desde el principio puede ahorrarle muchos dolores de cabeza. Sin embargo, adaptar un diseño existente para que sea accesible puede ser mucho más difícil.

Si no es posible realizar cambios importantes en la estructura o el diseño de su sitio web, comience centrándose en las páginas más importantes de su sitio web: la página de inicio, las páginas de productos, las páginas del carrito de compras y las páginas de pago.

Recuerda, al final, la accesibilidad no es un destino en el que nunca piensas una vez que llegas. Más bien, es un viaje de mejora continua.

Los complementos son probablemente el punto de partida, pero le recomendamos encarecidamente que ahorre e invierta en una auditoría completa para asegurarse de que su sitio sea lo más accesible posible. Después de todo, los estadounidenses con discapacidades representan $480 mil millones en poder adquisitivo colectivo y merecen sentirse como en casa en su sitio de comercio electrónico como cualquier otro comprador.

Hasta entonces, siga los consejos de esta guía para abordar los resultados de accesibilidad más fáciles para su sitio web y crear una hoja de ruta estratégica para los meses y años venideros.

Autor invitado: El empresario y comercializador digital Mike Belasco ha sido el fundador y director ejecutivo de la agencia de marketing digital de comercio electrónico Inflow desde 2007. Su experiencia como desarrollador web y experto en SEO ha creado una agencia que trabaja con marcas importantes como Amazon, Overstock.com, Dish Network y muchas más. En la actualidad, Mike dirige un equipo de más de 25 expertos en PPC, SEO y optimización de conversiones en una agencia boutique de marketing de comercio electrónico completamente remota.

6 Errores Comunes De Accesibilidad De Sitios Web De Comercio Electrónico Y Cómo Solucionarlos

¿Qué significa accesibilidad de comercio electrónico?6 errores de accesibilidad de comercio electrónico a tener en cuenta1. Confíe completamente en los co

pyc

es

https://images.correotemporalgratis.es/promocionesycolecciones.com/1220/dbmicrodb1-pyc-6-errores-comunes-de-accesibilidad-de-sitios-web-de-comercio-electronico-y-como-solucionarlos-21425-0.jpg

2023-10-01

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail bitelchux@yahoo.es y retiraremos este contenido inmediatamente