Etiquetatge PDF accessible: arbre d’etiquetes pas a pas

VERSIÓ EN CATALÀ

Què és l’etiquetatge PDF i per què t’hauria d’importar?

Imagina que reps un llibre sense índex, sense capítols marcats i sense números de pàgina. Podries llegir-lo, sí, però trobar alguna cosa específica seria un malson. Ara imagina la mateixa experiència, però sense poder veure el document. Això és exactament el que viu una persona cega quan obre un PDF sense etiquetes amb un lector de pantalla com JAWS o NVDA.

L’etiquetatge PDF accessible consisteix a afegir una estructura semàntica invisible al document: encapçalaments, paràgrafs, llistes, taules, figures amb text alternatiu i un ordre de lectura lògic. Aquesta estructura s’organitza en el que anomenem l’arbre d’etiquetes (tag tree), que és bàsicament l’esquelet que permet a les tecnologies d’assistència interpretar el contingut correctament.

Personalment, crec que l’etiquetatge PDF és una de les habilitats més infravalorades en accessibilitat digital. Tots parlem de WCAG i de webs accessibles, però quantes organitzacions publiquen centenars de PDF cada any sense etiquetar? Segons un estudi de la PDF/UA Foundation, més del 95% dels documents PDF a internet no compleixen l’estàndard PDF/UA (ISO 14289). És una xifra brutal.

L’estàndard PDF/UA: la base de tot

Has sentit a parlar de PDF/UA? Les sigles signifiquen «PDF/Universal Accessibility» i es refereixen a l’estàndard internacional ISO 14289 que defineix els requisits tècnics perquè un PDF sigui accessible. És al PDF el que WCAG és a la web.

PDF/UA-1 vs PDF/UA-2: quin aplicar?

Actualment conviuen dues versions de l’estàndard:

Si estàs començant, la meva recomanació és que treballis amb PDF/UA-1. Les eines són més madures, la documentació és més abundant i la majoria de validadors el suporten completament. PDF/UA-2 és el futur, però encara estem en transició.

Eines per a l’etiquetatge PDF accessible

Amb quines eines pots crear i remediar un arbre d’etiquetes? Aquí tens les principals:

Adobe Acrobat Pro: el referent

Adobe Acrobat Pro continua sent l’eina més utilitzada per a l’etiquetatge PDF. El seu panell d’etiquetes et permet crear, editar i reorganitzar l’arbre d’etiquetes de forma visual. Inclou l’assistent d’accessibilitat «Make Accessible» que automatitza part del procés, tot i que personalment crec que mai hauries de confiar cegament en l’automatització: sempre necessites revisió manual.

• Panell d’etiquetes (Tags panel): accés directe a l’arbre d’etiquetes complet.
• Panell d’ordre de lectura (Reading Order): permet definir i reordenar les zones del document.
• Comprovació d’accessibilitat (Accessibility Check): executa un xequeig automàtic amb informe detallat.
• Preflight amb perfil PDF/UA: validació tècnica avançada contra l’estàndard.

PAC 2024: el validador gratuït

PAC (PDF Accessibility Checker) és una eina gratuïta desenvolupada per la PDF/UA Foundation que valida documents contra l’estàndard PDF/UA. La versió 2024 inclou millores significatives en la detecció d’errors d’estructura i suport inicial per a PDF/UA-2. Si només pots fer servir una eina de validació, que sigui PAC.

CommonLook: per a entorns professionals

CommonLook PDF ofereix un entorn de remediació complet que s’integra com a plugin a Adobe Acrobat. És especialment potent per a documents complexos amb taules imbricades i dissenys multipage. CommonLook Global Access també permet la remediació directament des de Microsoft Office.

L’arbre d’etiquetes pas a pas: guia pràctica

Anem al gra. Com es construeix un arbre d’etiquetes correcte? Pensa en l’arbre com una taula de continguts estructural: cada element del document té el seu lloc jeràrquic.

