Themen
Landesverband wählen
Anmelden Börsenverein des Deutschen Buchhandels e. V.

Initiativen des Börsenvereins und der Stiftung Buchkultur und Leseförderung des Börsenvereins

Eine Übersicht der Projekt-Webseiten des Börsenvereins des Deutschen Buchhandels und der Stiftung Buchkultur und Leseförderung des Börsenvereins des Deutschen Buchhandels.

Beratung & Service

Kontakt
Leitfaden EPUB3-E-Books

Leitfaden EPUB3-E-Books Seite 3

Eine Handreichung der Arbeitsgruppe EPUB in der Taskforce Barrierefreiheit des Börsenvereins des Deutschen Buchhandels e. V.

Barrierefreie EPUB-Dateien in der Praxis

Um die genannten Anforderungen an barrierefreie EPUB-E-Books zu erfüllen, sind für den Dateiaufbau, die Content-Strukturierung und das im EPUB enthaltene HTML-Tagging eine ganze Reihe von Details zu beachten. Beachten Sie die hier formulierten Richtlinien, um ihre E-Books auf optimale Weise für alle Zielgruppen zugänglich zu gestalten:

Der EPUB-Container und seine Bestandteile
Gliederung und Überschriften
Verwendung von semantischen HTML5-Elementen
Listen
Bilder und Alternativtexte
Aufbau von Tabellen
Inline-Auszeichnungen
Fußnoten/Endnoten
Sprachen und Sprachwechsel
Seitenzahlen und Seitennavigation
CSS-Design für barrierefreie E-Books
ARIA-Rollen für barrierefreie E-Books
Metadaten für barrierefreie E-Books

zur Übersicht

Der EPUB-Container und seine Bestandteile

Metadaten
Mehr erfahren
Table of Contents
Mehr erfahren
Sekundäre Inhalte auf Ebene der Content-Dokumente
Mehr erfahren
Landmarks
Mehr erfahren
Semantische Auszeichnung der Content-Dokumente
Mehr erfahren
Verzeichnisse
Mehr erfahren
Paginierung und PageList
Mehr erfahren
zum Kapitelanfang

Gliederung und Überschriften

  • Für die Gliederung der Dokumente werden verschachtelte <section>-Elemente für die Kapitelstruktur verwendet. Die Gliederungsüberschriften werden innerhalb der <section>-Elemente mit mit den HTML-Elementen <h1> bis <h6> strukturiert. Jedes Dokument hat mindestens eine Überschrift, jede <section> darin hat eine Überschrift.
  • Jedes Dokument hat genau eine Hauptüberschrift; diese Überschrift wird auch im <title>-Element im <head> der HTML-Datei gesetzt.
  • Die Überschriften-Ebenen werden hierarchisch korrekt verwendet bzw. verschachtelt. Es gibt keine „übersprungenen“ Überschriften-Ebenen (z. B. verwenden Sie keine <h3>, die direkt auf eine <h1> folgt).
  • Überschriften-Ebenen werden aufgrund ihrer logischen und strukturellen Hierarchie gesetzt, nicht aufgrund ihrer typographischen Darstellung im Print-Layout.
  • Die Gliederung des Dokumentes durch Überschriften wird für die Navigation im Produkt möglichst 1:1 auch im TOC bzw. im Inhaltsverzeichnis abgebildet.
  • Die Header-Elemente <h1> bis <h6> werden nur für Gliederungsüberschriften verwendet – nicht für Texte mit überschriftenartigem Charakter, die aber keine hierarchische Funktion haben (z. B. Zwischenüberschriften, Überschriften von Block/Kasten-Elementen bzw. von Abbildungen/Tabellen).
  • Wenn direkt vor oder nach Gliederungsüberschriften Texte vorkommen, die inhaltlich zur Überschrift gehören, z. B. Autorennamen, Untertitel, Vortitel, Zeitangaben etc., dann verwenden Sie innerhalb des umgebenden <section>-Elementes zusätzlich das <header>-Element, um die Gliederungsüberschrift und den zugehörigen Text logisch zu klammern.
zum Kapitelanfang

Verwendung von semantischen HTML5-Elementen

