Accesibilidad para creadores de contenido: Escribir y producir contenido inclusivo

La accesibilidad no comienza con el diseño y termina con el código. Los creadores de contenido — redactores, editores, profesionales de marketing y productores multimedia — tienen un impacto directo y significativo en si el contenido digital es utilizable por todos. Las palabras que eliges, la estructura que creas, las imágenes que describes y los medios que produces determinan la experiencia de los usuarios con discapacidad.

La buena noticia es que escribir de forma accesible es, en gran medida, escribir bien. Un contenido claro, estructurado y descriptivo beneficia a todos los usuarios, no solo a los que utilizan tecnologías de asistencia.

Escribir en lenguaje claro

La escritura clara y directa es un requisito de accesibilidad, no solo una preferencia de estilo. Los usuarios con discapacidades cognitivas, dificultades de aprendizaje como la dislexia, hablantes no nativos y usuarios que simplemente están ocupados o distraídos se benefician de un contenido fácil de entender.

Escribe en oraciones cortas con voz activa. Utiliza palabras comunes en lugar de jerga o terminología técnica — y cuando los términos especializados sean necesarios, explícalos. Divide los pasajes largos en párrafos más cortos con subtítulos descriptivos. Utiliza listas al presentar múltiples elementos o pasos. Evita modismos, metáforas y referencias culturalmente específicas que pueden no traducirse bien.

WCAG exige que el contenido sea lo más legible posible, y en el Nivel AAA, que se proporcione contenido complementario o una versión alternativa cuando el texto requiera una capacidad lectora superior al nivel de educación secundaria inferior.

Texto alternativo para imágenes

El texto alternativo es una de las responsabilidades de contenido más importantes. Toda imagen que transmita información necesita una alternativa textual que comunique la misma información a los usuarios que no pueden ver la imagen. Los lectores de pantalla leen el texto alternativo en voz alta, y aparece cuando las imágenes no se cargan.

Escribir buen texto alternativo consiste en comunicar el propósito, no solo la apariencia. Pregúntate: ¿qué información transmite esta imagen que el usuario necesita conocer? Una foto de un equipo en una reunión podría necesitar un texto alternativo como "Equipo colaborando en planes de proyecto alrededor de una mesa de conferencias" en lugar de "foto.jpg" o un vago "foto de equipo".

Los distintos tipos de imágenes necesitan enfoques diferentes:

Imágenes informativas que transmiten contenido necesitan texto alternativo descriptivo que comunique la información. Sé conciso — normalmente menos de 125 caracteres — pero asegúrate de que la información esencial esté presente.

Imágenes funcionales como iconos utilizados como botones necesitan texto alternativo que describa la función, no la apariencia. Un icono de lupa en un botón de búsqueda debería tener el texto alternativo "Buscar", no "lupa".

Imágenes decorativas que añaden interés visual pero ninguna información deben tener un texto alternativo vacío (alt="") para que los lectores de pantalla las omitan por completo. Las fotos de banco de imágenes utilizadas puramente con fines estéticos suelen entrar en esta categoría.

Imágenes complejas como gráficos, diagramas o infografías necesitan más que un breve atributo alt. Proporciona un texto alternativo corto que identifique la imagen y luego ofrece una descripción detallada cercana — ya sea como texto visible, un pie de foto o una descripción extensa enlazada.

Texto de enlace

Los enlaces deben tener sentido fuera de contexto. Los usuarios de lectores de pantalla frecuentemente navegan sacando una lista de todos los enlaces de una página. Si cada enlace dice "Leer más" o "Haz clic aquí", esa lista es inútil.

Redacta el texto del enlace describiendo adónde lleva o qué hace. En lugar de "Haz clic aquí para descargar nuestra guía de accesibilidad", escribe "Descargar nuestra guía de accesibilidad". En lugar de "Saber más", escribe "Saber más sobre los niveles de conformidad WCAG".

Nunca utilices una URL como texto de enlace a menos que la propia URL sea la información que se quiere comunicar. Las URL son difíciles de leer en voz alta y aún más difíciles de entender cuando se escuchan.

