...

8 formas de garantizar que su contenido sea accesible

Tu contenido no estará pulido hasta que lo hagas accesible a todos.

Google presenta periódicamente nuevas funciones y actualizaciones de accesibilidad para mejorar la accesibilidad del contenido digital. Sin embargo, los especialistas en marketing no deberían depender únicamente de sitios de terceros para eliminar barreras y que todos puedan disfrutar de su contenido.

El Pautas de accesibilidad al contenido web Proporcionar una base basada en cuatro principios relacionado con la forma en que las personas interactúan con el contenido: operable, perceptible, sólido y comprensible. Por ejemplo, un visitante utiliza un teclado en lugar de un mouse, o alguien usa comandos de voz para navegar por un sitio web. Los miembros de la audiencia pueden usar lectores de pantalla para leer el contenido en voz alta o una lupa de pantalla para leer secciones del contenido.

Para lograr contenidos digitales y sitios web accesibles que incluyan a todos los miembros de su audiencia y cumplan con las leyes de accesibilidad, siga estos consejos prácticos y fáciles de implementar:

1. Optimice las etiquetas de título y los encabezados

Asegúrese de que los visitantes puedan comprender fácilmente su Estructura del contenido y encontrar la información que necesitan, ya sea que lo hagan ellos mismos o utilicen asistentes de voz. Utilice títulos y encabezados de página claros y únicos, que incluyan palabras clave relevantes, y asegúrese de que fluya de manera lógica.

Utilice una sola etiqueta H1. Mantenga los subtítulos en orden secuencial (H3 después de H2, etc.) y describa con precisión el contenido. Por ejemplo, en lugar de utilizar “Cosas que debe saber” como subtítulo H2, póngalo “Cosas que debe saber sobre contenido accesible”. Con este enfoque, los visitantes pueden saber qué esperar de cada sección del contenido.

2. Crear tablas accesibles

Las tablas dentro del texto pueden resultar difíciles de interpretar para los lectores de pantalla. Haz que tus mesas sean accesibles, No los corte y pegue de otros documentos ni los agregue como archivos de imagen. Use hojas de estilo en cascada (CSS) para crearlos de manera que los asistentes de voz puedan leerlos fácilmente.

3. Utilice texto de anclaje descriptivo para los enlaces

Lea estas dos afirmaciones:

  • Para obtener más información, haga clic aquí.
  • Para obtener más información, revise los estándares WCAG.

La primera opción no dice casi nada. La segunda opción (y mejor) describe lo que el usuario puede esperar cuando hace clic en el enlace.

Con su texto de anclaje, evite frases genéricas, considere usar una palabra clave objetivo y sea conciso.

4. Incluya texto alternativo descriptivo para las imágenes.

Descriptivo texto alternativo Ayuda a los motores de búsqueda a interpretar el contenido de las imágenes, permite que las personas con discapacidad visual comprendan lo que se muestra y potencialmente mejora la visibilidad y la clasificación de su sitio web en Google. Escriba texto alternativo para cada imagen y video publicado en su sitio y canales de redes sociales. Agregue subtítulos para el contenido publicado en sitios, como Instagram Reels, que no tienen una opción de texto alternativo.

Aquí está el texto alternativo utilizado para describir esta imagen en una Artículo reciente Del Content Marketing Institute: “El título del libro electrónico de este ejemplo de OptinMonster es sencillo: 50 formas inteligentes de segmentar su lista de correo electrónico”. El texto alternativo describe la imagen (título del libro electrónico) y el motivo de su inclusión (sencillo).

Si la imagen es un logotipo, escribe “Logotipo de (nombre de la empresa)”. Sé específico cuando sea posible. Por ejemplo, en lugar de explicar una imagen como “seguro comercial”, indica el tipo de seguro.

El título del libro electrónico de OptinMonster en este ejemplo de texto alternativo de CMI es sencillo: 50 formas inteligentes de segmentar su lista de correo electrónico.

5. Agregar un mapa del sitio público

Los mapas del sitio permiten a los visitantes encontrar rápidamente el contenido que necesitan y ayudan a los motores de búsqueda a indexar sus páginas.

Un mapa del sitio XML suele ser el que recibe más atención porque resulta útil para los rastreadores de los motores de búsqueda. Sin embargo, un mapa del sitio HTML ofrece una descripción general clara y accesible de las páginas esenciales para los visitantes. Por lo general, se presenta 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.

A continuación se muestra un extracto del documento disponible públicamente. Mapa del sitio de la empresa de moda MangoDestaca la sección de mujer, detallando los tipos de ropa, zapatos y accesorios, y las categorías de tallas grandes disponibles.

A continuación se muestra un extracto del mapa del sitio disponible al público de la empresa de moda Mango. Destaca la sección de mujeres, detallando los tipos de ropa, zapatos y accesorios, y las categorías de tallas grandes disponibles.

Asegúrese de que su sitio incluya un mapa del sitio XML y uno HTML.

6. Hacer accesible el contenido de las redes sociales

Muchos especialistas en marketing priorizan la accesibilidad de sus sitios web, pero pasan por alto sus canales de redes sociales. Algunos dudan en dedicar tiempo a la accesibilidad de las redes sociales porque no es un requisito según los estándares WCAG 2.1. Sin embargo, dado que El 85% de la Generación Z dicen que las redes sociales afectan sus decisiones de compra, es una decisión inteligente publicar contenido accesible.