Mit HTML5 wurde der Umfang der HTML-Elemente durch eine ganze Reihe von neu eingeführten semantischen Elementen erweitert. Verwenden Sie über das bereits genannte <section>-Element insbesondere folgende Elemente zur semantischen Strukturierung der Content-Dokumente in der EPUB-Datei:

  • Inhaltsverzeichnisse und andere Gruppen von internen Links, die zur Navigation dienen, werden mit dem <nav>-Element strukturiert (ggf. ergänzt durch ein geeignetes role-Attribut für die ARIA-Rolle).
  • Für Abbildungen, Tabellen und andere eingebundene Objekte wird das <figure>-Element mit einer <figcaption> für Titel/Legende verwendet.
  • Für die Einbindung von Multimedia-Dateien werden die HTML5-Elemente <audio> bzw. <video> verwendet.
  • Sekundäre Inhalte, die nicht Bestandteil des Haupttextes im linearen Lesefluss sind, werden mit dem <aside>-Element strukturiert (ggf. ergänzt durch ein geeignetes role-Attribut für die ARIA-Rolle). Dies betrifft insbesondere:
    • Fußnoten/Endnoten
    • Marginalien
    • Randziffern
    • Textkästen ohne direkten inhaltlichen Bezug zum Haupttext
    • Herausgestellte Zitate, die im Haupttext wiederholt werden
  • Zitat-Absätze werden mit dem <blockquote>-Element strukturiert.
zum Kapitelanfang

Listen

  • Für Listen-Strukturierung werden die HTML-Elemente <ul>/<ol> bzw <li> für Listen bzw. Listenpunkte verwendet (keine Tabellen oder verschachtelte <div>-Elemente).
  • Vermeiden Sie soweit wie möglich manuelle Listen bzw. Listen mit irregulärer Zählung (die in der HTML-Struktur Tabellen oder verschachtelte <div>-Strukturen notwendig machen). Wenn dies nicht möglich ist, werden die Listen-Bestandteile mit geeigneten ARIA-Rollen ausgezeichnet.
  • Inhaltlich durchgehende Listen werden nicht aus Layout-Gründen künstlich unterbrochen (z. B. wegen Seitenumbrüchen oder Abständen).
zum Kapitelanfang

Bilder und Alternativtexte

  • Verwenden Sie Bilder nur für visuelle Bildinhalte. Vermeiden Sie die Einbindung von Tabellen und anderen graphisch aufbereiteten Text-Inhalten als Bilddatei.
  • Wenn zu einem Bild Texte wie Titel oder Legende gehören, verwenden Sie als Klammerung des Bildes <figure> als Containerelement um das Bild mit dem <img>-Element und den zugehörigen Text mit dem <figcaption>-Element.
  • Für jedes Bild mit inhaltlicher Bedeutung wird ein alternativer Beschreibungstext im alt-Attribut des Bildes integriert.
  • Der Beschreibungstext im alt-Attribut hat deskriptiven Charakter und soll Screenreader-Nutzer in die Lage versetzen, die Bildinformation ohne die Möglichkeit zu visuellem Zugang nutzen zu können.
  • Vermeiden Sie unbedingt eine Doppelung von Texten in alt-Attribut und Titel/Legende des Bildes, da Screenreader-Nutzer denselben Text dann zweimal vorgelesen bekommen.
  • Bei sehr komplexen visuellen Inhalten (z. B. Diagramme, Schaubilder, Statistiken etc.) kann es sinnvoll sein, neben dem alt-Attribut auch eine Langbeschreibung der Inhalte zu formulieren und auf geeignete Weise mit dem Bild zu verknüpfen.
  • Für reine Zierelemente (z. B. Icons) ohne inhaltliche Bedeutung wird anstelle eines Alternativ-Textes die ARIA-Rolle role="presentation" am Bild-Element verwendet.
  • Bilder müssen hinreichend kontrastreich sein, um auch für Leser*innen mit eingeschränkter Sehfähigkeit und für Nutzer*innen von EPUB-Readern mit eInk-Display gut erkennbar zu sein.
  • Verwenden Sie in Bildern Farben, die auch Leser*innen mit Farbenblindheit/Farbfehlsichtigkeit die Zugänglichkeit der Bildinformation ermöglichen.
zum Kapitelanfang

