Durante mi investigación sobre la accesibilidad del contenido web, me topé con algunas estadísticas reveladoras. ¿Sabías que una cantidad significativa de personas con discapacidades se ven afectadas por problemas de accesibilidad en los sitios web? Las cifras son realmente asombrosas.
Solo imagina eso alrededor 15% Según la Organización Mundial de la Salud, aproximadamente el 20% de la población mundial tiene algún tipo de discapacidad. Solo en Estados Unidos, aproximadamente el 20% tiene algún tipo de discapacidad. 61 millones de adultos, o aproximadamente 1 de cada 4 adultos, tiene una discapacidad.
Sería una tontería ignorar la posibilidad de que un segmento específico de su público objetivo pueda necesitar tecnología de asistencia para acceder a su sitio web. Además, muchas empresas tienen en cuenta e incluyen a las personas discapacitadas al crear perfiles de clientes.
Publicar contenido de aspecto impecable ya no es suficiente; hoy en día, es necesario que el contenido web sea accesible para todos los usuarios. Afortunadamente, Google presenta periódicamente nuevas funciones y actualizaciones de accesibilidad para mejorar la accesibilidad del contenido digital.
Para evitar obstáculos que impidan que ciertas personas disfruten de tu contenido, deberías informarte más sobre la accesibilidad del contenido web y tener en cuenta los consejos que aparecen a continuación para ampliar tu audiencia y aumentar las conversiones.
¿Qué es el contenido web accesible?
El contenido accesible ofrece a todos los usuarios el mismo acceso a los materiales y la información en línea, incluidas las personas con discapacidades. Este grupo de personas es muy amplio y, a menudo, pueden tener más de un tipo de discapacidad.
Para ser breve, los individuos pueden tener los siguientes tipos:
- Discapacidades cognitivas, de aprendizaje y neurológicas: deterioro de la memoria, autismo, discapacidades perceptivas y de salud mental, TDAH y trastornos convulsivos;
- Discapacidades visuales: baja visión, daltonismo y ceguera;
- Discapacidades auditivas: sordera y dificultades auditivas;
- Discapacidades físicas: artritis, parálisis, amputación y lesiones por estrés repetitivo;
- Trastornos de velocidad: tartamudez, disartria y mutismo.
Al crear contenido accesible, debes seguir una serie de pautas específicas: conjunto de pautas Tener en cuenta todos estos tipos de discapacidades mejorará la experiencia de usuario para las personas discapacitadas y ampliará el alcance de sus productos digitales.
Para que su contenido sea accesible, tenga en cuenta los siguientes principios de accesibilidad:
- Operable;
- Perceptible;
- Robusto;
- Comprensible.
Puedes leer aquí Para aprender más sobre cada principio en profundidad, centrarse en estos principios implica tener en cuenta cómo interactúan las personas con el contenido. Por ejemplo, las personas pueden:
- Utilice un teclado en lugar de un ratón;
- Utilice comandos de voz para navegar por un sitio web;
- Utilice un lector de pantalla para que el contenido se escuche en voz alta;
- Utilice una lupa de pantalla para agrandar toda o parte de la pantalla.
La importancia del contenido accesible
A medida que trabajamos con muchos clientes, incluidos bufetes de abogados, hemos notado recientemente la siguiente práctica común: si su sitio web es inaccesible para todos los usuarios, las personas con discapacidades pueden emprender acciones legales contra las empresas.
Esto es lo que Adam Zayed, fundador de Bufete de abogados Zayed, dice:
“Desde 3000, se han presentado más de 2013 demandas en tribunales federales en virtud de la ADA. Estas demandas alegan que algunos sitios web no eran fáciles de usar para personas discapacitadas y que violaban los requisitos del Título III de la ADA. Este aumento de demandas muestra un aumento notable a lo largo de los años”.
Por lo tanto, hacer que su sitio sea accesible se está convirtiendo no sólo en una obligación moral sino en un requisito legal.
Cómo hacer que su contenido sea accesible
Crear y promover contenido accesible y la accesibilidad web es fundamental, y es igualmente importante considerar cómo lograrlo. Aquí tienes algunos consejos prácticos y fáciles de implementar que debes tener en cuenta al crear tu próximo contenido.
- Optimizar etiquetas de título y encabezados
Optimizar las etiquetas de título y los encabezados es una de las mejores formas de mejorar las estrategias de SEO y organizar el contenido de forma lógica. Utilice títulos y encabezados de página claros y únicos en el orden correcto para garantizar que las personas puedan comprender fácilmente la estructura del contenido y encontrar la información que necesitan.
Cuando los usuarios con discapacidad visual utilizan un lector de pantalla para acceder a su sitio web, la etiqueta de título se lee en voz alta. Los motores de búsqueda también utilizan estas etiquetas para comprender el contenido de su página. Por lo tanto, es fundamental incluir palabras clave relevantes en sus etiquetas de título.
Otro aspecto a tener en cuenta es la estructuración del contenido con títulos, ya que esto ayuda a mejorar la legibilidad del sitio web. Con las tecnologías de asistencia, las personas con discapacidades pueden leer solo las partes del contenido que desean en lugar de la página completa.
Asegúrate de que los títulos estén en el orden correcto (H3 después de H2, etc.) y de que cada uno describa con precisión el contenido. Utiliza solo una etiqueta H1 e incluye subtítulos en tus páginas web.
Puedes utilizar SE Ranking AI Writer para simplificar todo el proceso y generar rápidamente la estructura de tu contenido incluyendo hasta 20 palabras clave específicas. Solo tienes que especificar tu tema y utilizar las sugerencias del menú Temas.
- Haga que su contenido de redes sociales sea accesible
Muchos propietarios de empresas priorizan la accesibilidad de sus sitios web, pero a menudo pasan por alto sus canales de redes sociales. Los usuarios con discapacidades pueden encontrar barreras al acceder a la información o interactuar con el contenido en las plataformas de redes sociales.
Algunos profesionales del marketing en redes sociales dudan en dedicar tiempo a la accesibilidad de las redes sociales porque no es un requisito según las normas de accesibilidad WCAG 2.1. Sin embargo, 81% de clientes Afirman que las publicaciones en redes sociales influyen en sus decisiones de compra. Por lo tanto, es fundamental llegar al mayor número posible de usuarios de redes sociales, incluyendo a las personas con discapacidad.
Para que su contenido de redes sociales sea accesible:
- Describe tus imágenes: agrega texto alternativo para ayudar a las personas ciegas o con discapacidad visual.
- Agrega transcripciones y subtítulos a los videos: puedes colocarlos en la misma página que el video. Eso hará que sea más fácil leer las transcripciones sin sonido y permitirá que los lectores de pantalla las lean.
- Incluya un intérprete de lenguaje de señas, que puede incluirse con los videos para hacerlos más accesibles, junto con subtítulos y transcripciones.
- Agregue una descripción a su audio o video para ayudar a las personas discapacitadas a comprender lo que está sucediendo sin diálogo.
- Escriba hashtags accesibles: escriba con mayúscula cada palabra, como #SocialMediaOptimization, para que a los lectores de pantalla les resulte más fácil comprender cada palabra por separado.
- No uses muchos emojis: al usar un lector de pantalla, se lee en voz alta el nombre de cada emoji, lo que puede resultar complicado para los usuarios.
- Utiliza las herramientas de programación de publicaciones en redes sociales para ahorrar tiempo y mejorar la eficacia de tu contenido, asegurándote de que tu audiencia interactúe cuando esté más activa.
- Haga que los botones para compartir en redes sociales o los feeds integrados sean accesibles: estas funciones deben operarse usando el teclado sin causar distracciones.
- Crear campos de formulario accesibles
Cuando los lectores de pantalla leen una página web, lo hacen de izquierda a derecha y de arriba abajo. Sin embargo, los formularios en línea o las tablas con subtablas y etiquetas <span> anidadas dificultan la interpretación del contenido. Esto puede complicar la comprensión del diseño y la estructura de la página web para los usuarios con discapacidad visual.
Es fundamental que los formularios y las tablas en línea sean accesibles para todos los usuarios, incluso aquellos que utilizan tecnologías de asistencia. Debe agregar texto descriptivo a cada elemento del formulario, incluidos los menús desplegables, los botones o los cuadros de texto.
Incluya una opción de autocompletar en los formularios para una mejor experiencia de usuario y la inclusión del sitio web. Para conectar sus formularios en línea con otras aplicaciones, utilice Formularios de Google o formularios web en lugar de archivos PDF o documentos de Word.
Deberías cambiar a CSS en lugar de depender de tablas para el diseño del sitio web. Todos los campos de entrada de tu sitio web deben ser navegables con un teclado. Las instrucciones de validación de formularios y los mensajes de error deben ser claros y fáciles de entender para los usuarios.
- Proporcionar texto de enlace descriptivo
Vea las dos declaraciones siguientes:
- Aprender más, haz clic aquí..
- Aprender más, Revisar los estándares WCAG.
La segunda opción suena mejor, ¿verdad?
El texto de anclaje es el texto en el que se puede hacer clic en un hipervínculo que le dice a los motores de búsqueda de qué se trata la página vinculada y ayuda a los lectores de pantalla a identificar el texto primero para que los lectores puedan determinar si desean hacer clic en el enlace.
Por motivos de accesibilidad, describe tus enlaces y proporciona contexto sobre a dónde conducen. Sé conciso, añade una palabra clave principal y evita frases genéricas como «haz clic aquí».
- Escribe texto alternativo útil para imágenes
Incluir texto alternativo descriptivo en las imágenes es fundamental para que el contenido sea accesible a usuarios con discapacidad visual. El texto alternativo cumple múltiples funciones, como ayudar a los motores de búsqueda a interpretar el contenido de las imágenes, mejorar la accesibilidad y, potencialmente, aumentar la visibilidad y el posicionamiento de su sitio web en Google.
Incluye texto descriptivo para las imágenes y videos que añadas a tu sitio web. Los lectores de pantalla leerán este texto en voz alta para describir el contenido visual a los usuarios con discapacidades. Si no hay una sección para texto alternativo, describe tus imágenes o videos en un pie de foto. Esto ayuda a que tu contenido sea más fácil de usar y accesible para todos.
“Como especialista en marketing digital, uno de los consejos más valiosos que recibí sobre los textos alternativos fue:
Piense en describir esta imagen de una manera que una persona con discapacidad visual pueda entender. Siempre la comparto con los nuevos miembros del equipo para incluir a todos y mejorar la precisión de nuestra comunicación”, dice Sam Meenasian, fundador de Seguro comercial en EE. UU..
Por ejemplo, en lugar de decir "marketing" para una imagen, diga qué tipo de servicio es la imagen.Marketing para despachos de abogados.”Si su imagen es de un logotipo, escriba “_Nombre de la empresa _logotipo”.
- Utilice un lenguaje accesible
Las palabras que utiliza son tan importantes como la forma en que organiza su contenido. Un lenguaje explícito y un formato bien estructurado son fundamentales para que el contenido sea fácil de entender, especialmente para las personas con discapacidades.
El Directrices de WAI Indica que debes explicar palabras, modismos, frases y abreviaturas poco comunes. Además, debes utilizar un lenguaje claro y sencillo o proporcionar una versión simplificada.
Ya hemos analizado el uso de un lenguaje sencillo para seguir el principio de accesibilidad “Comprensible”. Por lo tanto, es fundamental tener en cuenta estos puntos:
- Escribir oraciones y párrafos cortos;
- Evite utilizar jerga o palabras innecesarias;
- Explicar acrónimos, metáforas y abreviaturas;
- Incluir viñetas y crear énfasis dentro del texto;
- Indique el idioma de su contenido utilizando el atributo “lang” en HTML.
- Escriba títulos de página claros y únicos;
- Sea coherente y utilice herramientas valiosas como Grammarly o la aplicación Hemingway para simplificar su contenido.
- Escribe CTA accesibles
La experiencia del usuario y la accesibilidad están estrechamente relacionadas. Ambas priorizan al usuario y crean productos que satisfacen sus necesidades. Cuando creas llamadas a la acción accesibles teniendo en cuenta estos factores, te aseguras de que más personas puedan usar tu contenido, incluidas aquellas con discapacidades, y tener una experiencia positiva.
Para hacer CTA prácticos y accesibles:
- Escriba un texto descriptivo y orientado a la acción. En lugar de decir “haga clic aquí” o “obtenga más información”, diga “obtenga más información sobre nuestros ingredientes”.
- Aprovecha el contraste de color. La relación mínima de contraste de color debe ser de al menos 4.5:1 para que la mayoría de las personas puedan leer el texto. Sin embargo, puede variar según el tamaño del texto o el nivel de conformidad con WCAG. Puedes usar este verificador de contraste para determinar si cumple con las pautas de accesibilidad.
- Coloca tu CTA principal arriba del pliegue para que todos los usuarios puedan verlo sin tener que desplazarse hacia abajo en la página web.
- Las etiquetas y los marcadores de posición deben ser coherentes en los formularios para explicar qué información específica se debe completar en cada campo y en qué formato.
- Crea la versión móvil de tu CTA. Adapta el tamaño y la ubicación de tu CTA para garantizar que siga siendo eficaz en pantallas más pequeñas en comparación con las de escritorio.
- Agregar mapas del sitio en el sitio
Un mapa del sitio es importante para que los usuarios con discapacidades encuentren rápidamente el contenido que necesitan y para que los motores de búsqueda indexen sus páginas. Parece un mapa detallado de la estructura de su sitio web.
Generalmente, se utiliza un mapa del sitio XML, ideal para los rastreadores de los motores de búsqueda. Un mapa del sitio HTML ofrece una visión general clara y accesible de las páginas web esenciales, lo que permite a las personas con discapacidad encontrar lo que buscan. La principal diferencia entre los mapas del sitio XML y HTML radica en que el primero está diseñado para los motores de búsqueda, mientras que el segundo está pensado para los visitantes.
Asegúrate de considerar el último y ver cómo debería verse:
El mapa del sitio tiene varias secciones, cada una de las cuales incluye subsecciones que muestran las diferentes categorías y productos. El mapa del sitio HTML suele presentarse en un formato en el que se puede hacer clic y se encuentra en el pie de página, lo que facilita la navegación de los usuarios por el sitio web.
- Evalúe su contenido para comprobar su accesibilidad
Hacer que tu contenido sea accesible es un proceso continuo. Es importante evaluar periódicamente la accesibilidad de tu sitio web e identificar áreas de mejora. Actualízala según sea necesario, especialmente cuando realices cambios específicos o añadas contenido nuevo.
Para mejorar la accesibilidad, solicite a los usuarios con discapacidades que prueben su sitio web. Asegúrese de que las personas puedan solicitar adaptaciones. Cree un compromiso de accesibilidad del sitio web y publíquelo en una página web. Pruebe la accesibilidad y la seguridad de su contenido en diferentes dispositivos. Proteja sus datos y tenga una presencia en línea confiable mediante certificados SSL.
Realiza auditorías trimestrales de la accesibilidad de tu sitio web. Para evaluar el rendimiento de tu sitio, puedes usar herramientas gratuitas de verificación de accesibilidad web como Accessibility Checker o Google Lighthouse.
Hacer que su contenido sea accesible es una necesidad
Hoy en día, es fundamental comprender que todos deberían poder acceder al contenido.
Al hacer que el contenido en línea sea accesible, puede desarrollar un entorno en línea más inclusivo donde todos puedan acceder e interactuar con una amplia gama de información y recursos en la web.
Recuerde estas prácticas para garantizar que el contenido sea accesible y comprensible para todos.