Sigue los mismos consejos que para el contenido de tu sitio web: añade subtítulos y transcripciones para los vídeos y texto alternativo a las imágenes, como este que We Rate Dogs hizo en su publicación de Instagram sobre Pioppi: “un staffordshire terrier azul asoma la cabeza por encima de un mueble, con las patas delanteras apoyadas sobre un trozo de tela blanca. Tiene las orejas bien abiertas y sus ojos brillan con un toque de picardía mientras te sonríe con la boca cerrada”.

Un staffordshire terrier azul asoma la cabeza por encima de un mueble, con las patas delanteras apoyadas sobre un trozo de tela blanca. Tiene las orejas bien abiertas y los ojos brillan con un toque de picardía mientras te sonríe con la boca cerrada.

También debería considerar incorporar un intérprete de lenguaje de señas en sus videos y eventos, ya que puede ser más útil para localizar la conversación o complementar las transcripciones generadas automáticamente.

Escribe hashtags accesibles escribiendo cada palabra en mayúscula, como #MyCanyon, #ChelseaSodaro, #CanyonSpeedmax, #Triathlete y #Triathlon, en la publicación a continuación. Esto facilita que los lectores de pantalla pronuncien cada palabra por separado.

La captura de pantalla muestra hashtags a los que se puede acceder porque cada palabra está en mayúscula, como #MyCanyon, #ChelseaSodaro, #CanyonSpeedmax, #Triathlete y #Triathlon.

No utilices muchos emojis. Los asistentes de voz leen todos los emojis en voz alta. Escuchar 10 emojis seguidos, por ejemplo, sería un desafío para cualquier usuario.

Para obtener más información sobre la accesibilidad de las redes sociales, lea esto Guía del Real Instituto Nacional de Personas Ciegas del Reino Unido.

7. Utilice un lenguaje accesible

Tus palabras son tan importantes como tu contenido. Estructura organizacionalUn lenguaje exigente y un formato bien estructurado hacen que el contenido sea fácil de entender para todos.

Directrices de la Iniciativa de Accesibilidad de Sitios Web Diga que debe utilizar un lenguaje claro y sencillo o proporcionar una versión simplificada. Si debe utilizar palabras, modismos, frases y abreviaturas poco comunes, explíquelas.

Otras sugerencias incluyen el uso de viñetas, crear énfasis dentro del texto e indicar el idioma del contenido con el atributo “lang” en HTML.

Puedes utilizar herramientas como Gramáticamente o Editor de Hemingway para ayudar a simplificar el contenido.

8. Crea llamadas a la acción accesibles

No te olvides de hacer manualidades CTA accesibles Para animar a todas las personas a dar el siguiente paso, para ello, siga estos consejos:

  • Escribir textos descriptivos y orientados a la acción.
  • Considerar contraste de colorLa proporción mínima debe ser de 4,5 a 1 para que la mayoría de las personas puedan leer el texto. Sin embargo, esto varía según el tamaño del texto o el nivel de conformidad con WCAG. Utilice esta Comprobador de contraste para determinar si su botón de CTA cumple con las pautas de accesibilidad.
  • Coloca tu CTA principal arriba del pliegue para que los usuarios puedan verlo sin desplazarse hacia abajo en la página.
  • Ajuste el tamaño y la ubicación de su CTA en la versión móvil para asegurarse de que siga siendo eficaz.

Evalúe periódicamente la accesibilidad de su contenido

Para evaluar el rendimiento de su sitio, puede utilizar herramientas gratuitas de verificación de accesibilidad de sitios web como Comprobador de accesibilidad o Faro de GoogleCada vez que realice cambios o agregue contenido, debe asegurarse de que la actualización sea accesible.

Como se muestra en esta captura de pantalla de una auditoría de www.Paralympics.comEl Comprobador de Accesibilidad le otorga al sitio una puntuación de 100, identifica si el sitio cumple con las normas y resalta problemas de accesibilidad específicos.

Esta captura de pantalla muestra una auditoría de www.Paralympics.com. Accessibility Checker le otorga al sitio una puntuación de 100, identifica si el sitio cumple con las normas y destaca problemas específicos de accesibilidad.

En sus reseñas, también puede pedir a los usuarios con discapacidades que prueben su sitio. Publique un compromiso de accesibilidad en el sitio web y mencione cómo las personas pueden solicitar adaptaciones.

En el mundo actual, es fundamental comprender que la accesibilidad no es una opción, sino una obligación. Cuando creas contenido accesible en línea, ayudas a crear un entorno en línea más inclusivo donde todos pueden tener acceso y participar.

Todas las herramientas mencionadas en este artículo fueron sugeridas por el autor. Si deseas sugerir alguna herramienta, comparte el artículo en las redes sociales con un comentario.

Registro para asistir a Content Marketing World en San Diego. Usa el código BLOG100 para ahorrar $100. ¿No puedes asistir en persona este año? Consulta el Pase Digital para acceder a grabaciones de sesiones a pedido del evento en vivo hasta fin de año.

CONTENIDO RELACIONADO SELECCIONADO A MANO:

Imagen de portada de Joseph Kalinowski/Content Marketing Institute

Fuente del artículo

Abrir chat
1
¿Cómo te puedo ayudar?
Hola 👋
¿Cómo te puedo ayudar?
Seraphinite AcceleratorBannerText_Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.