Aufbau von Tabellen

  • Verwenden Sie Tabellen nur für tabellarisch aufgebauten, textuellen Content.
  • Vermeiden Sie den Einsatz von Tabellen aus Layout-Gründen, z. B. um einen Spalten-Aufbau aus einem Print-Layout zu simulieren.
  • Vermeiden Sie die Integration von Tabellen als Bild, und nutzen Sie eine korrekt aufgebaute HTML-Struktur für den Content.
  • Achten Sie darauf, dass die Abfolge von Spalten, Zeilen und Zellen exakt der der logischen Lesereihenfolge entspricht.
  • Wenn eine Tabelle Überspannungen von Zellen enthält, verwenden Sie dafür die korrekte HTML-Struktur. Nutzen Sie in diesem Fall auch die Möglichkeit zur logischen Verknüpfung von Kopf- und Körperzellen der Tabelle über id- und scope-Attribute an den Tabellenzellen.
  • Wenn eine Tabelle Kopfzeilen oder Fußzeilen enthält, verwenden Sie dafür die korrekte HTML-Struktur.
  • Wenn zu einer Tabelle Texte wie Titel oder Legende gehören, verwenden Sie als Klammerung der Tabelle <figure> als Containerelement um die Tabelle mit dem <table>-Element und den zugehörigen Text mit dem <figcaption>-Element.
  • Bei sehr komplexen Tabellen-Inhalten kann es zusätzlich sinnvoll sein, wie bei einem Bild einen Alternativtext im alt-Attribut zu setzen oder eine Langbeschreibung zu formulieren und auf geeignete Weise mit der Tabelle zu verknüpfen.
zum Kapitelanfang

Inline-Auszeichnungen

  • Nutzen Sie die in HTML5 verfügbaren Inline-Elemente zur semantischen Strukturierung. Verwenden Sie insbesondere:
    • <abbr> für Abkürzungen
    • <cite> für die Angabe der Quelle für ein Zitat
      (z. B. innerhalb von <blockquote>)
    • <code> für Inline-Darstellung von Quellcode
    • <q> für Inline-Zitate
    • <time> für Zeitangaben
  • Achten Sie bei der Auszeichnung von Betonungen bzw. Hervorhebungen auf eine möglichst präzise Abgrenzung von typografischer und inhaltlicher Auszeichnung:
    • <b> bzw. <i> wird für die typografische Auszeichnung verwendet
      (die nicht notwendig einer inhaltlichen Betonung entsprechen muss)
    • <strong> bzw. <em> wird für die inhaltliche Betonung verwendet
      (die nicht notwendig typografisch dargestellt sein muss)
  • Interne Verweise sollten möglichst immer als ausführbare Links strukturiert sein. Verwenden Sie für interne Verweise immer einen aussagekräftigen Text als Elementinhalt bzw. vermeiden Sie Link-Texte wie „Zurück“ oder „Klicken Sie hier“. Ist dies nicht möglich oder inhaltlich sinnvoll, dann kann das Ziel durch die Verwendung eines title-Attributes im Link textlich genauer beschrieben werden
    (z. B.: <a href="#…" title="Rufen Sie das Inhaltsverzeichnis auf">zurück</a>).
  • Externe Links: Verweise auf externe URLs sollten möglichst immer als ausführbare Links strukturiert sein. Beachten Sie dabei, dass bei einer externen URL die Zielseite sowohl textlich/inhaltlich klar benannt, als auch die URL verfügbar sein sollte. Bedenken Sie, dass es EPUB-Reader gibt, die keinen Online-Zugriff haben und bei denen die Nutzer*innen einen alternativen Zugriff auf die URL benötigen.
  • Initiale: Vermeiden Sie die Einbindung von Initialen als Bilddatei und Initiale, die mit Klammerung eines Buchstabens mit einem <span>-Element erzeugt werden.
zum Kapitelanfang

Fußnoten/Endnoten

Für die Einbindung von Fußnoten/Endnoten und den darauf zeigenden Verweisen („Fußnoten-Anker“) werden in EPUB typischerweise verschiedene Konventionen genutzt. Beachten Sie je nach Konvention folgende Hinweise für die barrierefreie Strukturierung:

  • Fußnoten werden am Ende jedes Content-Dokumentes gesammelt: Verwenden Sie für jede Fußnote ein <aside>-Element der ARIA-Rolle role="doc-footnote".
  • Fußnoten werden in einzelne Dateien ausgelagert: Klammern Sie die Fußnoten innerhalb der HTML-Datei mit einem HTML-Element, das die ARIA-Rolle role="doc-footnote" trägt. Setzen Sie für alle Fußnoten-Dokumente in content.opf im <spine> das Attribut linear="no", um sie von der linearen Lesereihenfolge auszuschließen.
  • Fußnoten werden als Endnoten am Ende der EPUB-Datei gesammelt: Verwenden Sie als Kapitel-Container für die Endnoten-Datei eine <section role="doc-endnotes">. Die Endnoten werden als Listenstruktur aufgebaut, als Klammer dient ein <ol>-Element. Verwenden Sie für jede Endnote ein <li>-Element der ARIA-Rolle role="doc-endnote".
  • Bidirektionale Verlinkung: Nutzen Sie die in EPUB übliche bidirektionale Verlinkung zwischen Fußnoten-Anker und Fußnotentext. Setzen Sie am Link auf den Fußnotentext die ARIA-Rolle role="doc-noteref" bzw. am Rück-Link auf den Fußnoten-Anker die ARIA-Rolle role="doc-backlink".
