Beratung & Service
- Digitale Transformation
- Digitaler Wissens-Hub
- Nachhaltigkeit
- Frequenzbelebung
- Recht
- Betriebswirtschaft
- Gründung und Nachfolge
- Barrierefreiheit
- Buchmarketing
- Neustart Kultur
- Mitglieder- und Verkehrsnummernsuche
- seitenreich – Ihr Vorteilsprogramm
- Bücherscheck
- Lesemotive
- ABC des Zwischenbuchhandels
- Branchenpartner
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
Der EPUB-Container und seine Bestandteile
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.
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.
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).
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.
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.
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)
- <b> bzw. <i> wird für die typografische Auszeichnung verwendet
- 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.
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".
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.
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.
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:
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.
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- |
<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- |
<img role="doc-cover"> für das Coverbild |
A |
|
doc-credit |
Quellenangabe (z. B. für Bilder/Zitate) |
Content- |
<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- |
<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- |
<aside role="doc-example"> für das Struktur-Element |
C |
|
doc-footnote |
Fußnote |
Content- |
<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- |
<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- |
Rolle an <section>, <div> oder <aside> |
C |
|
doc-pagebreak |
Seitenumbruch-Marke, falls aus Print übernommen |
Content- |
<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- |
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- |
<aside role="doc-tip"> für das Struktur-Element |
C |
|
doc-toc |
Table of Contents als Teil des Navigation Dokument |
Content- |
<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.
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:
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.
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.
Links, Ressourcen und Tools
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
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
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/
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
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/