La importancia de la accesibilidad para tu tienda online

Todos los que compran en línea lo hacen de manera un poco diferente. Tomamos decisiones a nuestro propio ritmo, usamos diferentes dispositivos e interactuamos con las tiendas de la manera que nos resulta más cómoda.

Para algunos compradores, el proceso de ver o comprar un producto es muy diferente de lo que cabría esperar. Su conexión a Internet puede ser lenta debido a que viven en un país en desarrollo, pueden depender de un lector de pantalla debido a una discapacidad visual o pueden navegar con un teclado debido a la incapacidad de usar un mouse de manera confiable.

Estas diferencias crean la necesidad de diseñar y mantener una tienda que sea accesible para todos . Ese es el objetivo de la accesibilidad para el comercio electrónico: crear una tienda en línea que todos puedan usar, sin importar su edad, nivel de habilidad, ubicación o presencia de una discapacidad.

Hoy vamos a ver por qué debería hacer que su tienda WooCommerce sea más accesible y algunos recursos que puede usar para mejorar su diseño y funcionalidad para todos sus compradores.

¿Listo para aprender? Comencemos con una mirada más cercana a lo que queremos decir cuando hablamos de accesibilidad.

Accesibilidad del comercio electrónico: qué es y por qué es importante

El World Wide Web Consortium (W3C para abreviar) dice que " accesibilidad significa que las personas con discapacidades pueden usar [internet] ". Su introducción a la Iniciativa de Accesibilidad Web (WAI) elabora:

La accesibilidad web abarca todas las discapacidades que afectan el acceso a la Web, incluidas las discapacidades visuales, auditivas, físicas, del habla, cognitivas y neurológicas.

La capacidad de un cliente para acceder o utilizar una tienda en línea también podría verse afectada por factores externos , como la velocidad de su conexión a Internet o la disponibilidad del hardware de la computadora. También puede verse afectado por factores temporales, como un brazo roto o una prescripción incorrecta de anteojos, o el envejecimiento.

Ya sea que sea desarrollador, creador de tiendas o propietario de una tienda, es su responsabilidad asegurarse de que todos puedan usar su tienda de manera efectiva. Esto no solo hace felices a sus clientes: como demuestra el W3C, puede tener un impacto muy real en su rentabilidad, visibilidad en los motores de búsqueda y ROI a largo plazo .

La accesibilidad implica mucho más que simplemente agregar texto alternativo a las imágenes y optimizar su tienda para que se cargue rápidamente. Para que pueda comprenderlo mejor, echemos un vistazo a cuán diferentes pueden ser algunas de las experiencias en línea de sus clientes.

Explorando las grandes diferencias entre las experiencias en línea

Mientras estábamos en las primeras etapas de planificación de esta publicación, tuvimos un encuentro revelador con un cliente de WooCommerce que se puso en contacto con nosotros para solicitar asistencia. Uno de los miembros de nuestro equipo le pidió al cliente que nos enviara una captura de pantalla de un error. No pudieron, y nos dieron la razón:

Estamos ciegos, la computadora nos lee.

Este cliente en particular había construido toda su tienda con un lector de pantalla y otra tecnología de asistencia. Luego interactuaron con WooCommerce, sus clientes y nuestro equipo de soporte mediante el uso de audio.

Sin duda, este fue un momento emocionante para nuestro equipo de soporte. Pero también fue un recordatorio fantástico para construir tiendas accesibles, porque si una persona ciega puede construir una tienda utilizable con un lector de pantalla, aquellos de nosotros con visión total o parcial deberíamos poder construir una tienda que se pueda utilizar con lectores de pantalla .

Más allá de los lectores de pantalla, hay clientes que no pueden usar un mouse de computadora, quizás debido a una discapacidad física. Estos compradores navegan por los sitios web con sus teclas de tabulación y flecha y hacen "clic" en los enlaces con la tecla Intro.