zum Kapitelanfang

Sprachen und Sprachwechsel

Verwenden Sie folgende Optionen, um Sprachen und Sprachwechsel in ihrer Publikation für die barrierefreie Nutzung auszuzeichnen:

  • Setzen Sie für die Hauptsprache der Publikation das Metadatum <dc:language> im Metadaten-Bereich von content.opf. Bei mehrsprachigen Publikationen können Sie hier auch mehrere <dc:language>-Elemente setzen; beachten Sie dabei jedoch, dass die meisten EPUB-Reader nur das erste <dc:language>-Element auslesen.
  • Geben Sie an jedem Content-Dokument die verwendete Sprache an, und nutzen Sie dazu das lang-Attribut am <html>-Element.
  • Wenn innerhalb eines Content-Dokumentes Absätze oder Block-Elemente mit fremdsprachigen Texten vorkommen (z. B. für Zitate, Gedichte, Liedtexte etc.), dann geben Sie diesen Elementen zusätzlich ein lang-Attribut mit der verwendeten Fremdsprache mit.
  • Wenn innerhalb eines Absatzes einzelne fremdsprachige Worte verwendet werden, können auch diese mit einem Inline-Element und einem lang-Attribut mit der verwendeten Fremdsprache ausgezeichnet werden.

Die Auszeichnung von Sprachen und Sprachwechseln dient sowohl der Optimierung der Ausgabe von Screenreadern und Text-to-Speech-Engines als auch der korrekten Funktionalität von Features in EPUB-Readern wie Silbentrennung und Wörterbüchern.

zum Kapitelanfang

Seitenzahlen und Seitennavigation

EPUB stellt alle Datenstrukturen zur Verfügung, um sowohl die Seitenumbruch-Marken/Seitenzählung als auch eine Seitennavigation zu integrieren. Nutzen Sie diese Möglichkeit für die Optimierung der Navigation im E-Book, wenn Sie die digitale Version zu einem Print-Titel erstellen:

  • Bringen Sie die Seitenmarken aus dem Print-Umbruch als Inline-Elemente in die Content-Dokumente ein. Verwenden Sie dazu das HTML-Element <a> mit folgenden Attributen:
    <a id="p27 " title="27 " epub:type="pagebreak " role="doc-pagebreak"/>
  • Bauen Sie für die Seitennavigation eine EPUB Page-Liste auf. Verwenden Sie dafür im EPUB Navigation Document (toc.xhtml) das Element <nav epub:type="page-list" role="doc-pagelist"> als Container-Element, und nutzen Sie ein <ol>-Element als Klammerung der Seiten-Auflistung.
  • Setzen Sie für jede Seitenmarke ein <li>-Element und ein Verweis-Element mit folgenden Attributen: <li><a href="content-datei-1.xhtml#p1">1</a></li>

Bedenken Sie beim Aufbau Ihrer EPUB-Daten, dass eine Seitennavigation nicht nur der barrierefreien Erschließung dient, sondern auch dem Auffinden von Zitationen für jeden  Nutzer Ihrer E-Books.

zum Kapitelanfang

CSS-Design für barrierefreie E-Books

Die Gestaltung von barrierefreien E-Books basiert auf der Praxis des CSS-basierten Reflow-Layouts, das für mediengerechte EPUB-Gestaltung ohnehin erforderlich ist. Für die Optimierung im Sinne von Barrierefreiheit beachten Sie zusätzlich folgende Prinzipien:

Reflow-Layout
Mehr erfahren
Schriftgrößen
Mehr erfahren
Farben und Farbkontrast
Mehr erfahren
Verwendung von Farbe als Bedeutungsträger
Mehr erfahren
Generierter Text in CSS
Mehr erfahren
Neu-Anordnung von Inhalten durch CSS
Mehr erfahren

