Barrierefreiheit¶
Textalternativen¶
Personen, die nicht gut sehen oder hören können, müssen sich auf Textalternativen für visuelle oder auditive Inhalte verlassen. Auf dieser Seite wird beschrieben, wie ihr Bilder, Grafiken, Audio und Video zugänglich machen könnt.
Textalternativen für Tabellen¶
Tabellen bieten im Wesentlichen eine Gliderung über die Anordnung der Inhalte.
Daher empfehlen wir euch, Tabellen mit <caption/>
zu beschreiben, alternativ
könnt ihr jedoch auch <table summary=""/>
verwenden.
In reStructuredText könnt ihr für <caption/>
die table
-Direktive
verwenden, z.B.:
.. table:: Tabellentitel
+-------+-------+
…
oder:
.. csv-table:: Tabellentitel
oder:
.. list-table:: Tabellentitel
Dies führt zu folgendem HTML:
<table class="docutils align-default" id="id1">
<caption>
<span class="caption-text">
Tabellentitel
</span>
<a class="headerlink" href="#id1" title="Link zu dieser Tabelle">
¶
</a>
</caption>
…
</table>
Alternative Texte für aussagekräftige Bilder und visuelle Daten¶
Kommentiert dekorative Bilder
Manche Bilder enthalten keine aussagekräftigen Informationen oder Zusammenhänge sondern sind dekorativ oder dienen nur der visuellen Formatierung. Idealerweise sollten solche Bilder entfernt werden. Falls dies nicht möglich ist, solltet ihr sie als dekorativ kommentieren oder mit
alt = ""
.Wenn ein aussagekräftiges Bild leicht beschrieben werden kann, gebt eine Textalternative an
Schreibt klare und prägnante Textalternativen für die verbleibenden Bilder im Inhalt.
Wenn das Bild anderes Material auf der Seite nur verstärkt, sollten nur sehr wenige Wörter verwendet werden. Viele Bilder benötigen nur ein Nomen, alt=“Portrait“ oder eine Nomen-Verb-Substantiv-Beschreibung alt=“Wahl der richtigen Datenbank“. Bei Bildern mit aussagekräftigem Text, z.B. dem Screenshot einer Fehlermeldung, sollte die Textalternative dieselben Wörter wiederholen.
Ist das Bild ein Steuerelement, soll die Alternative den Zweck beschreiben, nicht das Bild.
Siehe auch
Wird der Alternativtext länger, solltet ihr andere Optionen in Betracht ziehen
Viele Browser und Leseprogramme beschränken die Zeichenlänge des alternativen Textes. In diesem Fall solltet ihr einen kurzen alternativen Text zusammen mit ausführlicheren Bildunterschriften erwägen.
Siehe auch
Namen und Symbole für Videos¶
Gebt kurze Namen für Symbole ohne Beschriftungen an.
Siehe auch
Gebt Videos einen Titel und eine kurze Beschreibung
Untertitel hinzufügen
Stellt sicher, dass die Untertitel korrekt, verständlich und vollständig sind
Medienalternativen bereitstellen¶
Stellt aussagekräftige Alternativen zu visuellen Inhalten und Videos bereit.
Stellt eine Beschreibung des sinnvollen visuellen Inhalts in einem Audiotrack oder Transkript bereit. Dies kann eine separate Audiospur mit Beschreibungen der aussagekräftigen Visuals sein oder eine Volltextalternative ähnlich einem Drehbuch.
Siehe auch
Placing a link to the alternative for time-based media immediately next to the non-text content
Providing a second, user-selectable, audio track that includes audio descriptions
Providing an alternative for time-based media for video-only content
Understanding Success Criterion 1.2.8: Media Alternative (Prerecorded)