Encabezados y estructura

Utiliza encabezados para crear una jerarquía de contenido significativa, no para dar estilo visual. Los usuarios de lectores de pantalla navegan por encabezados para explorar el contenido y saltar a las secciones de interés. Los encabezados deben seguir un orden lógico — H1 para el título de la página, H2 para las secciones principales, H3 para las subsecciones dentro de esas secciones — sin saltar niveles.

Cada página debe tener exactamente un H1. Los subtítulos deben ser lo suficientemente descriptivos para que un usuario pueda comprender el contenido de la sección solo a partir del encabezado.

Tablas

Utiliza tablas para datos tabulares — información que tiene relaciones significativas entre filas y columnas. Nunca utilices tablas para la maquetación visual. Cuando utilices tablas, incluye celdas de encabezado apropiadas usando elementos <th> con atributos scope que indiquen si son encabezados de fila o de columna. Para tablas complejas con múltiples niveles de encabezados, utiliza atributos id y headers para asociar explícitamente las celdas de datos con sus encabezados.

Proporciona un título o resumen que describa el propósito de la tabla, especialmente para tablas de datos complejas.

Listas

Al presentar un grupo de elementos relacionados, utiliza listas HTML reales — listas ordenadas (<ol>) para elementos secuenciales y listas desordenadas (<ul>) para elementos no secuenciales. No crees listas falsas usando saltos de línea y guiones o caracteres de viñeta. El marcado de lista adecuado indica a los lectores de pantalla cuántos elementos tiene la lista y en qué posición se encuentra el usuario.

Contenido de vídeo y audio

El contenido multimedia tiene requisitos específicos de accesibilidad:

Subtítulos deben proporcionarse para todo vídeo pregrabado con audio. Los subtítulos deben incluir todos los diálogos hablados, identificar quién habla cuando no es visualmente obvio, e incluir efectos sonoros significativos. Los subtítulos deben estar sincronizados con el audio y disponibles como subtítulos opcionales que los usuarios puedan activar o desactivar.

Transcripciones deben proporcionarse para contenido pregrabado solo de audio, como podcasts. Las transcripciones deben incluir todo el contenido hablado, identificar a los interlocutores y describir los sonidos no verbales relevantes.

Audiodescripciones deben proporcionarse para vídeo pregrabado donde la información visual importante no se transmite a través de la pista de audio. Las audiodescripciones narran elementos visuales significativos — acciones, cambios de escena, texto en pantalla — durante las pausas naturales en el diálogo.

Audio de reproducción automática debe poder evitarse. Si el audio se reproduce automáticamente durante más de tres segundos, proporciona un mecanismo para pausar, detener o controlar el volumen independientemente del volumen del sistema.

Documentos accesibles

Los PDF y otros documentos descargables también deben ser accesibles. Esto significa que necesitan una estructura de etiquetas adecuada (encabezados, listas, tablas), un orden de lectura lógico, texto alternativo para las imágenes, idioma del documento definido y marcadores para la navegación en documentos extensos.

Cuando sea posible, proporciona la información importante como contenido web en lugar de documentos descargables. El contenido web es inherentemente más flexible y más fácil de hacer accesible que el PDF.

Contenido en redes sociales

La accesibilidad se extiende a las redes sociales. Añade texto alternativo a las imágenes publicadas en plataformas de redes sociales — la mayoría de las principales plataformas ya admiten esta función. Utiliza CamelCase en los hashtags para que los lectores de pantalla puedan analizarlos correctamente (p. ej., #AccesibilidadWeb en lugar de #accesibilidadweb). Evita transmitir información únicamente a través de imágenes o vídeo sin alternativas textuales.

Características sensoriales

Nunca proporciones instrucciones que dependan únicamente de características sensoriales como forma, color, tamaño, ubicación visual, orientación o sonido. En lugar de "haz clic en el botón verde" o "mira la barra lateral a la derecha", proporciona contexto adicional: "haz clic en el botón Enviar" o "consulta la sección Artículos relacionados".