Denken Sie bei der Umsetzung daran, dass die Beachtung dieser Prinzipien nicht nur wesentliche Funktionen für die Erhöhung der Zugänglichkeit Ihrer Inhalte ermöglicht, sondern auch das Lese-Erlebnis für alle Nutzer*innen von EPUB-Readern verbessert.

zum Kapitelanfang

ARIA-Rollen für barrierefreie E-Books

Mit den ARIA-Rollen können wir jedem HTML-Element in einem Content-Dokument einer EPUB-Datei zusätzlich eine Information über seine Bedeutung bzw. Rolle im Kontext der Publikation mitgeben. Ähnlich wie beim epub:type-Attribut wird dazu in der W3C-Spezifikation für Digital Publishing ARIA eine Liste von Typen definiert, die als Werte des role-Attribute verwendet werden können. Auf Basis dieser Rollen-Informationen werden Screenreader-Applikationen in die Lage versetzt, die Dokumentstruktur präziser erfassen und dafür geeignete Navigations-Features anbieten zu können.

Für die Verwendung in barrierefreien EPUB-E-Books können wir folgende ARIA-Rollen nutzen:

ARIA-Rolle

Wird inhaltlich verwendet für

Element-Kontext

Details/Tagging

Kategorie

doc-abstract

Abstracts/ Zusammenfassungen von Content

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-acknowledgments

Widmung

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-afterword

Nachwort

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-appendix

Anhang

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-backlink

Rücklinks (z. B. von Fußnote zurück zu Content)

Link

<a role="doc-backlink" href="#fnref01"> in <li> oder <aside> für Fußnote

A

doc-biblioentry

Literaturverzeichnis-Eintrag

Content-
Element

<li role="doc-biblioentry"> für den einzelnen Eintrag.

B

doc-bibliography

Literaturverzeichnis

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

B

doc-biblioref

Verweis auf Literaturverzeichnis

Link

<a role="doc-biblioref"> für den Link

B

doc-chapter

Kapitel/Dokument

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

= Standardrolle für jedes Kapitel, das keinen speziellen anderen Typ hat

A

doc-colophon

Impressum

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-conclusion

Zusammenfassung (am Ende eines Werkes)

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-cover

Cover-Bild

Content-
Element

<img role="doc-cover"> für das Coverbild

A

doc-credit

Quellenangabe (z. B. für Bilder/Zitate)

Content-
Element

<p role="doc-credit">, z. B. für Legende

C

doc-credits

Quellenangaben als Dokument/Kapitel

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-dedication

Widmung

Dokument

<section role="Rolle">/<p role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-endnote

Endnote

Content-
Element

<li role="doc-endnote"> für den einzelnen Eintrag. Wenn kein Listen-Tagging verwendet wird, muss am Eltern-Element (doc-endnotes) role="list" verwendet werden

A

doc-endnotes

Endnoten

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

A

doc-epigraph

Motto

Dokument oder Kapitel

<blockquote role="doc-epigraph">

C

doc-epilogue

Epilog

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-errata

Errata-Sektion

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-example

Beispiel (Block/Kasten im Content)

Content-
Element

<aside role="doc-example"> für das Struktur-Element

C

doc-footnote

Fußnote

Content-
Element

<aside role="doc-footnote"> für die einzelne Fußnote

C

doc-foreword

Vorwort

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-glossary

Glossar

Content-
Element

<section role="doc-glossary"> oder <dl role="glossary">

B

doc-glossref

Glossar-Verweis

Link

<a role="doc-glossref"> für den Link auf Glossareintrag

B

doc-index

Register/ Sachverzeichnis

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-introduction

Einleitung

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-noteref

Verweis auf Fußnote/Endnote

Link

<a role="doc-noteref"> für den Link auf Fußnote/Endnote

A

doc-notice

Block-Element für Achtung, Warnung, Gefahr

Content-
Element

Rolle an <section>, <div> oder <aside>

C

doc-pagebreak

Seitenumbruch-Marke, falls aus Print übernommen

Content-
Element

<span id="ID" role="doc-pagebreak" title="4"/>

 

B

doc-pagelist

Seitenliste

Landmark

<nav role="doc-pagelist"> im EPUB Navigation Document

B

doc-part

Teil als Gliederung über dem Kapitel

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-preface

Einleitung

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-prologue

Prolog

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-pullquote

Anreißer

