Klarzugang

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

  1. 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>
    
  2. 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.

  3. 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.
  4. 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>
    
  5. 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

  1. 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.
  2. Dokumenteigenschaften: In Acrobat Reader unter "Datei", "Eigenschaften" siehst du Titel und bei "Getaggtes PDF", ob Tags vorhanden sind.
  3. Acrobat Pro: Die Funktion "Barrierefreiheit prüfen" listet fehlende Alternativtexte, Tags und Sprache auf.
  4. 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.
  5. Screenreader: Öffne das PDF mit NVDA in Acrobat Reader und springe mit H durch die Überschriften. Werden Tabellen als Tabellen angesagt und Bilder beschrieben?
  6. 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

Seite erneut prüfen · Kontrast-Prüfer