Cómo crear un sitio web B2B accesible en 2023

Es 2023 y, hasta el día de hoy, los usuarios con discapacidades tienen dificultades para acceder a blogs, sitios web y otros materiales. Hay un patrón claro de exclusión involuntaria donde los materiales de marketing no se adaptan a las personas con capacidades diferentes.

Solo el 3% de los sitios web son accesibles para usuarios con discapacidad. El número de sitios web B2B accesibles es aún menor.

Y, con estos sitios que cuentan con herramientas interactivas únicas, como formularios de selección de contenido y blogs de formato largo, la necesidad de lograr la accesibilidad web es apremiante.

En este blog, lo ayudaremos a cerrar la brecha al explicar qué es la accesibilidad del sitio web, cómo lograrla y cómo puede ayudar a las empresas B2B a expandir su alcance a partes del mercado críticamente desatendidas.

¿Qué es la accesibilidad web y por qué es importante?

Los estándares de accesibilidad web y las mejores prácticas garantizan que las personas con discapacidad puedan participar en experiencias basadas en la web.

Eso incluye navegar por un sitio web, descargar un libro electrónico, ver un seminario web y más.

No existe un enfoque único para la accesibilidad. Hay muchos tipos de discapacidad, y cada uno puede tener una amplia gama de impactos en diferentes personas.

Sin embargo, los propietarios de sitios web pueden abordar estos impactos de forma estandarizada.

Las Pautas de Accesibilidad al Contenido Web (WCAG para abreviar) establecen las mejores prácticas para abordar las necesidades de los usuarios de la web con discapacidades.

Seguir estas pautas no garantiza que todas las personas con discapacidad puedan usar su sitio web. Sin embargo, proporcionan un punto de partida común que permite a los propietarios de sitios web hacer que sus experiencias web sean más inclusivas.

WCAG también es fundamental para el cumplimiento de la Ley de Estadounidenses con Discapacidades (ADA, por sus siglas en inglés).
En la mayoría de los casos, los sitios web que cumplen con las WCAG también cumplen con la ADA.

Seguir los protocolos de las WCAG es la mejor manera de garantizar el cumplimiento de la ADA .

No todos los sitios web están diseñados teniendo en cuenta el cumplimiento. De hecho, muy pocos lo son.

Es por eso que los propietarios de sitios web B2B utilizan un verificador de cumplimiento de WCAG para descubrir cómo mejoran la accesibilidad web. Esto le ayudará a descubrir qué se interpone entre usted y lograr el cumplimiento de las WCAG. Se le proporcionará un informe detallado, que destaca las áreas de su sitio web que deben modificarse para lograr un estado óptimo de accesibilidad web.

El poder adquisitivo de la comunidad de discapacitados

Si bien la accesibilidad es importante desde una perspectiva moral, también es un diferenciador de marca valioso.

Alrededor del 15% de la población mundial experimenta algún tipo de discapacidad. Las discapacidades no están limitadas por barreras nacionales o culturales. Impactan a todos los grupos demográficos, en todas partes del planeta.

Eso significa que su audiencia de clientes está compuesta, en parte, por personas con discapacidades. La Fundación Kessler informa que las personas con discapacidad forman una proporción cada vez mayor de la fuerza laboral estadounidense. La tendencia año tras año sigue cobrando fuerza con aumentos constantes de puntos porcentuales.

Ignorar a estas personas no solo es injusto sino también imprudente.

Si su estrategia de marketing B2B se basa en atraer tráfico orgánico a su blog, no tiene sentido excluir alrededor del 15% de sus clientes potenciales.

Sin embargo, esto es exactamente lo que hacen muchas empresas.

Para las personas con discapacidad, la accesibilidad web es absolutamente vital para la experiencia del usuario.

Muchas de estas personas encuentran que los sitios web que no cumplen son imposibles de usar. Se encuentran con contenido, como todos los demás, pero están completamente excluidos de interactuar con él.

Ese contenido juega un papel crucial en el viaje del comprador B2B.

Es lo correcto y también es una estrategia comercial rentable.

Cómo crear un sitio web accesible

