Todo el mundo dice estar a favor de impartir formaciones a personas invidentes o con problemas de visión. Y si alguien no lo está realmente, lo demostrará con su pasividad. A menudo, solemos pensar que es mejor dejar esta cuestión para más adelante, cuando estemos realmente preparados. Creemos que quizás aparecerá una herramienta milagrosa que resolverá el desafío con solo pulsar una tecla. Y, en ese caso, el «más adelante» corre el riesgo de convertirse en «nunca».
Con el fin de romper esta espiral y pasar a la acción, entrevistamos a Matthias Chicaud, director artístico de la agencia de comunicación ls-a, para que comparta con nosotros sus prácticas y sus hallazgos en materia de creación de recursos orientados a la accesibilidad del mayor número de personas posible.
Contenido de este artículo:
- Los cuatro principios imprescindibles (y los más sencillos de aplicar)
- Los documentos en formato PowerPoint, Word y PDF
- Desarrollo de un sitio web que cumpla con los criterios de accesibilidad
- Información destinada a los creadores de un sitio web
- Accesibilidad de un sitio web: relación estrecha con el posicionamiento en buscadores
- Cómo escribir para que nos lea y nos entienda el mayor número de personas posible
1. Los cuatro principios imprescindibles (y los más sencillos de aplicar)
Las cuatro directrices que se incluyen a continuación facilitan la lectura a aquellas personas con alguna discapacidad visual que pueden usar su visión en condiciones adaptadas. Además, permiten el uso de estos recursos formativos por parte de personas que emplean lectores de pantalla y sintetizadores de voz.
Un mapa perfectamente estructurado
Ya sea para orientarse en un documento o un sitio web, es necesario disponer de una estructura de mapa perfecta.
- Un mapa estructurado permite navegar entre los distintos niveles de títulos: título 1, título 2, título 3, etc.
- Las listas deben estar formadas por viñetas que den paso a cada línea. Este mapa permite navegar por el documento sin usar el ratón, yendo hacia adelante y hacia atrás sin necesidad de deslizarse. La estructura también sirve de referencia para las herramientas de reproducción de voz.
- Una arquitectura diseñada siguiendo los principios de accesibilidad también permite pasar de un enlace seleccionable a otro con ayuda de la tecla de tabulación, sin usar el ratón.
Colores y contrastes que facilitan el uso
- El contrate cuando se usan varios colores debe ser fuerte. Dicho de otro modo, está prohibido escribir en amarillo sobre fondo blanco o a la inversa.
- La proporción entre el primer plano (texto, iconos, bordes, elementos de un formulario) y el fondo debe ser suficiente.
- El color tampoco debe ser el único medio visual para transmitir información o una acción para realizar. Por ejemplo, no basta con usar el color verde para señalar una práctica correcta y el rojo para señalar otra incorrecta. Es preciso añadir indicadores adicionales (palabra o imagen con una transcripción).
- El contenido debe ser comprensible sin ayuda del color.
- En el caso de un sitio web, lo ideal es brindar la opción de seleccionar un tema oscuro o claro.
Fuente, tamaño de los caracteres e interlineado
- Se recomienda emplear una fuente de caracteres simples como Lato, Arial o Tahoma. La fuente Times New Roman no es adecuada porque contiene lo que se conoce como «serifas», es decir, trazos que no son iguales en toda la letra.
- El espacio entre líneas y entre letras no debe ser ni demasiado estrecho ni demasiado amplio.
- El uso de cursiva o negrita debe limitarse porque las herramientas de reproducción de voz no reconocen estas marcas de formato. En caso de usar cursiva para anglicismos o citas, habrá que contextualizar esta información en el texto. Asimismo, se desaconseja usar cursiva para facilitar la lectura a las personas disléxicas.
Uso de texto alternativo
- El texto alternativo permite describir imágenes a los usuarios de lectores de pantalla y sintetizadores de voz, ya sea en un documento o un sitio web.
- Cuando la imagen es una simple ilustración ornamental, no es necesario indicar «Imagen de un equipo que trabaja alrededor de una mesa». Si no se completa el texto alternativo, será como si la imagen no existiese para los lectores de pantalla y los sintetizadores de voz.
- Si la imagen contiene información relevante, el texto alternativo se emplea para añadir una descripción complementaria.
- En Word o PowerPoint, el texto alternativo se crea haciendo clic con el botón derecho en una imagen y, a continuación, seleccionando «Editar texto alternativo». Si la imagen es meramente ornamental, es preciso marcar la casilla «Marcar como decorativo» para que los lectores de pantalla y los sintetizadores de voz la ignoren. Así se evita al usuario la sensación de estar perdiéndose información importante.
- También se puede describir el contenido de un hipervínculo, que se leerá como el resto del texto.
2. Los documentos en formato PowerPoint, Word y PDF
El PowerPoint destinado a la formación
A menudo, los documentos de este tipo se emplean en las formaciones presenciales para su proyección y, por tanto, su uso colectivo. Además, pueden transmitirse total o parcialmente a los participantes para que los utilicen de manera autónoma. Y, en ese caso, lo habitual es convertirlos a formato PDF.
Recuerde: el formato PowerPoint también cuenta con funcionalidades de accesibilidad como, por ejemplo, el texto alternativo para las imágenes. Sin embargo, el contenido resulta mucho menos accesible que en el caso de un documento de Word cuando se emplea de manera autónoma.
También se puede elaborar un documento de Word —más accesible— que la persona pueda consultar simultáneamente a la proyección de las diapositivas durante la sesión. Crear un documento de Word estructurado según un mapa sin «formatos inútiles» requiere muy poco tiempo.
El Word destinado a la formación
En ocasiones, se emplea en resúmenes o ejercicios. Sin embargo, el formato Word suele convertirse a PDF.
Recuerde: el formato Word es el que ofrece una mayor legibilidad, por un lado, por parte de los lectores de pantalla y los sintetizadores de voz y, por el otro, utilizando la función «Mapa». El mapa debe emplear correctamente las herramientas Título 1 – Título 2 – Título 3, y no limitarse a resaltar en negrita o añadir números. El formato Word permite al usuario aumentar las fuentes, modificar los colores e, incluso, adaptar el interlineado.
Transformación en PDF de un documento en Word o PowerPoint
En primer lugar, abordemos el formato PDF «simple» que se genera ejecutando la opción «Crear documento PDF». Este tipo de documento es muy poco ergonómico porque no permite la navegación por el mapa ni la adaptación del tamaño de las fuentes.
El documento PDF creado con la herramienta Adobe
El segundo tipo de PDF que se crea con Adobe —¡ojo! no con Acrobat Reader— cuenta con características de accesibilidad muy completas. Sin embargo, es preciso recordar que cualquier persona con un buen dominio de la herramienta deberá dedicar al menos una jornada laboral para un documento de veinte páginas.
Cómo comprobar la accesibilidad de un documento de Word o PowerPoint
Para realizar un primer análisis de la accesibilidad de un documento de Word o PowerPoint, haga clic en «Revisar» y, a continuación, «Comprobar accesibilidad». En la pantalla se mostrará una lista de elementos para corregir. Como verá, el esfuerzo que se debe dedicar a conseguir un documento de Word más accesible es, en realidad, perfectamente accesible.
3. Desarrollo de un sitio web que cumpla con los criterios de accesibilidad
La creación de un sitio web se basa en principios similares a los de la producción o la adaptación de recursos multimedia. A continuación, se describen estos elementos básicos que deben tenerse en cuenta cuando se desarrolla un sitio web o se encarga su desarrollo informático a profesionales externos.
Selección de los temas
Las herramientas en línea están diseñadas para sugerir colores que combinan bien entre sí en la pantalla.
Daltonismo
Existen programas específicos que permiten visualizar la percepción de los colores por parte de las personas daltónicas (p. ej., Color Oracle, Stark o Total Colorfilter).
Doble navegación
- Para responder a las necesidades de los distintos públicos, la totalidad del sitio web debe resultar accesible con y sin ratón.
- Asimismo, los hipervínculos deben designarse para informar del contenido del sitio web o la página de aterrizaje antes de hacer clic en ellos.
Enriquecimiento del contenido de la página
- Una página web bien desarrollada debe incluir una etiqueta «Title», cuyo texto será visible al deslizar el ratón por encima de la pestaña de navegación.
- La etiqueta «Title» anteriormente descrita se transcribe por medio de los lectores de pantalla y los sintetizadores de voz cuando se navega por un sitio web con la tecla de tabulación.
Diseño inclusivo
- El diseño inclusivo o inclusive design hace referencia a un conjunto de normas de comportamiento de un sitio web.
- Prevé, por ejemplo, la transformación gráfica del sitio web cuando se amplía el tipo de letra para que la información no sobresalga del marco.
- Al igual que sucede en los sitios diseñados para un acceso móvil, los botones seleccionables deben adaptarse a las capacidades individuales.
- Además, deben evitarse los enlaces seleccionables demasiado pequeños.
¿Supone esto un coste adicional?
Un sitio web diseñado siguiendo los principios de accesibilidad no tiene por qué ser necesariamente más caro. De hecho, algunas agencias crean sitios webs que integran desde el principio estas normas. El cumplimiento de los principios fundamentales de accesibilidad debe incluirse dentro del pliego de especificaciones técnicas.
No obstante lo anterior, algunos desarrollos específicos como la transcripción de vídeos exigen un tiempo de trabajo adicional.
Algunos sitios de formación ofrecen todos los contenidos en formato texto, audio y vídeo para asegurar una accesibilidad total. Sin embargo, los proyectos de este tipo sí que implican una inversión adicional.
4. Información destinada a los creadores de un sitio web
En este apartado, presentamos algunos puntos de referencia —esta vez un poco más técnicos— para entender cómo mejorar la accesibilidad de los sitios webs. Esta información se dirige a los equipos con capacidad para desarrollar un sitio web o subcontratar su desarrollo.
La norma internacional WCAG 2.1
La norma internacional WCAG 2.1 incluye un conjunto de recomendaciones destinadas a mejorar la accesibilidad de los sitios webs.
Estos documentos técnicos de referencia pueden servir de base para la comunicación, por ejemplo, con una agencia web. Incluyen directrices sobre la accesibilidad de las funciones a través del teclado y el ratón, el orden de aparición de la información o, incluso, la versión en audio del contenido para sitios webs avanzados, en especial, los pertenecientes a instituciones públicas.
Un código informático que cumple con los requisitos de la norma WCAG 2.1
WAI-ARIA es una especificación redactada por una comunidad internacional de profesionales con la que se pretende facilitar la implantación de la accesibilidad en los sitios webs. El consorcio W3C es independiente y trabaja con distintas estructuras y organizaciones, tanto públicas como privadas. La aplicación práctica de la iniciativa WAI-ARIA se ejecuta en el marco de la norma WCAG 2.1 precedente.
5. Accesibilidad de un sitio web: relación estrecha con el posicionamiento
Para facilitar la lectura de un sitio web, cada página debe contar con una etiqueta «Title» diferente, así como con una estructura para los títulos y los subtítulos (H1, H2, H3, etc.). Al trabajar en las páginas de presentación de su oferta de formación, debe prestar especial atención a que la accesibilidad de estas resulte beneficiosa para su posicionamiento en buscadores. Además, debemos olvidarnos de ciertas estrategias de posicionamiento que contravienen los principios de accesibilidad.
La etiqueta «Title»
La etiqueta «Title» es un texto que se asocia a cada página y que debe describir el contenido de esta a modo de encabezado. A menudo, al final de la etiqueta «Title» aparece el nombre de la empresa. Al redactar una etiqueta «Title» que describa con precisión el contenido de la página, facilitará su identificación por parte de las herramientas de reproducción de voz. Y si bien este texto no resulta visible cuando visitamos una página, sí aparece cuando se desliza el ratón por encima de las pestañas. Las herramientas de reproducción de voz permiten leer este texto «burbuja». La etiqueta «Title» también se muestra en los resultados de búsqueda de Google y favorece el posicionamiento.
Las etiquetas H1, H2, H3
Así se designan el título del contenido (H1) y los subtítulos posteriores (H2, H3, etc.). Esta estructura es diferente de un texto en negrita, puesto que contiene un código específico, y facilita una navegación por medio de la tecla de tabulación, sin ayuda del ratón. Los robots de los buscadores escanean en primer lugar los títulos H1, H2, H3 situados antes del contenido, lo que contribuye además al posicionamiento de las páginas.
Atributo ALT para las imágenes
El atributo ALT es un texto que describe una imagen, también conocido como «texto alternativo». El objetivo de este texto es permitir su lectura por parte de las herramientas de transcripción de voz en caso de que el contenido de la imagen sea relevante para entender la página. Además, si la imagen contiene texto, este es el lugar para indicarlo y aclararlo en caso necesario.
Cuando la imagen es ornamental, es preferible dejar este texto en blanco para que las herramientas de lectura adaptada lo ignoren. Por tanto, no se recomienda intentar incluir aquí demasiadas palabras clave.
6. Cómo escribir para que nos lea y nos entienda el mayor número de personas posible
Estas son algunas prácticas recomendadas en caso de:
- discapacidad mental;
- aprendizaje tardío del idioma;
- dislexia,
- personas extranjeras que están aprendiendo el idioma.
Ejemplos de prácticas recomendadas
- Usar las mayúsculas únicamente al comienzo de una frase o con los nombres propios.
- Redactar frases simples.
- Formular frases afirmativas en lugar de negativas.
- Dar preferencia a las frases activas en lugar de las pasivas.
- Explicar cualquier palabra compleja o nueva cuando aparezca en el documento y no únicamente en los anexos.
- Usar las cifras siempre del mismo modo en todo el documento.
- Elaborar listas con viñetas en lugar de en una única frase.
Etiquetas y pictogramas
Hoy en día, las herramientas de reproducción de voz automática detectan de manera incorrecta ciertas formulaciones.
Las etiquetas también deben emplearse con moderación, al igual que los emoticonos. De hecho, estos últimos «se traducen».
En definitiva, la transformación de los recursos formativos puede requerir un poco de tiempo al principio. Asumir desde ahora estos principios para crear nuevos materiales supondrá un ahorro de tiempo y la satisfacción de contribuir —dentro de nuestro propio alcance— a la accesibilidad de las formaciones.
Un beneficio que puede ser mucho mayor para los formadores que se involucren plenamente en ello, puesto que el hecho de disponer de mapas perfectamente estructurados facilita la transformación de los documentos a medida que se usan. Además, la creación de contenido didáctico en distintos formatos (diapositiva, texto, esquema, etc.) facilita su adquisición por parte de los alumnos con preferencias de aprendizaje diferentes. Por último, se trata de un ejercicio muy útil para convertir un programa presencial en un programa a distancia a través de una fragmentación coherente.
En otras palabras, este es el mejor momento para ponerse manos a la obra.
