TongoRender — HTML to PDF, Image & Screenshot API for Developers

La accesibilidad no es solo algo deseable — es un requisito legal para muchas organizaciones. La Ley de Americanos con Discapacidades (ADA), la Sección 508 y la Directiva Europea de Accesibilidad exigen que los documentos digitales sean accesibles para personas con discapacidad. Si tu aplicación genera PDFs, esos PDFs necesitan ser utilizables por lectores de pantalla, navegables por teclado y legibles por tecnologías asistivas.

Por Qué Importa la Accesibilidad en PDF

Cumplimiento legal — Agencias gubernamentales, instituciones educativas y empresas que atienden al público deben proporcionar documentos accesibles.
Mayor alcance — Aproximadamente el 15% de la población mundial tiene alguna forma de discapacidad.
Mejor SEO — Los PDFs etiquetados y bien estructurados son más fáciles de indexar para los motores de búsqueda.
Calidad profesional — Las mejores prácticas de accesibilidad también mejoran la calidad general de tus documentos.

¿Qué Hace Accesible a un PDF?

1. Etiquetas de Estructura del Documento

Los PDFs etiquetados contienen un árbol de estructura lógica que mapea elementos visuales a roles semánticos. Los lectores de pantalla dependen de estas etiquetas.

<!-- Bueno: HTML semántico genera etiquetas adecuadas -->
<h1>Informe Anual 2026</h1>
<h2>Resumen Financiero</h2>
<p>Los ingresos aumentaron un 23% interanual...</p>
<table>
  <caption>Desglose de Ingresos Trimestrales</caption>
  <thead>
    <tr><th scope="col">Trimestre</th><th scope="col">Ingresos</th></tr>
  </thead>
  <tbody>
    <tr><td>T1</td><td>$2.4M</td></tr>
  </tbody>
</table>

<!-- Malo: Divs y spans sin significado semántico -->
<div class="texto-grande">Informe Anual 2026</div>

2. Texto Alternativo para Imágenes

<!-- Imagen significativa -->
<img src="grafico-ingresos.png" alt="Gráfico de barras mostrando crecimiento trimestral de ingresos de $1.8M en T1 a $3.1M en T4 2026">

<!-- Imagen decorativa -->
<img src="linea-decorativa.png" alt="" role="presentation">

3. Orden de Lectura

El orden de lectura debe seguir una secuencia lógica. Al usar layouts CSS (Grid, Flexbox), el orden visual puede diferir del orden del DOM. Siempre asegúrate de que el orden del código fuente coincida con la secuencia de lectura prevista.

4. Encabezados de Tabla

Las tablas de datos deben usar elementos <th> con atributos scope para que los lectores de pantalla puedan asociar celdas de datos con sus encabezados.

5. Contraste de Color

El texto debe tener suficiente contraste con su fondo. WCAG 2.1 requiere una relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande.

6. Declaración de Idioma

<html lang="es">
  <p>El término en inglés <span lang="en">responsive design</span> significa...</p>
</html>

Generando PDFs Accesibles con TongoRender

Cuando envías HTML bien estructurado a TongoRender, el motor Chromium preserva la estructura semántica en el PDF generado. Aquí tienes un checklist:

Usa elementos HTML semánticos: h1-h6, p, ul/ol, table, figure, figcaption
Agrega atributos alt a todos los elementos img
Usa th con scope para encabezados de tabla
Establece lang en el elemento html
Asegura suficiente contraste de color (mínimo 4.5:1)
Evita transmitir información solo por color
Usa texto de enlace significativo (no "haz clic aquí")
Agrega title al head del documento

Probando la Accesibilidad del PDF

Adobe Acrobat Accessibility Checker — Integrado en Acrobat Pro.
PAC (PDF Accessibility Checker) — Herramienta gratuita que valida contra estándares PDF/UA.
Lectores de pantalla — Prueba con NVDA (Windows), VoiceOver (Mac) o JAWS.

La accesibilidad es una práctica continua, no una tarea puntual. Al construir plantillas HTML accesibles desde el principio, cada PDF que tu aplicación genere será inclusivo y compatible.

Genera PDFs accesibles con TongoRender — 100 renderizaciones gratuitas al mes, sin necesidad de tarjeta de crédito.