Las cuestiones sobre accesibilidad web llevan de actualidad varios años, pero solo han tenido impacto dentro de la comunidad SEO cuando Google, recientemente, ha anunciado que las tendrá en consideración a la hora de posicionar.
Su importancia, además se amplificó significativamente durante la pandemia de COVID-19. El 73% de los profesionales que se dedican al tema de accesibilidad digital vieron un aumento en la demanda durante esa etapa. Eso se debe a que la pandemia obligó a más personas a participar en línea, ya fuera por trabajo, escuela o diversión. Y esto puso de manifiesto la enorme deficiencia del ecosistema digital relativo a este tema.
Contenido
¿Por qué es importante la accesibilidad web?
Aunque es una pregunta de respuesta obvia, creo que es obligatorio empezar por este punto.
La accesibilidad web es importante porque asegura que todas las personas, independientemente de sus habilidades o discapacidades, puedan acceder y usar la información y los servicios en Internet de manera efectiva. Esto incluye a las personas con discapacidades visuales, auditivas, motrices y cognitivas, así como a aquellas que usan dispositivos especializados para acceder a la web, como lectores de pantalla o dispositivos de entrada alternativos.
Beneficios para las empresas
Asegurar la accesibilidad web también tiene beneficios para las empresas y organizaciones, ya que puede aumentar el alcance de su contenido y servicios a una audiencia más amplia y diversa, lo que puede resultar en una mayor participación y engagement de los usuarios. Además, la accesibilidad web es un requisito legal en algunos países y puede ser un factor importante a la hora de evaluar la calidad de un sitio web, como veremos más adelante.
Problemas habituales de accesibilidad en una página web
Las personas que no tenemos ninguna discapacidad (o que no contamos con una persona discapacitada en nuestro entorno), rara vez prestamos atención a lo cómodo y bien adaptado que está el «paisaje» digital para nosotros. Damos por supuesto que este espacio y sus funcionalidades deben fluir de una manera tan natural que su artificio debe ser invisible. Sin embargo, para el 15% de la población, esto no funciona así. Para ellos, lidiar con una página web, una app o cualquier interfaz digital puede ser un verdadero reto.
Para comprenderlo mejor, vamos a plantear a continuación algunos de los problemas más habituales que encuentran las personas discapacitadas en una página web.
- Contenido inaccesible. El contenido de un sitio web puede no ser accesible para las personas con discapacidad si no está diseñado de manera adecuada. Por ejemplo, el contenido solo visual (como imágenes sin descripción alternativa) puede no ser comprensible para las personas con discapacidad visual, mientras que el contenido solo auditivo (como videos sin subtítulos) puede no ser accesible para las personas con discapacidad auditiva.
- Navegación inaccesible. Algunos sitios web pueden tener estructuras de navegación complicadas o no ser fácilmente navegables por teclado, lo que puede ser un obstáculo para las personas con discapacidad motriz o que dependen de dispositivos de entrada alternativos para acceder a la web.
- Formularios inaccesibles. Los formularios pueden ser inaccesibles para las personas con discapacidad si no están diseñados de manera adecuada. Por ejemplo, los formularios que no tienen etiquetas de descripción para los campos pueden ser difíciles de completar para las personas que usan lectores de pantalla.
- Sitios web inaccesibles en dispositivos móviles. Muchas personas con discapacidad dependen de dispositivos móviles para acceder a la web, pero algunos sitios web pueden no ser accesibles o tener problemas de rendimiento en estos dispositivos.
- Falta de recursos de apoyo. Algunos sitios web no proporcionan recursos de apoyo, como subtítulos o traducciones de idiomas, lo que puede ser un obstáculo para las personas con discapacidad auditiva o del habla o para aquellas que no hablan el idioma del sitio web.
- Contenido dinámico o animado. El contenido dinámico o animado, como los videos con efectos de transición o los elementos de interfaz de usuario (UI) que cambian de forma constante, puede ser difícil de seguir o comprender para las personas con discapacidad visual o cognitiva.
- Contenido ininteligible. Algunos sitios web pueden tener contenido que es difícil de comprender, ya sea porque está escrito en un lenguaje técnico o porque tiene errores de gramática o de ortografía. Esto puede ser un obstáculo para las personas con discapacidad cognitiva o para aquellas que tienen dificultades para leer o comprender el idioma del sitio web.
- Falta de contraste. Los colores de texto y fondo pueden ser difíciles de leer o distinguir para las personas con discapacidad visual si no hay suficiente contraste entre ellos.
- Falta de accesibilidad en el diseño. Algunos sitios web pueden tener diseños complicados o elementos de interfaz de usuario (UI) que son difíciles de usar para las personas con discapacidad.
- Falta de accesibilidad en la navegación. Algunos sitios web pueden tener enlaces ocultos o no evidentes o menús de navegación poco claros, lo que puede hacer que sea difícil para las personas con discapacidad encontrar y acceder a la información que necesitan.
El SEO y la accesibilidad Web
En lo que respecta a nuestro trabajo en SEO, estamos en una excelente posición para ser parte de estos esfuerzos, ya que influimos en varios campos relacionados con la accesibilidad. De hecho, muchas veces cuando priorizamos la accesibilidad digital, resulta que también ayuda a nuestros esfuerzos de SEO.
Un gran poder conlleva una gran responsabilidad. Debido a que nuestras recomendaciones de SEO pueden afectar elementos importantes del sitio web, como la estructura del sitio, la UI y las descripciones, compartimos la propiedad y la responsabilidad en la accesibilidad de esos elementos.
Otra cosa para recordar es que no es suficiente proporcionar recomendaciones relacionadas con la accesibilidad a nuestros clientes a partir de rastreos técnicos, extensiones de Chrome o herramientas por sí solas. Es fundamental que incluyamos a las mismas personas a las que tratamos de apoyar.
A continuación, vamos a dar cerca de 30 consejos para mejorar la accesibilidad web, divididos en los siguientes aspectos:
- Etiquetas de título
- Encabezados
- Enlaces
- Texto alternativo
- Multimedia
1. Etiquetas de título
Podría decirse que las etiquetas de título tienen una tonelada de peso SEO. Cuando las etiquetas de título están bien diseñadas y optimizadas, pueden ser lo que aliente los clics de los motores de búsqueda a tu sitio web.
Las etiquetas de título también son importantes para la accesibilidad, ya que son lo primero que escucha un usuario de lector de pantalla cuando carga una página.
Los lectores de pantalla son una tecnología de asistencia que permite a los usuarios ciegos o con problemas de visión leer el texto que se muestra en la pantalla de una computadora, como etiquetas, enlaces y encabezados.
Las etiquetas de título nos dicen en qué página estamos y qué páginas están abiertas. También es útil cuando las etiquetas de título incluyen palabras clave relevantes que describen con precisión el tema. Si los títulos no están etiquetados correctamente, entonces estamos confundiendo en cuanto a qué información encontraremos en la página del sitio. Considera la etiqueta del título como un título simple, claro y fácil de leer. El lector de pantalla debe reconocer fácilmente una buena etiqueta de título bien escrita, lo que hace que la búsqueda sea más eficiente e interesante.
Consejos SEO relacionados con las etiquetas de título
- Las etiquetas de título deben describir con precisión el tema o el propósito.
- Una buena etiqueta de título tendrá las palabras clave más importantes ubicadas hacia el principio.
- La longitud óptima para las etiquetas de título es de 60 caracteres, por lo que se debe ser conciso.
- Las etiquetas de título no deben estar en blanco.
- Las etiquetas de título deben ser únicas de otras páginas (evitar duplicados).
- Las etiquetas de título deben ser coherentes con el contenido de la página.
- Las etiquetas de título deben mencionar un mensaje de confirmación de error o éxito.
- Si usas un iframe, la fuente de la página debe tener un título significativo.
- Coloca la marca al final de la etiqueta del título.
A poco que nos fijemos en estos consejos, podemos comprobar cuánto se parecen a los consejos que se darían simplemente para una optimización de los títulos desde un enfoque de SEO y no de accesibilidad.
2. Encabezados
Los encabezados son otro campo importante, ya que brindan una estructura semántica, no solo para los bots de los motores de búsqueda, sino también para los lectores de pantalla que los usan como anclas.
Un lector de pantalla usa encabezados para saltar alrededor de una página. Piensa en ello como el equivalente a hojear una página.
Los encabezados siempre tienen un formato diferente para que se destaquen visualmente del texto del cuerpo normal. Proporcionan información visual y semántica sobre la estructura de una página web, como los niveles de un esquema. Mediante el uso de etiquetas de encabezado en lugar de etiquetas y atributos de estilo (es decir, <b>, <em>, font=”Helvetica”…), el autor de un sitio web permite que un usuario de lector de pantalla comprenda y navegue por la estructura de la página tal como lo haría un lector vidente.
Consejos SEO relacionados con los encabezados
- Como regla general, solo debe haber una etiqueta H1 por página.
- El mejor lugar para colocar una etiqueta H1 es en la parte superior del elemento de contenido <main>.
- Los encabezados deben tener sentido y seguir una jerarquía.
- No es una buena práctica que los encabezados salten niveles (es decir, no pase de H1 a H5 sin nada en el medio).
Un ejercicio que los creadores de contenido web pueden intentar es leer los encabezados de las páginas para ver si fluyen lógicamente. ¿Tienen sentido en el orden en que están y coinciden con el contenido al que están asociados? Si no, modifícalos hasta que lo hagan.
3. Enlaces
En lo que respecta al SEO, los enlaces internos y externos pueden ayudar con el rastreo, la promoción y la participación.
Los usuarios y los robots de búsqueda utilizan enlaces para navegar por la web. Los enlaces ayudan a dar valor a las páginas a las que se enlazan y brindan más contexto sobre el tema de las páginas.
Cuando se trata de accesibilidad, el texto del enlace es fundamental. La razón: es porque se usan como ancla para saltar alrededor de una página. Deben hacer que sea muy obvio de qué se trata la siguiente página en caso de que un visitante haga clic.
Además de lo que dice el texto del enlace, también es extremadamente importante que los enlaces se distingan fácilmente del texto que los rodea. Esto lo hace más accesible para las personas daltónicas cuando el texto no se mezcla con el fondo.
Consejos SEO relacionados con los enlaces
- El texto de anclaje debe hacer que sea bastante obvio de qué se trata la página siguiente.
- Los enlaces deben ser visualmente distinguibles (subrayado, contorno, contraste de color 3:1).
- El texto de anclaje debe ser único de otros textos de anclaje en la página.
- El texto de anclaje similar en la misma página no debe vincular a diferentes destinos.
- Los enlaces de navegación deben ser consistentes en todo el sitio web.
- Evita el uso de texto ambiguo como «haga clic aquí» y «leer más».
- Indicar cuándo un enlace lleva a un sitio web externo.
4. Texto alternativo
Como SEOs, sabemos que el texto alternativo ayuda a aumentar las posibilidades de ser encontrado en motores de búsqueda basados en imágenes para frases de palabras clave importantes y específicas. Sin embargo, existe una gran brecha entre cómo nosotros, como SEOs, estamos elaborando texto alternativo y cómo deberíamos hacerlo.
Debemos recordar que el propósito principal del texto alternativo es la accesibilidad, no el SEO .
Millones de usuarios de lectores de pantalla dependen de este campo para comprender qué hay en una imagen y navegar por las imágenes en la web.
Los sitios web de comercio electrónico también podrían beneficiarse de la incorporación de texto alternativo descriptivo. Por ejemplo, supongamos que tu sitio web vende pantalones rojos. En lugar de crear un texto alternativo que diga «pantalones rojos», habla sobre los elementos visuales. Eso podría incluir el ajuste y la textura, así como las combinaciones de atuendos, como camisas y zapatos.
Consejos SEO relacionados con el texto alternativo
- Incluye texto alternativo de calidad que sea preciso, sucinto y contextual.
- No es necesario incluir «foto de» en el texto alternativo.
- No es necesario incluir texto alternativo si la foto no transmite significado.
- Etiqueta los botones de imagen (es decir, Facebook) o los lectores de pantalla dirán «enlace».
- Evita crear texto alternativo que tenga más de 150 caracteres.
- Usa descripciones extendidas cuando la imagen requiera más detalles.
Cuando hablamos de ser contextual, significa describir el enfoque principal de la imagen. Es posible tener dos descripciones de texto alternativo completamente diferentes para la misma imagen.
Por ejemplo, si estás vendiendo para una marca de zapatos, puedes describir el zapato en comparación con, digamos, el modelo, si ese es el mensaje central que estás tratando de transmitir con la imagen.
Entonces, ¿es posible crear texto alternativo que beneficie tanto la accesibilidad como el SEO? Sí, pero eso significa que debe ser intencional con la selección de fotos. No incluyas detalles visuales que no se presenten en la foto por el bien del SEO.
5. Multimedia
Los multimedia (por ejemplo, videos, podcasts) brindan otra excelente manera para que las personas consuman información. Cuando se proporcionan versiones de texto de multimedia, es una forma adicional para que los motores de búsqueda encuentren t
u contenido.
En lo que respecta a la accesibilidad, según los medios que se utilicen y cuándo (en vivo o pregrabado), existen niveles específicos de cumplimiento de las Pautas de accesibilidad al contenido web (WCAG) a seguir y alternativas de medios que deben incluirse.
Hay una serie de tipos de medios alternativos. Aquí hay dos de ellos:
- Subtítulos: este es un texto que se sincroniza con el contenido visual, ya sea un seminario web, un video de YouTube o un programa de televisión favorito. También se debe mencionar cuándo hay sonidos importantes en el fondo, como música espeluznante o un portazo.
- Transcripción: Esto incluye el texto del contenido auditivo, así como las descripciones del contenido visual. Un ejemplo sería describir lo que se muestra en las diapositivas de PowerPoint que estás presentando.
Los subtítulos son importantes porque son vitales para las personas sordas y cualquier otra persona que los necesite. Los subtítulos pueden significar vida o muerte si estamos tratando de obtener información sobre un desastre natural o provocado por el hombre. Pero también son vitales solo para fines de entretenimiento.
Consejos SEO relacionados con los contenidos multimedia
- Para subtítulos
- Escribe palabra por palabra, incluyendo «um» (y otras expresiones)
- Incluye sonidos de fondo importantes
- Usa ortografía y puntuación adecuadas
- Trata de no exceder las dos líneas de texto en la pantalla a la vez
- No excedas los 32 caracteres por línea
- Usa saltos de línea de subtítulos en puntos lógicos
- Los subtítulos no deben bloquear contenido importante en pantalla
- El texto debe usar un contraste de color de 3:1
- Para transcripciones
- Escribe palabra por palabra
- Incluye sonidos de fondo importantes
- Usa ortografía y puntuación adecuadas
- Incluye también descripciones visuales.
Ayuda a que Internet sea más agradable para todos
Los consejos anteriores no son una lista exhaustiva de las mejores prácticas; son un punto de partida.
Si bien existen herramientas, complementos y extensiones que enumeran los errores de accesibilidad, no puedes detenerte aquí. Trabaja con consultores sordos y discapacitados que puedan auditar y realizar pruebas de usuario.
Actualmente Google no penaliza de forma severa a las páginas web que no cumplen los criterios de accesibilidad recomendados, pero como desarrolladores y proveedores de servicios web y SEO, podemos liderar con nuestros clientes un cambio de mentalidad que esté por encima de los motores de búsqueda. Y no es incompatible.