Escribir contenido accesible

La escritura accesible es una buena escritura. Facilita el consumo del contenido para todos. Estos son algunos consejos sobre cómo escribir teniendo en cuenta la accesibilidad.

Escribir claramente

La documentación es solo tan buena como lo que las personas pueden obtener de esta. Si la escritura es demasiado complicada, no podrán utilizarla. El lenguaje sencillo mejora la accesibilidad.

Conserve la simpleza y la concisión de su escritura con estos consejos:

Estructura de encabezados

Los encabezados son fundamentales cuando se crea contenido accesible. Proporcionan a los usuarios de lectores de pantalla la posibilidad de ir directamente a contenido específico, lo que puede ahorrarles tiempo.

Trabaje con el sistema en el que está escribiendo. Todas las herramientas populares, como Microsoft Word, PowerPoint y Open Office proporcionan opciones de formato y estilo para ayudarle a crear la estructura adecuada en sus documentos. Utilice las opciones de formato y estilo proporcionadas en su herramienta de edición de contenido elegida.

Ejemplo: Encabezado 1 (

)

Los números del estilo de encabezado crean un contexto estructural para el lector de pantalla y ayudan a los usuarios no visuales a comprender el contenido incluso cuando no pueden ver los saltos visuales del documento.

Ejemplo:

Accesibilidad en la educación

Accesibilidad en Blackboard

Más información sobre el diseño de contenido accesible

Enfatización del contenido

Los lectores de pantalla no identifican los estilos de fuente, incluidos los siguientes:

  • Color
  • Negrita
  • Cursiva
  • Subrayado
  • Tachado

Utilice estos estilos para proporcionar saltos visuales. No los utilice como la única forma de indicar importancia o transmitir información.

Ejemplo: El texto en rojo parece una alerta. Los usuarios de lectores de pantalla no sabrán que el texto es rojo. Se pierden la pista y no saben que se trata de una alerta.

Cuando deba resaltar algo con énfasis, asegúrese de utilizar una alternativa accesible. Utilice signos de exclamación en la oración cuando es importante. Los lectores de pantalla usan la entonación específica para los signos de exclamación y de interrogación. Esto significa que la herramienta no leerá "signo de interrogación", sino que utilizará un tono de interrogación cuando lea una pregunta en voz alta.

Ejemplo: De nuevo, no utilice estilos de fuente solo para indicar importancia.

Imágenes

Pregúntese cuál es el objetivo de una imagen. ¿Es darle atractivo visual a una página? O bien, ¿es darle a un usuario vidente una referencia visual de lo que debe esperar? ¿Es la imagen algo que todos los usuarios deben consumir para comprender su contenido?

Si no conoce el significado o el objetivo de la imagen, ¡no la use! Es engorroso y representará un obstáculo para los que padecen discapacidades de aprendizaje.

Texto ALT

Si utiliza un Sistema de gestión del aprendizaje (LMS, por sus siglas en inglés) o sitio web para transmitir información, se encontrará con un campo para texto alternativo al cargar una imagen. Para las imágenes decorativas, deje el campo de texto alternativo en blanco. El lector de pantalla ignorará la imagen en este caso. Una imagen es decorativa cuando no aporta a la información de la página.

Más información sobre imágenes decorativas en el sitio web de la Iniciativa para la Accesibilidad Web

Ejemplo: Si tiene una imagen que muestra las herramientas en una interfaz de usuario, describa cómo llegar allí y lo que hay en la página. Vea un ejemplo de descripción de una imagen en la página.

Si no quiere que el lector de pantalla omita la imagen, incluya el texto alternativo en sus imágenes. No hace falta que diga "Imagen de", ya que las herramientas de asistencia ya saben que se trata de una imagen. Sea conciso, claro y descriptivo.

No utilice el mismo texto alternativo para cada imagen, como "Imagen que ilustra el texto asociado". No tiene sentido y agrega carga visual.

Para las imágenes complejas, escriba texto alternativo corto (6 o 7 caracteres) e incluya un subtítulo debajo de la imagen que sea visible para todos y proporcione una descripción clara.

Infografía

La infografía requiere una alternativa de texto. Se trata de una narración que cuenta la misma historia que los usuarios obtienen de la visual. La alternativa de texto debe estar en la página inmediatamente siguiente a la infografía. Incluya un enlace de anclaje en la parte superior de la página para ver la alternativa de texto.

Vea un ejemplo de una infografía con una alternativa de texto.

Texto en imágenes

