7 Tips para facilitar la accesibilidad web

Alexia Setién

hace 5 años

imagen de portada de 7 tips para facilitar la accesibilidad web

Tabla de contenidos

Toggle

¿Accesibilidad web? Cuando creamos un sitio web debemos tener en cuenta que no todos los usuarios tienen las mismas capacidades, y por lo tanto, debemos adaptar nuestra web para que nuestro contenido sea accesible a cualquier persona.

Además, recuerda que en Setién y Marín apostamos por la accesibilidad, todos nuestros cursos son accesibles para personas con discapacidad auditiva. Si quieres conocer más sobre nuestra metodología, no dudes en venir a conocernos.

Existen numerosas páginas que tratan la accesibilidad web, como por ejemplo, el World Wide Web Consortium. En este apartado nos limitaremos a mostrar unos tips básicos para mejorar la accesibilidad de nuestra página web.

Si quieres comprobar si tu sitio web cumple con la accesibilidad puedes utilizar alguna de las páginas web que realizan análisis de manera gratuita. Por ejemplo, en Setién y Marín utilizamos esta.

Tip 1 para la accesibilidad web: incluye siempre texto alternativo en todas tus imágenes

Los usuarios que utilizan lectores de pantalla pueden “leer” las imágenes si añadimos un texto alternativo, es decir, una descripción de qué explica la imagen. Imagina que eres una persona con discapacidad visual, estas leyendo un artículo y cuando llegas a una imagen el lector te pantalla te dice “DSC5897.jpg”. Después salta al siguiente párrafo y te quedas sin saber que te has perdido. No debe ser una sensación muy agradable, ¿verdad?

Según Google, “Al escribir texto alternativo, céntrate en crear contenido útil y que contenga mucha información, que use palabras clave de manera apropiada y que coincida con el contenido de la página. No incluyas un exceso de palabras clave en los atributos “alt”, ya que provoca una mala experiencia de usuario y puede hacer que tu sitio se considere spam.”

Tip 2 para la accesibilidad web: comprueba el contraste de colores de las páginas de tu sitio web

El contraste de colores hace referencia a la diferencia de color entre el texto y el fondo que tiene dicho texto. No deberíamos nunca utilizar, por ejemplo, textos grises claros sobre un fondo blanco, o textos grises oscuros sobre un fondo negro.

Texto e imágenes resultan más fáciles de leer cuando el nivel de contraste de colores es alto. Según el W3C, texto e imágenes deben tener una relación de contraste mínima de 7:1, excepto el texto grande que ha de tener una resolución de contraste mínima de 4.5:1.

Para comprobar si tu contraste se cumple, puedes utilizar un verificador de contrastes. Introduces los colores hexadecimales de textos y fondos de tu web y obtienes la relación de contraste.

Tip 3 para la accesibilidad web: hipervínculos con textos informativos

Los lectores de pantalla identifican si un texto es un enlace a otra web. Por lo tanto, intenta siempre que el texto del enlace sea informativo. Por ejemplo, si vas a añadir un enlace a tu página de contacto, el texto del enlace debería ser “contacta conmigo”, no “haz clic aquí”.

Tip 4 para la accesibilidad web: alineación del texto a la izquierda

Aunque visualmente, sobre todo en textos largos, tendamos a justificarlos, en el caso de la web debemos evitar esta práctica. Trabaja con textos alineados a la izquierda, ya que el espacio adicional entre palabras hace que la lectura de los textos justificados sea más difíciles.

Tip 5 para la accesibilidad web: destaca el texto importante con palabras

Los lectores de texto puede que no detecten cambios de formato como la negrita. Así, si hay algo que es muy destacable, utiliza palabras para describirlo (Importante, destacado, fundamental…).

Tip 6 para la accesibilidad web: utiliza listas y viñetas

Si tienes que enumerar un texto, utiliza listas numeradas y viñetas, son más fáciles de leer que grandes bloques de texto.

Tip 7 para la accesibilidad web: incluye transcripciones para el audio y subtítulos para los vídeos

Al igual que es necesario usar la etiqueta Alt para las imágenes, es indispensable que tantos los audios como los vídeos tengan subtítulos o transcripciones para que estén disponibles las personas con discapacidad auditiva.