También hay compradores que necesitan ayuda para realizar un pedido. Algunos clientes simplemente se sienten más cómodos proporcionando su información de facturación por teléfono. Otros no pueden ver ni utilizar el formulario de pedido en línea. Y otros solo tienen acceso a tecnología que no respaldará de manera confiable los pedidos en línea.

Esta es solo una muestra de las muchas formas en que las diferentes personas usan Internet y compran en línea . La multitud de antecedentes, experiencias y dispositivos garantiza que todos hagamos las cosas un poco diferentes... y crean la necesidad de tiendas que funcionen para todos.

El primer paso hacia una tienda más accesible: probar lo que ya tienes

Con una mejor comprensión de la importancia de la accesibilidad, es posible que se pregunte "¿cómo sé si soy accesible o no?"

Lo primero que debes hacer es intentar usar tu tienda tú mismo . Póngase en el lugar de un comprador con daltonismo, incapacidad para usar un mouse o mala vista.

Mientras navega por su tienda, ¿observa alguna imagen o botón que pueda parecer extraño sin una percepción de color completa? ¿Puedes usar tu teclado para navegar, o es un proceso tedioso? Si aumenta el zoom al 150 % o más, ¿todavía se puede usar su tienda?

Dependiendo de los medios en su tienda, también puede encontrar algunas inquietudes. Si tiene videos de productos, ¿tienen subtítulos? ¿Las descripciones de sus productos dicen cómo se siente una camisa (en cuanto a la textura) y de qué color es?

A menudo puede encontrar puntos débiles simplemente disminuyendo la velocidad y prestando atención . Estas debilidades a menudo son fáciles de solucionar, por ejemplo, cambiar el color de un botón o empujar la navegación más arriba en la página, pero requieren la voluntad de vivir su vida, incluso temporalmente, como una persona con capacidades diferentes.

Use comentarios de compradores reales, herramientas en línea gratuitas y recursos oficiales para mejorar su tienda

Por supuesto, a menos que tenga una discapacidad, sea desfavorecido o se encuentre en otra situación que le impida usar una tienda en línea de manera típica, puede ser difícil saber exactamente cómo está desafiando a sus compradores a hacer incluso cosas simples .

Lo alentamos a usar, y tal vez incluso solicitar activamente, comentarios reales de los compradores para aprender cómo puede facilitar el proceso de acceso a su tienda. Obtener esta retroalimentación puede ser difícil, pero si la solicita activamente (por ejemplo, ¿en correos electrónicos posteriores a la compra?) Llegará con el tiempo.

También puede probar un servicio como UserTesting.com o trabajar con una agencia local que ofrezca pruebas para recopilar comentarios, aunque primero querrá preguntar sobre pruebas específicas de accesibilidad .

Una herramienta gratuita que recomendamos es WAVE, la herramienta de accesibilidad web. Ingrese cualquier URL a esta herramienta y se le presentará una lista de errores y alertas que podrían presentar un problema para los compradores , que van desde la falta de texto alternativo (necesario para los lectores de pantalla) hasta enlaces rotos o vacíos (mal diseño en general).

WAVE también proporciona documentación para cada error o alerta, para que pueda leer por qué se ha marcado algo y decidir cómo solucionarlo.

Específicamente en el lado visual de las cosas, puede probar Vischeck para simular el aspecto de un sitio web con daltonismo, o usar ACTF aDesigner para verificar la compatibilidad del contenido de su tienda con herramientas como lectores de pantalla.

Para las pruebas de velocidad, dado que las conexiones de Internet lentas pueden afectar las experiencias de las personas en los países en desarrollo, recomendamos Pingdom, que evaluará su tienda y brindará recomendaciones detalladas para mejorarla. También hay un puñado de buenos consejos en esta publicación, que trata específicamente sobre la optimización de WooCommerce.

Finalmente, si tiene su sede en los Estados Unidos (o vende a clientes que residen allí), puede hojear las Normas de la Sección 508 del gobierno para tecnología electrónica e informática. Estos estándares (particularmente aquellos en la sección 1194.22) proporcionan requisitos para tecnología accesible como sitios web, incluido texto alternativo, elementos que se pueden ver con daltonismo y alertas para respuestas cronometradas.

