Accesibilidad digital para especialistas en marketing Parte 3: correo electrónico, contenido social y SEO

Publicado: 2022-08-04

El trabajo de un vendedor es más que simplemente mantener un sitio web fácil de usar. Los profesionales de marketing también utilizan varias estrategias y canales para adquirir tráfico en el sitio web. No importa si tienes el sitio más asombroso del planeta; si nadie lo visita, también puedes tener uno de esos sitios de Angelfire de alrededor de 1997 (¿los recuerdas?) para todo lo que importa.

Esta serie de tres artículos tiene como objetivo presentarle algunas prácticas fundamentales que puede comenzar a implementar de inmediato para ayudar a que su contenido digital sea más accesible.

Nuestra publicación anterior sobre Accesibilidad digital para la experiencia del usuario y los sitios web profundizó en las características y técnicas de marketing del sitio web; esta publicación repasará los canales y medios externos, así como también cómo probarlos, comenzando con el correo electrónico. También puede echar un vistazo a la primera de esta serie de tres partes para obtener una descripción general de los problemas de accesibilidad.

Correo electrónico accesible

El marketing por correo electrónico es una de las herramientas más críticas en el conjunto de herramientas de un vendedor. Las empresas utilizan el correo electrónico con fines transaccionales (piensa, confirmaciones de pedidos) y promocionales, así como para la atención al cliente. Sería difícil encontrar una empresa con conocimientos digitales hoy en día que no aproveche sus muchos beneficios.

Sin embargo, aunque prácticamente todas las organizaciones utilizan el correo electrónico para comunicarse con clientes, clientes y prospectos, no todas se aseguran de que los correos electrónicos que envían sean accesibles.

HTML frente a correos electrónicos de texto sin formato

Si su empresa envía correos electrónicos de texto sin formato, es probable que sean accesibles. Si el texto de su enlace no es descriptivo (consulte la publicación anterior para obtener más información al respecto), puede ser un poco más difícil para una persona con discapacidad captar la esencia del mensaje, no es una barrera imposible.

El problema es que a la mayoría de los especialistas en marketing les encantan los correos electrónicos HTML. ¿Y qué no es amar? Puede diseñarlos para que coincidan con su marca, llenarlos con imágenes gloriosas y GIF llamativos, y crear un correo electrónico más atractivo que el que podría lograr con un correo electrónico de texto sin formato. Además, ahora que las cookies de terceros se están convirtiendo en algo del pasado, el correo electrónico está resurgiendo rápidamente como una gran tendencia de marketing digital.

Ese no es el problema aquí. El problema es que cuando comienza a embellecer sus correos electrónicos y no tiene en cuenta la accesibilidad, es posible que algunos usuarios no puedan obtener una comprensión completa (o, en el peor de los casos, no puedan entender nada).

Los correos electrónicos HTML son similares a las páginas web en el sentido de que usan etiquetas de encabezado e imagen y estilo para mostrarse en una plataforma de correo electrónico. Los correos electrónicos de texto sin formato son solo eso: texto sin formato. Para que los correos electrónicos HTML sean accesibles, debe seguir las mismas pautas que seguiría con los sitios web.

El problema con los diseños basados ​​en tablas

La mayoría de los correos electrónicos HTML están estructurados con etiquetas de tabla porque ofrecen la apariencia más consistente para los correos electrónicos vistos en varios clientes de correo electrónico. Pero la etiqueta de la tabla en realidad no estaba destinada a usarse de esta manera; como muchas otras técnicas de diseño web, los diseñadores web las secuestraron para sus propios fines. Sin embargo, esto plantea un problema para los usuarios de lectores de pantalla, ya que un lector de pantalla seguirá leyendo el contenido dentro de las tablas como celdas individuales, lo que genera una experiencia de usuario inconexa.

Sin embargo, puede evitarlo agregando un pequeño fragmento de código a su HTML. Simplemente agregue role=“presentation” para alertar a estos usuarios de que se trata de tablas de presentación, no de datos.

Accesibilidad digital para especialistas en marketing Parte 3: correo electrónico, contenido social y SEO

El rol de presentación oculta la estructura de la tabla de los lectores de pantalla y no afecta el contenido dentro de la tabla. Para un usuario de un lector de pantalla, aparecerá como si no hubiera una tabla para empezar.

