Checklist del creador de contenidos

Este nivel ha recorrido la redacción, las imágenes, el color, el diseño de interfaces, el multimedia y los canales cotidianos. Esta lección lo condensa en una herramienta de trabajo: una checklist que cualquier persona que crea contenidos (redactora, community manager, técnico de comunicación, docente, administrativo que publica en la intranet) puede repasar antes de publicar. No sustituye a una auditoría, pero evita muchos de los problemas que encuentran las auditorías, porque una parte importante nace en el contenido.

Cómo usar la checklist

• Tenla a mano en el gestor de contenidos; en pocas semanas la mayoría de puntos serán automáticos.
• Cada punto indica entre paréntesis el criterio WCAG principal, para justificar la petición ante diseño o desarrollo.
• Lo que no puedas resolver tú (el atributo lang de la plantilla, el contraste de los enlaces del tema) envíalo al equipo técnico con el criterio que incumple.
• Adáptala a los errores que se repitan en tus contenidos.

Texto

1. El título de la página describe su contenido y es único en el sitio (2.4.2).
2. Frases cortas, una idea por frase, vocabulario común, voz activa; lo importante primero (3.1.5 como referencia).
3. Encabezados reales (Título 2, Título 3) en orden, sin saltos de nivel, cada uno describiendo su sección (1.3.1, 2.4.6).
4. Listas hechas con la herramienta de listas, numeradas si el orden importa (1.3.1).
5. Tablas solo para datos, con fila de encabezado (1.3.1).
6. Siglas expandidas la primera vez; abreviaturas innecesarias eliminadas (3.1.4).
7. Fragmentos en otro idioma marcados con su idioma, si el editor lo permite (3.1.2).
8. Texto alineado a la izquierda, sin mayúsculas sostenidas ni cursivas largas (1.4.8).

Enlaces

1. El texto de cada enlace dice a dónde lleva; nada de «aquí», «leer más» ni URL crudas (2.4.4).
2. Enlaces a documentos indican formato y tamaño; se avisa si abre en nueva ventana (2.4.4, 3.2.5).
3. Enlaces con el mismo texto llevan al mismo destino (2.4.4, 2.4.9).
4. Los enlaces se distinguen del texto por algo más que el color (1.4.1).

Imágenes

1. Cada imagen tiene alt según su función: vacío si es decorativa, breve si es informativa, la acción si es funcional (1.1.1).
2. Nada de «imagen de», nombres de fichero ni palabras clave en el alt (1.1.1).
3. Imágenes complejas (gráficos, infografías, mapas) con descripción larga en texto en la página (1.1.1).
4. Sin texto en imágenes salvo logotipos; si no hay más remedio, el alt contiene el mismo texto (1.4.5).
5. Iconos decorativos ocultos; iconos funcionales con nombre (1.1.1, 4.1.2).
6. GIF y animaciones sin destellos y que se pueden pausar (2.3.1, 2.2.2).

Color y legibilidad

1. Texto con contraste de al menos 4,5:1 (3:1 si es grande), también sobre imágenes y en placeholders (1.4.3).
2. Iconos, bordes y gráficos informativos con 3:1 (1.4.11).
3. Ninguna información se transmite solo con color: errores, estados, series de gráficos, campos obligatorios (1.4.1).
4. Tamaño de letra de 16 px en el cuerpo, interlineado 1,5, líneas de 45-80 caracteres (1.4.8, 1.4.12).
5. La página funciona con zoom al 200 % y a 320 px de ancho sin desplazamiento horizontal (1.4.4, 1.4.10).

Formularios e interacción

1. Cada campo tiene etiqueta visible; las instrucciones van antes del campo (3.3.2).
2. Los errores se indican en texto, junto al campo, con cómo corregirlos (3.3.1, 3.3.3).
3. No se piden dos veces los mismos datos en un proceso (3.3.7).
4. Se puede ver dónde está el foco al navegar con teclado y no queda tapado (2.4.7, 2.4.11).
5. Botones y enlaces de al menos 24 por 24 px; gestos y arrastres con alternativa (2.5.8, 2.5.1, 2.5.7).
6. Nada cambia de página o abre ventanas solo por seleccionar una opción (3.2.2).

Multimedia

1. Vídeos con subtítulos revisados, con hablantes y sonidos relevantes (1.2.2).
2. Audiodescripción o transcripción descriptiva si hay información visual no verbalizada (1.2.3, 1.2.5).
3. Podcasts y audios con transcripción en HTML (1.2.1).
4. Nada se reproduce automáticamente con sonido; todo movimiento se puede pausar (1.4.2, 2.2.2).
5. Sin destellos de más de tres por segundo (2.3.1).
6. El reproductor funciona con teclado y sus botones tienen nombre (2.1.1, 4.1.2).

Redes, mensajería, correo, documentos y formularios

1. Redes: alt en cada imagen, información esencial en el texto, hashtags con mayúscula inicial en cada palabra, pocos emojis al final, vídeos con subtítulos abiertos.
2. Correo: asunto concreto, texto en lugar de capturas, enlaces con sentido, boletín en una columna con alt y texto real, probado con imágenes bloqueadas y en modo oscuro.
3. Documentos: estilos de título, listas reales, tablas con encabezado, alt, título e idioma en propiedades, comprobador pasado, PDF exportado con etiquetas.
4. Mensajería: lo esencial en la primera línea del aviso, fechas completas, notas de voz siempre acompañadas de texto, nada de capturas en lugar de texto (1.1.1).
5. Presentaciones y reuniones: diseños de diapositiva, títulos únicos, orden de lectura revisado, alt, 24 puntos o más, lo visual verbalizado, subtítulos activados y material compartido antes y después.
6. Formularios: preguntas claras con instrucciones antes de responder, obligatorios indicados en texto, errores que explican cómo corregir, sin límites de tiempo innecesarios y con otra vía de inscripción (3.3.1, 3.3.2, 3.3.3, 2.2.1).

Herramientas rápidas para quien crea contenidos

• WAVE (extensión): detecta imágenes sin alt, encabezados saltados, enlaces vacíos y contraste en colores sólidos. Es la herramienta más visual para no técnicos.
• HeadingsMap (extensión): muestra el esquema de encabezados.
• Colour Contrast Analyser (TPGi): mide cualquier color de la pantalla.
• Comprobador de accesibilidad de Word, Excel y PowerPoint.
• El teclado: recorre la página con Tab. Si no ves dónde estás o no llegas a algo, hay un problema.
• El lector de pantalla: NVDA (gratuito) o VoiceOver (Mac e iOS). Diez minutos oyendo tu página enseñan más que cualquier manual.

Resumen

• Texto: títulos reales en orden, frases cortas, listas y tablas semánticas, siglas expandidas.
• Enlaces e imágenes: enlaces con sentido, alt según función, descripciones largas para imágenes complejas, sin texto en imágenes.
• Color y legibilidad: 4,5:1 en texto, 3:1 en componentes, nada solo por color, zoom 200 % y 320 px.
• Formularios y multimedia: etiquetas visibles, errores en texto, foco visible, subtítulos revisados, nada que suene o destelle solo.
• Aplica la checklist al crear, usa WAVE, HeadingsMap, el teclado y un lector de pantalla, y reporta al equipo técnico lo que no dependa de ti con su criterio WCAG.