El documento oficial de WCAG 2.1 contiene más de 100 páginas de diseño web altamente técnico y estándares de interactividad. Es un documento intimidante con muchas reglas, cláusulas y estipulaciones.

Pero no es necesario convertirse en un experto en accesibilidad para crear un sitio web accesible.
Muchos de los protocolos WCAG 2.1 giran en torno a un conjunto básico de principios que son fáciles de entender.

Implemente estos en su sitio web y estará bien encaminado hacia el cumplimiento de la accesibilidad:

Permitir la navegación con el teclado

Un mouse es una herramienta maravillosa, pero no es muy accesible. Lo mismo ocurre con los paneles táctiles y las pantallas táctiles. Las personas con discapacidad visual o motora no pueden utilizar estos dispositivos.

En cambio, muchas personas con discapacidades usan teclados especiales.
Dispositivos como estos pueden convertir casi cualquier tipo de entrada física, como el movimiento de la mejilla de Stephen Hawking, en un comando de teclado.

Del mismo modo, el software de lectura de pantalla como JAWS funciona completamente con los comandos del teclado. Si su sitio web tiene un botón o una función a la que no se puede acceder con el teclado, los usuarios de lectores de pantalla no podrán usarlo.

Permitir que las personas naveguen por su sitio web y consuman contenido solo con los comandos del teclado es una de las mejores formas de mejorar la accesibilidad en todo el sitio.

Esto es especialmente importante para los sitios web B2B que usan contenido interactivo (por ejemplo, formularios en video) para capturar y convertir clientes potenciales.

Aproveche las jerarquías de encabezados

Los encabezados son especialmente importantes para los usuarios de lectores de pantalla.
Estas soluciones agrupan el contenido del texto según la estructura de encabezado de la página web. Eso permite a los usuarios con discapacidades visuales hojear el contenido sin tener que leer cada palabra de la página.

No pueden hacer esto si sus páginas web no utilizan los encabezados HTML adecuados.

Por lo general, esto sucede cuando los escritores de contenido dividen bloques de texto normal con texto normal adicional. El texto divisorio puede estar ampliado o en negrita, pero no es un encabezado. Los lectores de pantalla leerán ese texto de la misma manera que todo lo demás en la página.

Los encabezados son parte de la estructura de su página web. Están etiquetados en una jerarquía específica de importancia, generalmente de H1 a H4. Todos los editores de texto enriquecido permiten a los escritores de contenido separar bloques de texto utilizando estos encabezados. Asegúrate de que tu sitio web haga lo mismo.

Agregar texto alternativo descriptivo

Los archivos de imagen presentan un problema para los usuarios de lectores de pantalla. Cuando un lector de pantalla encuentra un archivo de imagen, leerá la etiqueta de texto alternativo de la imagen al usuario. Si no hay texto alternativo, el software simplemente dirá "imagen" en voz alta y luego continuará.

La adición de texto alternativo a las imágenes permite a los usuarios de lectores de pantalla comprender las pistas contextuales que, de lo contrario, podrían pasar por alto. Si la imagen en cuestión tiene información importante, entonces la etiqueta de texto alternativo es el único lugar donde los lectores de pantalla pueden obtener esa información.

Esto es especialmente importante para las imágenes que admiten contenido escrito. Los gráficos, infografías y otras imágenes explicativas tienen un papel vital que desempeñar en el marketing de contenido B2B. Las etiquetas de texto alternativo aseguran que las personas con discapacidades visuales puedan entender esas imágenes correctamente.

Cuanto más descriptiva sea una etiqueta de texto alternativo, mejor.
Intente resumir el valor de la imagen y muestre por qué fue elegida en primer lugar.

Perfecciona el arte de los contrastes de color.

Un mal contraste de color puede tener un enorme impacto tanto en la usabilidad como en la accesibilidad. Incluso las personas con una visión perfecta no pueden leer fácilmente un texto escrito sobre un fondo de color similar. El texto del sitio web accesible debe colocarse sobre un fondo que ofrezca un contraste de color decente.