No seas tacaño con tus etiquetas.

El hecho de que esté creando un correo electrónico no significa que las reglas para el código ordenado desaparezcan. Asegúrese de que sus encabezados se usen correctamente (por ejemplo, use H1 para el título, H2/H3 para los subtítulos, etc.) para que todos, independientemente de sus habilidades visuales, puedan obtener la esencia de su contenido en una lectura lógica. ordenar. Aproveche las etiquetas de título aquí también para proporcionar contexto adicional.

¡El texto alternativo también importa aquí!

Si su cliente de correo electrónico requiere que un usuario haga clic para descargar imágenes, es posible que haya experimentado lo siguiente: abre un correo electrónico con muchos cuadrados en blanco y solo fragmentos de texto para explicar lo que está sucediendo. Tan pronto como hace clic en "Descargar imágenes" y aparecen las imágenes, las piezas del rompecabezas encajan en su lugar, pero hasta ese momento, está completamente confundido.

Desafortunadamente, esta será una experiencia diaria (o por hora) para los usuarios de lectores de pantalla si los especialistas en marketing no incluyen texto alternativo para las imágenes. Así que hágales un favor e inclúyalo para las imágenes de correo electrónico. Para imágenes decorativas, utilice el atributo alt vacío.

Mejores prácticas de accesibilidad móvil

A medida que las personas leen cada vez más sus correos electrónicos en sus dispositivos móviles, se ha vuelto más crítico diseñar con esta consideración en mente. Convenientemente, las pautas para una mejor experiencia móvil coinciden con la accesibilidad. Por ejemplo:

  • Trate de mantener su texto con una fuente de más de 14 píxeles: si las personas no pueden leer su mensaje en el móvil, no lo leerán en absoluto.
  • Mantenga su contraste de color con las pautas aceptadas, lo que facilita que las personas con todas las habilidades visuales consuman su contenido
  • Evite los párrafos alineados al centro (mucho más difíciles de leer, especialmente en un dispositivo pequeño)
  • Hacer que el texto del enlace sea informativo y breve

Una experiencia multimedia inclusiva

Multimedia como videos y podcasts son grandes activos para que los especialistas en marketing ayuden a aumentar el conocimiento de la marca, generar interés en el producto y conectarse con su público objetivo. La buena noticia es que a) es bastante fácil hacer que contenido como este sea accesible yb) cuando lo hace accesible, puede mejorar la experiencia para todos.

Vídeos accesibles

Una persona con discapacidad visual no podrá ver completamente lo que sucede en la pantalla, mientras que alguien con problemas auditivos no podrá escuchar el diálogo. Puede agregar subtítulos para acomodar a los espectadores sordos o con problemas de audición. YouTube generará subtítulos automáticamente, pero no son de la mejor calidad; por lo general, es mejor derrochar en un servicio de subtítulos si se trata de un video largo o corregir manualmente los subtítulos generados automáticamente si es corto. Un buen beneficio de los subtítulos es que puede ayudar a las personas que pueden ver perfectamente. ¿Alguna vez has estado en una sala de espera o en un aeropuerto y deseaste poder escuchar lo que decía la gente en un televisor silenciado? O tal vez un amigo publica un video en las redes sociales que te mueres por ver, pero estás en un lugar público sin audífonos. Los subtítulos resuelven ambos problemas y hacen que el contenido sea accesible para personas con discapacidades visuales.

Las personas con discapacidad visual podrán escuchar el diálogo, pero es posible que se pierdan áreas clave de un video si no hay narración en los casos en que nadie habla. Ahí es donde las descripciones de audio son útiles. Las descripciones de audio son una narración de lo que está sucediendo en la pantalla. Mira el video a continuación para ver un ejemplo:

¿El vídeo no se reproduce? Véalo en YouTube.

Cuando Netflix lanzó las descripciones de audio, tuvieron tanto éxito que decidieron probar un modo de solo audio que permitiría a los usuarios ahorrar en el uso de datos mientras se emborrachaban mientras viajaban.

Transcripciones para contenido de audio