Según las pautas WCAG, el texto no debe incluirse como parte de una imagen. En su lugar, explique la imagen en el texto de la página.

Enlaces

Es fundamental que los enlaces sean descriptivos. Todos los enlaces deben describir lo que el usuario encontrará al hacer clic en ellos. Esto resulta clave para la herramienta Lista de enlaces que proporcionan los lectores de pantalla. Esta herramienta solo enumera los enlaces de una página, nada más. No hay contexto adicional para el enlace.

Ejemplo: En esta página, en la herramienta Lista de enlaces se leería lo siguiente: "Vea un ejemplo de la descripción de una imagen en la página", "ejemplo de una infografía con una alternativa de texto", etc. Cada una de las opciones describe lo que puede esperar encontrar al seleccionarlas.

  • Evite el uso de frases genéricas como "haga clic aquí" o "consulte más información". En las herramientas Lista de enlaces se leerá el texto del enlace exactamente como se introdujo. Cuando se repite el mismo enlace (imagine escuchar "haga clic aquí, haga clic aquí, haga clic aquí" repetido varias veces), se genera caos y confusión para los usuarios. Tienen que comprender dónde va el enlace y por qué deben hacer clic aquí. Los enlaces descriptivos proporcionan este contexto.
  • Las direcciones web o URL no se consideran informativas, por lo que no deben utilizarse. El lector de pantalla lee cada letra de forma individual. En lugar de esto, escriba frases descriptivas.
  • Si los enlaces se abren en una ventana nueva, puede resultar confuso. Manténgalos minimizados. Avise a sus usuarios cuando esté utilizando una ventana nueva.

Lista y tablas

Deje que las herramientas en las que crea contenido hagan el trabajo. Utilice las herramientas de tabla, la lista numerada y las viñetas en el editor de contenido. O bien, vea la fuente y utilice las etiquetas HTML correctas.

Listas

Las listas con viñetas creadas correctamente (

    ) informan a los usuarios de lectores de pantalla cuántos elementos hay en la lista con viñetas.

    Las listas numeradas creadas correctamente (

      ) informan a los usuarios de lectores de pantalla cuántos elementos hay en la lista numerada y leen el número de cada elemento.

      Tablas

      Utilice listas en lugar de tablas cuando pueda hacerlo. Las tablas pueden ser accesibles, pero los usuarios de lectores de pantalla deben conocer los comandos de teclas avanzados para navegar por ellas y comprenderlas.

      Utilice encabezados de columnas (). Esto provoca que el lector de pantalla vuelva a anunciar el encabezado de columna de cada celda cuando el usuario navega por ella. Esto brinda un contexto al usuario del contenido de cada celda. Tenga en cuenta cómo se leerá cada celda cuando se nombren las columnas y se agregue información en las celdas.

      Nunca utilice tablas para crear un diseño visual del contenido.

      Un ejemplo de una tabla accesible

      Comandos de teclas

      Hay estándares globales para los comandos de teclas en el contenido web. Por ejemplo, puede presionar la tecla Tab para poner el enfoque de su equipo en el siguiente botón. No es necesario que los describa. Para conocer una lista de los comandos globales, consulte esta Guía de referencia rápida de comandos de teclado JAWS.

      En ciertas ocasiones, los desarrolladores tienen que crear comandos de teclas originales para su producto. Por ejemplo, Blackboard Collaborate creó comandos de teclas originales para activar y desactivar el micrófono. Documente esos comandos de teclas originales en sus temas.

      Las instrucciones de comandos de teclas y clic son dos ideas separadas y no deben estar en el mismo párrafo. Si los comandos de Mac son diferentes a los comandos de PC, utilice dos oraciones en el párrafo del tema de teclas.

      Ejemplo 1

      De forma predeterminada, usted estará oculto y silenciado después de completar la configuración. Haga clic en los iconos de micrófono y cámara para comenzar la participación completa en la reunión.

      Desde el teclado, presione Alt + M para encender y apagar el micrófono. Presione Alt + C para encender y apagar la cámara.

      Ejemplo 2

      Si comparte una presentación, aparecen los botones Examinar para que pueda navegar entre las diapositivas.

      Con el teclado, presione Alt + Re Pág para ir a la diapositiva siguiente. Presione Alt + Av Pág para retroceder. En una Mac, presione Alt + Fn + Flecha hacia arriba y Alt + Fn + Flecha hacia abajo.

      Video

      Los videos deben estar subtitulados. Para obtener más información, consulte Acerca de los subtítulos de videos.