Content-
Element

Rolle an <aside> oder <span>

C

doc-qna

„Questions and Answers“, für Interview oder FAQ

Dokument oder Kapitel

<section role="Rolle"> auf Ebene von Dokument oder Kapitel

C

doc-subtitle

Untertitel

Überschrift

<p role="doc-subtitle"> unterhalb der zugehörigen Überschrift

A

doc-tip

Tipp (als Blockelement im Content)

Content-
Element

<aside role="doc-tip"> für das Struktur-Element

C

doc-toc

Table of Contents als Teil des Navigation Dokument

Content-
Element

<nav role="doc-toc"> in toc.xhtml

 

A

Für die Produktionspraxis empfehlen wir, die ARIA-Rollen nach folgender Einschätzung zu behandeln bzw. zu verwenden:

  • Kategorie A: Zentrale, wesentliche ARIA-Rollen. Die hier bezeichneten semantischen Strukturen werden in faktisch jedem EPUB verwendet und dienen für wesentliche Funktionen/Features. Sie sollten auf jeden Fall korrekt und vollständig gesetzt werden.
  • Kategorie B: ARIA-Rollen für Content-Strukturen, die zwar oft vorkommen, aber nicht in jedem Genre bzw. jedem Titel sinnvoll anwendbar sind. Für die korrekte Auszeichnung ist hier bereits eine semantisch angereicherte Datenbasis erforderlich. Ist das der Fall, sollten diese Rollen auch verwendet werden.
  • Kategorie C: ARIA-Rollen für seltene oder stark Genre-spezifische Content-Strukturen. Für die korrekte Auszeichnung ist eine sehr differenziert und tief semantisch strukturierte Datenbasis erforderlich. Die Verwendung wird dann empfohlen, wenn die Quelldaten diese Semantik komplett und verlässlich hergeben und eine automatisierte EPUB-Erzeugung aus den Quelldaten möglich ist.

Zur technologischen Entwicklung können wir (Stand Herbst 2021) folgende Einschätzung geben: Die ARIA-Rollen werden aktuell aufgrund ihrer Stellung als relativ neues Konzept in EPUB noch von keinem uns bekannten EPUB-Reader/Screenreader tatsächlich implementiert bzw. werden für Features verwendet. Analog der inhaltlich relativ ähnlichen epub:type-Attribute halten wir es jedoch für wünschenswert, eine Verbreitung dieser semantischen Strukturierung zu fördern, um einen barrierefreien Medienzugang aufgrund von inhaltlich klaren Typisierungen in den EPUB-Daten zu unterstützen. Wir empfehlen den Einsatz von ARIA-Rollen im Rahmen der nötigen Kosten-/Nutzen-Einschätzung.

Für weitere Details zur inhaltlichen Verwendung, Tagging-Struktur und entsprechenden Beispielen verweisen wir Sie gern auf die W3C-Spezifikation zu Digital Publishing ARIA.

zum Kapitelanfang

Metadaten für barrierefreie E-Books

Um den Grad der Zugänglichkeit für den Nutzer eines EPUB-E-Book eindeutig zu kennzeichnen, werden die Barrierefreiheits-Metadaten verwendet. Diese Metadaten zur Angabe der Eigenschaften einer EPUB-Datei werden zusammen mit den bibliografischen Metadaten (Dublin-Core-Metadaten) in der <metadata>-Sektion der OPF-Datei (content.opf) vorgehalten.

Für jedes Metadatum wird in <metadata> ein <meta>-Element mit Eigenschaft und Wert gesetzt. Die so angegebenen Metadaten verwenden ein property-Attribut mit dem Namensraum "schema ", der Wert wird als Text im <meta>-Element angegeben, z. B.: <meta property="schema:accessMode">textual</meta>.

Für Konformität zu den Barrierefreiheits-Anforderungen sind folgende Metadaten notwendig:

  • Identifikation der Medien-Typen in der Publikation (Text, Bild, Audio, Video):
    <meta property="schema:accessMode">
  • Identifikation der notwendigen medialen Zugangswege:
    <meta property="schema:accessModeSufficient">
  • Informationen über Features für optimale Zugänglichkeit der Inhalte:
    <meta property="schema:accessibilityFeature">
  • Informationen über potenziell gefährliche Inhalte für Menschen mit Epilepsie:
    <meta property="schema:accessibilityHazard">
  • Textliche Zusammenfassung zur Barrierefreiheit einer Publikation:
    <meta property="schema:accessibilitySummary">

