¿Desarrollas webs para todo tipo de usuarios o exclusivamente para personas que acceden de la misma forma que tú? ¿Sabes que hay usuarios disléxicos así como personas daltónicas o con otra serie de impedimentos para navegar de forma usual a través de la web?

Este es el último contenido de una serie de 3 artículos que hablan sobre la accesibilidad web desde el punto de vista de los diferentes roles que interfieren en la misma. Este contenido va dirigido a los editores, el primero fue accesibilidad para los diseñadores y el segundo; accesibilidad para desarrolladores. 

Títulos de página

Como editor web, eres el principal responsable del contenido que se publica dentro de la misma y de su correcta accesibilidad. ¿Sabes cómo implementar correctamente las funciones cuando redactas contenido, cuando añades links o subes imágenes a la web?

En el CMS, debes incluir un título o nombre para cada página cuando la creas. En algunos sistemas existe un campo específico para ello denominado “título”.

Es importante que el título describa correctamente de qué trata la página, ya que será mostrado en la parte superior del navegador y será la primera información de la web concebida por el lector. 

Texto

Cuando escribes contenido para páginas webs, debes considerar que ciertos usuarios no pueden leerla a efectos visuales, tendrían por tanto que hacerlo en base a su estructura. Asegúrate de que el contenido se divide de forma lógica en secciones y que cada sección contiene un título que introduce el párrafo y lo describe.

Puedes usar diferentes niveles de títulos y subtítulos: título 1, título 2 etc (estos se muestran en el código como <h1>,<h2> … de forma que las tecnologías pueden procesarlo como títulos).

Debido a problemas de visión, algunos usuarios pueden percibir nuestra web visualmente de forma muy diferente al resto. Debes asegurarte de mostrar de forma destacada información de importancia, no sólo y exclusivamente haciendo uso de los colores o mediante instrucciones que requieren habilidades sensoriales. Un ejemplo de ello puede ser: “puedes encontrar más información sobre el evento en la cada azul de la derecha”.

Es positivo escribir información complementaria que todos puedan percibir, en este caso texto adicional: “puedes encontrar más información sobre el evento en la cada azul de la derecha encabezado por el título -Evento en Marzo-”. De esta manera estás aportando aún más detalles si cabe.

Si cambias de idioma en el texto, asegúrate de indicar el idioma de ese fragmento. Puedes hacerlo en el código usando el atributo lang=”” para cada pieza del texto. Un buen CMS te permitirá resaltar el texto y elegir el idioma en un menú desplegable. 

Enlaces

Cuando incluyes enlaces dentro de una página, debes escoger textos ancla que tengan coherencia con la página de aterrizaje. El uso de textos en enlaces como: “leer más”, “aquí”, “clica aquí”, “publicación”, etc no aportan nada al lector.

Ejemplos de textos anclas descriptivos podrían ser: “puedes leer más sobre el evento de tecnologías asistidas aquí”. De esta manera estás aportando información que indica e informa sobre la página de destino o aterrizaje hacia la que dirige el texto ancla. 

Imágenes

Al añadir imágenes a una determinada página, debes tener en cuenta que algunos usuarios no pueden verlas, de forma que necesitan textos alternativos que la describan. En la mayoría de los CMS se incluye en la etiqueta “texto alternativo” o “alt text”. Este texto no se visualiza desde la página, está oculto en el código y es accesible a través de pantallas lectoras. (El texto alternativo no es el mismo que el “tooltip”: El texto que se muestra cuando pasa el ratón por encima de la imagen que se corresponde con el "title" o título de la misma).

Cierra los ojos e imagina qué información necesitarías si no pudieras ver la imagen. Debes describir el propósito de la misma dentro de un contexto, no su contenido de forma escueta. Si la imagen enlaza a una página, sería relevante describir hacia dónde dirige. En caso de que la imagen sólo tenga un propósito decorativo como ambientar de forma visual el artículo, en este caso no debería contener un título alternativo. Si de lo contrario la imagen posee información relevante para el texto, debemos ser explícitos en su descripción de forma que los usuarios con problemas de visión puedan disfrutar de dicha información.

Trata de evitar el uso de imágenes de texto, es decir, escribir un texto en un programa de edición de imágenes y guardarlo como imagen. Muchos de los tipos de software que leen texto en voz alta (por ejemplo, los que utilizan los disléxicos) no pueden leer imágenes de texto. Esto se debe a que no se puede resaltar el texto dentro de una imagen para que se lea en voz alta. (Algunos softwares pueden leer textos alternativos, pero no todos. No deben confundirse con el software lector de pantalla utilizado por los discapacitados visuales. Estos tipos de software son mucho más avanzados). 

Video y audio

Si utilizas pistas de video o audio en una página de tu web, hay muchos criterios que debes tener en cuenta. La descripción de audio que permite a un usuario con discapacidad visual saber lo que está ocurriendo en la pantalla. Si no puedes incluir descripciones para audio y video puedes ofrecer una alternativa como un enlace que dirija a la trascripción de los mismos. Ten en cuenta que la trascripción debe ser compatible con el audio o vídeo. Si el contenido del vídeo es solamente visual y no contiene audio, en este caso un texto descriptivo podría ser una alternativa válida. 

Listas

Si utilizas una lista de elementos, asegúrate de utilizar la función que está incorporada en el editor en el CMS para ello y de introducir el código correctamente para que sea accesible para las listas. Evite usar simplemente puntos que parezcan una lista (como asterisco, guión, etc.) pero que no sean realmente a nivel de código lo adecuado para el uso de listas. 

Tablas

Por último, cuando incluyas tablas con información, recuerda que es importante indicar títulos para las columnas y filas de la misma. La forma de hacerlo viene estipulada en el CMS, en algunos casos el editor te facilita la casilla u opción para incluir los títulos que se mostrarán en las tablas.

¿Quieres más información acerca de cómo empezar con la accesibilidad web? Descarga gratis nuestra guía de accesibilidad web.

 

Guía de accesibilidad de Siteimprove