No se trata solo de la tienda: recuerde la accesibilidad cuando trabaje con correo electrónico, redes sociales y más

Al igual que el ejemplo que dimos anteriormente del cliente ciego de WooCommerce, es crucial recordar cuán diferente interactúa cada uno de sus clientes con usted. Pero la accesibilidad va más allá de las páginas de su tienda: abarca toda su presencia en línea .

Cada vez que responde correos electrónicos, envía mensajes de marketing o publica tweets, está interactuando con clientes que acceden a Internet de maneras muy diferentes. Pensar en:

• Comunicación por correo electrónico : ¿está incluyendo una versión de texto sin formato de sus correos electrónicos? ¿Qué tal una opción de "ver en línea"? La mayoría de los clientes generarán ambos de forma predeterminada.
• Cómo apoya a sus compradores : si normalmente solicita una captura de pantalla de un problema o una foto de un defecto, considere ofrecer opciones alternativas. Por ejemplo, permitimos que los clientes de WooCommerce creen inicios de sesión temporales para que podamos verificar los problemas nosotros mismos.
• Las solicitudes que realiza, especialmente con enlaces : frases como "haga clic aquí" o "haga clic en el enlace en nuestra biografía" podrían ser problemáticas no solo para los usuarios de lectores de pantalla, sino también para aquellos en una tableta o dispositivo móvil (¡que están tocando, no haciendo clic! ).
• Cómo facilitar los procesos : ¿podría aceptar llamadas telefónicas en lugar de correos electrónicos? ¿Pedidos en persona o por teléfono en lugar de a través de su tienda? O, si solo depende de las llamadas telefónicas, ¿qué procesos podría mover en línea para ayudar a los clientes con ansiedad, etc.?

Un último consejo: no apuntes a lo “suficientemente bueno”

Es posible que haya visto variaciones de esta imagen antes:

Puede ser tentador leer algunos consejos sobre accesibilidad, probar su tienda con un teclado o una sola prueba en línea y llamarlo "suficientemente bueno". Pero lo suficientemente bueno no es realmente bueno .

Es admirable actualizar su tienda específicamente para brindarles a los compradores con capacidades diferentes una mejor experiencia. Pero eso no necesariamente ayuda a los compradores que tienen conexiones más lentas o dispositivos con pantallas muy pequeñas. Es por eso que recomendamos que su objetivo final sea mejorar la experiencia para múltiples tipos de compradores, dispositivos y necesidades .

Pensamos que este objetivo incluso va más allá de la accesibilidad: es un objetivo más amplio de satisfacción general del cliente. Piénselo de esta manera: ¿qué puede hacer para que cada cliente tenga más probabilidades de comprarle, ya sea un usuario ciego de una computadora de escritorio o un comprador móvil con visión completa en un país en desarrollo?

Es posible que deba realizar cambios específicos en su tienda solo para esos escenarios específicos. Pero es por eso que creemos que debe centrarse en la equidad frente a la igualdad, porque darles a todos lo que necesitan hará que sea mucho más probable que le compren .

Esto es para crear una experiencia de compra más inclusiva

La accesibilidad no es un tema fácil de cubrir, y mucho menos de aprender. Hemos hecho todo lo posible para mostrarle por qué es importante, pero le recomendamos que investigue y lea más sobre este tema . El W3C es un excelente lugar para comenzar.

Por ahora, esperamos que esta publicación le brinde algo de reflexión y algunos consejos o recursos útiles a medida que trabaja para lograr una tienda que todos puedan usar.

¿Tiene alguna pregunta sobre alguna de las herramientas, sugerencias o ideas de accesibilidad recomendadas en esta publicación? ¿O algún comentario propio para dar sobre este tema? Nos encantaría saber de usted en este caso; deje un comentario a continuación para comenzar la discusión.

¡Gracias por leer!

Crédito de la imagen del encabezado: #WOCinTech Chat (CC)