Die schema.org-Metadaten werden folgendermaßen verwendet:

accessMode
Mehr erfahren
accessModeSufficient
Mehr erfahren
accessibilityFeature
Mehr erfahren
accessibilityHazard
Mehr erfahren
accessibilitySummary
Mehr erfahren
Zusammenfassendes Beispiel

Die Metadaten für einen vollständig barrierefreien EPUB-Titel würden in der OPF-Datei beispielsweise so aussehen:

<metadata>
<dc:creator>Autor, Vorname</dc:creator>
<dc:title>Titel der Publikation</dc:title>
<dc:language>de</dc:language>
<dc:publisher>Verlag</dc:publisher>
<dc:identifier id="bookid">urn:isbn:ISBN-NUMMER</dc:identifier>
<meta property="dcterms:modified">Timestamp der letzten Änderung</meta>
<meta property="schema:accessMode">textual</meta>
<meta property="schema:accessMode">visual < /meta>
<meta property="schema:accessModeSufficient">textual < /meta>
<meta property="schema:accessModeSufficient">textual, visual</meta>
<meta property="schema:accessibilityFeature">alternativeText</meta>
<meta property="schema:accessibilityFeature">displayTransformability</meta>
<meta property="schema:accessibilityFeature">highContrastDisplay < /meta>
<meta property="schema:accessibilityFeature">readingOrder</meta>
<meta property="schema:accessibilityFeature">structuralNavigation < /meta>
<meta property="schema:accessibilityFeature">tableOfContents</meta>
<meta property="schema:accessibilityHazard">none</meta>
<meta property="schema:accessibilitySummary">Zusammenfassung zur Barrierefreiheit der EPUB-Datei</meta>
</metadata>

Für die Integration der schema.org-Metadaten im <metadata>-Block ist keine spezifische Reihenfolge vorgesehen.

zum Kapitelanfang

Code-Beispiele für barrierefreies Tagging in EPUB

Für die Umsetzung der Hinweise zur barrierefreien Strukturierung von EPUB-Daten finden Sie hier Code-Beispiele für typische Herausforderungen. Neben den hier integrierten Anwendungsfällen möchten wir Sie daneben gern auf die DAISY Accessibility Knowledge Base hinweisen, die international die zentrale Anlaufstelle für dieses Thema ist.

zur Übersicht
Abbildungen
Mehr erfahren
Cover
Mehr erfahren
Fußnoten/Endnoten
Mehr erfahren
Gliederungsüberschriften
Mehr erfahren
Index/Register
Mehr erfahren
Inhaltsverzeichnis/TOC
Mehr erfahren
Marginalien
Mehr erfahren
Landmarks
Mehr erfahren
Literaturverzeichnisse
Mehr erfahren
Seitenumbrüche/Page-List
Mehr erfahren
Tabellen
Mehr erfahren
Zitate
Mehr erfahren

Links, Ressourcen und Tools

Juristische Grundlagen
Internationale Richtlinien und Standards
Themenübergreifende Accessibility Knowledge Bases
Detailinformationen zu einzelnen Themen
Tools

zur Übersicht

Juristische Grundlagen

European Accessibility Act
https://ec.europa.eu/social/main.jsp?catId=1202&langId=de

Barrierefreiheitsstärkungsgesetz
https://www.bmas.de/DE/Service/Gesetze-und-Gesetzesvorhaben/barrierefreiheitsstaerkungsgesetz.html

zum Kapitelanfang

Internationale Richtlinien und Standards

​​​​​​​W3C-Spezifikationen für Web-Content

Web Content Accessibility Guidelines (WCAG) 2.0
https://www.w3.org/TR/WCAG20/

Web Accessibility Initiative – Accessible Rich Internet Applications
https://www.w3.org/WAI/standards-guidelines/aria/

​​​​​​​W3C-Spezifikationen für EPUB-Content

EPUB Accessibility 1.0
http://www.idpf.org/epub/a11y/accessibility.html

EPUB Accessibility 1.1 (Working Draft)
https://www.w3.org/TR/epub-a11y-11/

EPUB Accessibility Techniques 1.0
http://www.idpf.org/epub/a11y/techniques/techniques.html

EPUB Accessibility Techniques 1.1 (Working Group Note)
https://www.w3.org/TR/epub-a11y-tech-11/

Digital Publishing ARIA 1.0
https://www.w3.org/TR/dpub-aria-1.0/

