Anleitungen für Eigenes HTML / andere
PDF-Dokumente zugänglich machen
WCAG 1.1.1, 1.3.1, 1.3.2, 2.4.2, 3.1.1 · schwer · etwa 120 Minuten · Stand 08.11.2026
Worum es geht
Viele Shops verlinken PDFs: AGB, Widerrufsformular, Pflegehinweise, Datenblätter, Größentabellen. WCAG ist technikneutral und gilt für diese Dokumente genauso wie für HTML-Seiten. Das W3C hat dafür eigene PDF-Techniken veröffentlicht. Ein PDF ist nur dann für Screenreader gut lesbar, wenn es "getaggt" ist: Tags legen fest, was Überschrift, Absatz, Liste, Tabelle oder Bild ist und in welcher Reihenfolge gelesen wird. Ein eingescanntes Dokument oder ein PDF ohne Tags ist für Screenreader oft gar nicht oder nur als ungeordneter Text lesbar.
Wen es betrifft
- Blinde Menschen mit Screenreader wie NVDA, JAWS oder VoiceOver. Ohne Tags fehlen Überschriften, Tabellenstruktur und Bildbeschreibungen, und die Lesereihenfolge kann durcheinandergeraten.
- Menschen mit Sehbehinderung, die Text vergrößern oder umfließen lassen wollen. Das klappt in PDFs schlechter als in HTML.
- Menschen, die auf dem Smartphone einkaufen und ein PDF nur mühsam lesen können.
So behebst du es
Zuerst fragen: Muss es ein PDF sein? Inhalte wie Größentabellen, Pflegehinweise oder AGB lassen sich meist als normale HTML-Seite umsetzen. Das ist für alle leichter zu lesen, und du musst nur eine Version pflegen. Eine Größentabelle als HTML:
<table> <caption>Größentabelle T-Shirts (Maße in cm)</caption> <thead> <tr> <th scope="col">Größe</th> <th scope="col">Brustumfang</th> <th scope="col">Länge</th> </tr> </thead> <tbody> <tr><th scope="row">S</th><td>88 bis 96</td><td>69</td></tr> <tr><th scope="row">M</th><td>96 bis 104</td><td>72</td></tr> </tbody> </table>Wenn ein PDF nötig ist: aus einem gut strukturierten Quelldokument erzeugen. Lege in Word, LibreOffice oder InDesign echte Überschriften über Formatvorlagen an, nutze echte Listen und Tabellen mit Kopfzeile, gib Bildern Alternativtexte und setze die Dokumentsprache. Beim Export musst du das Taggen aktivieren:
- Word: "Speichern unter", PDF, "Optionen", Haken bei "Dokumentstrukturtags für Barrierefreiheit".
- LibreOffice: "Exportieren als PDF", Haken bei "PDF mit Tags" bzw. "Universelle Barrierefreiheit (PDF/UA)".
Schlecht: eine eingescannte Seite oder ein Export als Bild. Darin gibt es keinen Text, den ein Screenreader lesen kann.
Diese Punkte im PDF sicherstellen (jeweils mit passender W3C-Technik):
- Bilder haben Alternativtext (PDF1), Schmuckbilder sind als Artefakt markiert (PDF4).
- Überschriften sind als Überschriften getaggt (PDF9).
- Tabellen sind als Tabellen getaggt, mit Kopfzellen (PDF6).
- Die Lesereihenfolge stimmt (PDF3).
- Das Dokument hat einen Titel (PDF18) und eine Sprache (PDF16).
- Links haben verständlichen Text (PDF11).
- Ausfüllbare Formularfelder haben Namen (PDF12). Ein Widerrufsformular bietest du am besten zusätzlich als HTML-Formular an.
Den Link zum PDF eindeutig beschriften. Nenne im Linktext, dass es ein PDF ist, damit niemand überrascht wird.
Schlecht:
<a href="/downloads/agb.pdf">Download</a>Gut:
<a href="/downloads/agb.pdf">Allgemeine Geschäftsbedingungen (PDF)</a> <a href="/agb">Allgemeine Geschäftsbedingungen als Webseite</a>Bestehende PDFs nachbessern. Mit Adobe Acrobat Pro kannst du Tags hinzufügen und korrigieren. Bei vielen oder komplexen Dokumenten ist es oft schneller, das Quelldokument zu korrigieren und neu zu exportieren.
So prüfst du es
- Text markieren: Öffne das PDF und versuche, Text mit der Maus zu markieren. Geht das nicht, ist es ein Bild ohne Text und für Screenreader nicht lesbar.
- Dokumenteigenschaften: In Acrobat Reader unter "Datei", "Eigenschaften" siehst du Titel und bei "Getaggtes PDF", ob Tags vorhanden sind.
- Acrobat Pro: Die Funktion "Barrierefreiheit prüfen" listet fehlende Alternativtexte, Tags und Sprache auf.
- PAC (PDF Accessibility Checker): Ein kostenloses Prüfprogramm für Windows, das getaggte PDFs auf viele dieser Punkte prüft und eine Vorschau der Struktur zeigt.
- Screenreader: Öffne das PDF mit NVDA in Acrobat Reader und springe mit H durch die Überschriften. Werden Tabellen als Tabellen angesagt und Bilder beschrieben?
- Hinweis zu Web-Tools: axe DevTools und WAVE prüfen HTML-Seiten, keine PDFs. Sie finden aber unklare Linktexte zu PDFs auf deiner Seite.
Mehr dazu
- W3C: Understanding 1.1.1 Non-text Content
- W3C: Understanding 1.3.1 Info and Relationships
- W3C: Understanding 1.3.2 Meaningful Sequence
- W3C: Understanding 2.4.2 Page Titled
- W3C: Understanding 3.1.1 Language of Page
- W3C: Techniques for WCAG 2.2, Abschnitt PDF Techniques
- W3C Technique PDF1: Alternativtexte für Bilder
- W3C Technique PDF4: Schmuckbilder als Artefakt
- W3C Technique PDF9: Überschriften-Tags
- W3C Technique PDF6: Tabellen-Tags
- W3C Technique PDF3: Lesereihenfolge
- W3C Technique PDF18: Dokumenttitel
- W3C Technique PDF16: Dokumentsprache
- W3C Technique PDF11: Links in PDFs
- W3C Technique PDF12: Formularfelder in PDFs