Las transcripciones son muy útiles para las personas con todo tipo de discapacidades. Los usuarios de lectores de pantalla y las personas con dificultades auditivas pueden recorrerlos sin tener que pasar por todo el video (¡una característica que las personas sin discapacidades también pueden aprovechar!).

Algunos activos están completamente basados ​​en audio. Un podcast, por ejemplo, sería completamente inútil para alguien que no pudiera escucharlo; una transcripción lo hace accesible. El DMI proporciona transcripciones para cada podcast, como este episodio de Cómo hacer que el teatro en vivo funcione en línea.

La forma más fácil de agregar una transcripción a su sitio es como un archivo de texto descargable y si también muestra el texto en la página, ayudará a sus esfuerzos de SEO.

PDF (formatos de documentos portátiles)

La inclusión no es la única razón por la que debe asegurarse de que su PDF sea accesible; también es beneficioso para el SEO. Si un lector de pantalla puede leerlo, un rastreador web puede rastrearlo y enviar señales valiosas a Google sobre el contenido de su sitio web.

Algunos programas están mejor equipados para convertir documentos a PDF accesibles que otros. Microsoft ha sido especialmente consciente de la accesibilidad, mientras que otras empresas le han quitado prioridad, y se nota en el nivel de esfuerzo necesario para crear archivos PDF accesibles.

programas de microsoft

Microsoft Word tiene una opción Crear PDF debajo del encabezado del menú de Acrobat ; esto convertirá automáticamente su archivo en un PDF accesible. Puede usar la misma opción para convertir presentaciones de PowerPoint en archivos PDF. (Tenga en cuenta que siempre debe agregar texto alternativo a las imágenes antes de convertir su archivo a PDF). Use el Comprobador de accesibilidad nativo (ubicado debajo del elemento del menú Revisar ) antes de transformar sus archivos en PDF.

Uso de Adobe Acrobat para crear archivos PDF accesibles

Convertir otros formatos de archivo a PDF accesibles requiere un poco más de esfuerzo. Por ejemplo, los archivos de diseño (como los creados en el software de Adobe) necesitarán cierta manipulación antes y después de haber transformado el archivo en un PDF.

Adobe Acrobat Pro tiene una función de verificación de accesibilidad nativa que ayudará a detectar algunos errores, pero el trabajo necesario para completar el proceso con las funciones de accesibilidad de Acrobat puede ser un desafío y es mejor dejarlo en manos de los profesionales.

Probar archivos PDF para accesibilidad

Es aconsejable probar la accesibilidad de PDF con un lector de pantalla o con una herramienta como JAWS Inspect. Independientemente de lo que un verificador de accesibilidad nativo le diga sobre un PDF, exponer su archivo a un usuario real o proxy es la mejor manera de confirmar su accesibilidad.

SO (optimización de motores de búsqueda) y accesibilidad

Lo que es bueno para el SEO también lo es para la accesibilidad. Los lectores de pantalla son similares a los rastreadores web: ambos solo pueden leer contenido en un sitio que está disponible para ellos. Eso significa que los archivos PDF inaccesibles, las imágenes sin texto alternativo, los archivos multimedia sin transcripción, etc., son efectivamente invisibles. Solo podrán leer el nombre del archivo. Su sitio web podría estar perdiendo algunas oportunidades increíbles para clasificar simplemente debido a sus elementos inaccesibles.

Existen otras mejores prácticas de SEO que convergen con las pautas de accesibilidad, como el uso de estructuras de encabezado secuenciales y adecuadas y texto de enlace descriptivo. Para obtener más información sobre este tema, consulte nuestra publicación de blog sobre cómo el SEO ayuda con la accesibilidad y viceversa.

Probar la accesibilidad de sus materiales de marketing

La prueba de accesibilidad es tan crítica como sus esfuerzos para hacer que sus activos sean accesibles en primer lugar. Si bien es admirable apuntar a la accesibilidad, hasta que haya verificado que su contenido es realmente accesible, solo habrá peleado la mitad de la batalla.

Además, probar y documentar sus resultados será ventajoso para su empresa si alguna vez se convierte en el objetivo de una demanda y lo ayudará a identificar tendencias para detener los problemas de accesibilidad en la fuente.

Puede consultar el sitio web de TGPi para obtener detalles completos de sus herramientas de prueba.