Guidelines für Barrierefreiheits-Metadaten
https://www.w3.org/wiki/WebSchemas/Accessibility

zum Kapitelanfang

Themenübergreifende Accessibility Knowledge Bases

BISG Quick Start Guide to Accessible Publishing:
https://accessible-digital-documents.com/blog/accessible-publishing/

DAISY Accessible Publishing Knowledge Base
http://kb.daisy.org/publishing/docs/

DAISY Consortium Überblicksseite
https://inclusivepublishing.org/

dzb Tipps und Tricks zur barrierefreien E-Book-Gestaltung:
https://blog.dzblesen.de/2018/11/30/wir-oeffnen-tueren/

National Network for Equitable Library Service Accessible Publishing Best Practices: https://www.accessiblepublishing.ca/accessible-publishing-best-practices/

zum Kapitelanfang

Detailinformationen zu einzelnen Themen

Literatur

Bremus, Timm (2013): Barrierefreiheit: Webanwendungen ohne Hindernisse, Frankfurt am Main: entwickler.press.

Posselt, Klaas; Frölich Dirk (2019): Barrierefreie PDF-Dokumente erstellen: Das Praxishandbuch für den Arbeitsalltag, 1. Aufl., Heidelberg: dpunkt.verlag.

Überblicksdarstellungen

Accessible EPUB3
https://www.oreilly.com/library/view/accessible-epub-3/9781449329297/

Barrierefreiheit zur Routine machen – Praxisfall: Digitale Bibliothek
dx.doi.org/10.11588/ip.2015.1.16888

Ein E-Book für alle: Wie wird EPUB barrierefrei?
www.xporc.net/2016/08/16/ein-e-book-fuer-alle-wie-wird-epub-barrierefrei

Producing Accessible E-Books
epubsecrets.com/producing-accessible-E-Books.php

Schritte zu einem inklusiven Kommunikationsdesign
https://www.leserlich.info/index.php

Barrierefreie Bilder und Bildbeschreibungen

Die richtige Bildbeschreibung
https://www.gesellschaft-zur-entwicklung-von-dingen.de/blog/bildbeschreibungen.html

Alternativtexte für Bilder in Word, InDesign und Bildmetadaten kodieren
https://xporc.net/2020/12/14/alternativtexte-fuer-bilder-in-word-indesign-und-bildmetadaten-kodieren/

Alt vs. Figcaption: HTML5-Strukturen für Bildbeschreibungen
https://thoughtbot.com/blog/alt-vs-figcaption

The Art and Science of Describing Images (kostenloses Webinar bei DAISY)
https://daisy.org/news-events/articles/art-science-describing-images-w/

Diagram Center Knowledge Base: Making images accessible
http://diagramcenter.org/making-images-accessible.html

Barrierefreies EPUB mit InDesign

Leveraging InDesign for Accessible EPUB Creation (kostenloses Webinar bei DAISY)
https://daisy.org/news-events/articles/indesign-accessible-epub-w/

EPUB Accessibility Using InDesign (kostenpflichtiger Online-Kurs bei LinkedIn Training)
https://www.linkedin.com/learning/epub-accessibility-using-indesign

zum Kapitelanfang

Tools

ACE Accessibility Checker (DAISY)
Validierungstool für EPUB-Dateien nach EPUB Accessibility
https://daisy.org/activities/software/ace/
https://daisy.github.io/ace/

BACC (dzb lesen)
Validierungstool für EPUB-Dateien nach EPUB Accessibility
https://bacc.dzblesen.de/

Contrast Checker (WebAIM)
Prüftool für Farben/Farbkontraste nach den Anforderungen von WCAG
https://webaim.org/resources/contrastchecker/

Tools for Born Accessible Publishing (Fondazione LIA)
Tool-Sammlung für barrierefreies Publizieren
https://www.fondazionelia.org/en/what-we-do/research-and-development/a-showcase-of-accessibility-tools/

zum Kapitelanfang
zur Übersicht

Seite

1 2 3

Weitere Leitfäden

Leitfaden PDF-Dokumente

Das vorliegende Dokument beschreibt im Kontext von Barrierefreiheit den rechtlichen und technischen Rahmen für PDF-Dokumente.

Leitfaden Webseiten

Diese Ausführungen gelten generell für Websites, gehen an einigen Stellen aber auf Besonderheiten der Buchbranche ein. Sie bilden eine Auswahl ...