Pas 1: Estructura bàsica del document

Tot arbre d’etiquetes comença amb l’etiqueta arrel <Document>. Dins d’ella, organitzes el contingut en seccions semàntiques:

• <Document> → etiqueta arrel de l’arbre
• <Part> o <Sect> → seccions o parts del document
• <H1>, <H2>, <H3>… → encapçalaments jeràrquics
• <P> → paràgrafs de text
• <L> i <LI> → llistes i elements de llista
• <Table>, <TR>, <TH>, <TD> → estructura de taules
• <Figure> → imatges i gràfics amb text alternatiu

Pas 2: Ordre de lectura lògic

L’ordre de lectura és crític. Un PDF pot veure’s perfecte visualment però tenir un ordre de lectura caòtic. Alguna vegada has copiat text d’un PDF i t’ha sortit tot desordenat? Aquest és exactament el problema que experimenta un lector de pantalla.

A Adobe Acrobat Pro, fes servir el panell Reading Order per definir les zones i la seva seqüència. Regla d’or: l’ordre a l’arbre d’etiquetes ha de coincidir amb l’ordre lògic de lectura del document, de dalt a baix, d’esquerra a dreta.

Pas 3: Etiquetar taules correctament

Les taules són l’element més complex d’etiquetar. Una taula mal etiquetada és completament il·legible amb un lector de pantalla. Aquí tens l’estructura correcta:

Consell clau: assigna sempre l’atribut Scope a les cel·les d’encapçalament (<TH>). Això indica si l’encapçalament aplica a la columna (Column) o a la fila (Row). Sense aquest atribut, els lectors de pantalla no poden associar les dades amb els seus encapçalaments.

Pas 4: Imatges i figures

Tota imatge ha d’estar envoltada en una etiqueta <Figure> amb un text alternatiu descriptiu. Si la imatge és decorativa, marca l’artefacte com a «Background» perquè el lector de pantalla la ignori. La regla? Si la imatge transmet informació, necessita text alternatiu. Si és pura decoració, és un artefacte.

Pas 5: Artefactes

Els artefactes són elements que no formen part del contingut real del document: números de pàgina, encapçalaments repetitius, línies decoratives, fons. A l’arbre d’etiquetes, aquests elements NO han de tenir etiqueta; s’han de marcar com a artefactes perquè la tecnologia d’assistència els ignori.

Errors freqüents en l’etiquetatge PDF

Quins són els errors que veig una vegada i una altra en la meva experiència professional? Aquests són els 5 més comuns:

• 1. Encapçalaments que salten nivells: passar de H1 a H3 sense H2. La jerarquia ha de ser consecutiva.
• 2. Taules sense etiquetes d’encapçalament: fer servir <TD> en lloc de <TH> per a les cel·les d’encapçalament.
• 3. Imatges sense text alternatiu: l’etiqueta <Figure> existeix però falta l’atribut /Alt.
• 4. Contingut decoratiu no marcat com a artefacte: números de pàgina, logos repetits que el lector de pantalla llegeix innecessàriament.
• 5. Ordre de lectura incorrecte: l’arbre d’etiquetes no reflecteix l’ordre visual del document.

Validació: com sé si el meu PDF és accessible?

No n’hi ha prou amb etiquetar. Necessites validar. El flux de validació que et recomano és el següent:

• Pas 1: Executa la comprovació d’accessibilitat d’Adobe Acrobat Pro. Corregeix tots els errors que detecti.
• Pas 2: Valida amb PAC 2024 contra PDF/UA-1. PAC és més estricte que Acrobat en molts aspectes.
• Pas 3: Prova manual amb un lector de pantalla (NVDA és gratuït). Navega el document complet i verifica que l’ordre i l’estructura tinguin sentit.
• Pas 4: Revisió humana per un especialista en accessibilitat. L’automatització no ho detecta tot.