Para la mayoría de los sitios web, el contraste de color no es un tema difícil en el cuerpo del texto. Es un problema mucho más común para los banners, el texto del encabezado y los títulos de las páginas. Eso es porque este texto a menudo se coloca sobre una imagen. Si el color del texto y la imagen son demasiado similares, será ilegible.

La página de inicio de Rock Content es un gran ejemplo de contraste de color en el trabajo. Tiene un fondo violeta claro detrás de la imagen principal y texto negro en la parte superior. Es simple, eficaz y fácil de leer.

Hay algunas cosas que puede hacer para corregir el contraste de color en su sitio web:

Ajustar el color del texto para tener una relación de contraste de 4,5:1 es una de las soluciones más sencillas.
Muchos sitios web accesibles superponen un cuadro transparente entre las imágenes de fondo y el texto del encabezado. Otros simplemente mueven el texto del encabezado al lado de la imagen, en lugar de colocarlo encima.

Asegúrate de que los videos sean accesibles

El video marketing es un componente central de cualquier estrategia de marketing B2B moderna. Si desea exhibir un producto o demostrar una nueva tecnología, el video es el formato más inmersivo que puede elegir.

Sin embargo, el video también puede ser uno de los formatos más desafiantes para los usuarios con discapacidades. Combina información de audio y visual para contar una historia, y la mayoría de los reproductores de video tienen una interfaz de apuntar y hacer clic.

Los subtítulos y las transcripciones juegan un papel vital para permitir que las personas con discapacidad disfruten del contenido de video. Los subtítulos son ideales para personas con problemas de audición, mientras que las transcripciones también permiten que los usuarios de lectores de pantalla los sigan.

Garantizar la navegabilidad del teclado para contenido de video puede ser difícil. No todos los proveedores de alojamiento de videos ofrecen una experiencia de usuario accesible. La publicación de transcripciones puede permitirle eludir este requisito, pero no siempre transmitirá perfectamente el significado del contenido del video.

Lo mismo ocurre con las formas.

Si selecciona contenido de video con un formulario, debe asegurarse de que sea accesible y fácil de completar. Debe ser claramente legible, navegable por teclado y compatible con lectores de pantalla.

Optimice el cumplimiento con potentes soluciones de terceros

Los protocolos WCAG contienen una enorme cantidad de detalles de diseño técnico. Estos incluyen relaciones de contraste de color específicas, estándares de operatividad, rendimiento de enlace de anclaje y más.

La verificación manual de todo esto es un proceso difícil y lento. Necesitará memorizar, verificar y hacer referencias cruzadas de cientos de detalles técnicos menores en cada página de su sitio web.

Las herramientas de accesibilidad web pueden ayudarlo a automatizar esta tarea. Herramientas como accessWidget incorporan IA para corregir automáticamente el código inaccesible dentro de su sitio.

También permite a los visitantes del sitio web con discapacidades modificar la interfaz de usuario de su sitio web en función de sus necesidades individuales. Esto incluye ajustar el color y las opciones de visualización, habilitar la navegación con el teclado y ajustar la tecnología del lector de pantalla.

Tenga en cuenta que no todos los requisitos del estándar WCAG se pueden automatizar. Algunos de estos requisitos se refieren a la forma en que el contenido transmite "significado" a los usuarios. Solo un ser humano puede verificar eso.

La accesibilidad es un compromiso permanente

La accesibilidad es más que una casilla de cumplimiento a marcar. No hay forma de garantizar que todas las personas, con todas las discapacidades, encontrarán accesible su sitio web y todo su contenido. Parte del viaje de accesibilidad implica recibir comentarios de personas con discapacidades e implementarlos.

Cuanto antes comience ese viaje, mejor será el resultado. Tómese el tiempo para auditar su sitio web e identificar las áreas en las que puede mejorar la accesibilidad del contenido. Comuníquese con la comunidad de personas con discapacidad y demuéstrele que está comprometido con su éxito e integración. Responderá de la misma manera.

Para obtener más pautas sobre cómo promocionar su negocio a varios públicos, consulte nuestro paquete de planificación de marketing.