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 = "".
Siehe auch
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
- Functional Images
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
- Complex Images

Namen und Symbole für Videos#

Gebt kurze Namen für Symbole ohne Beschriftungen an.
Siehe auch
- Icon Usability
Gebt Videos einen Titel und eine kurze Beschreibung
Siehe auch
Untertitel hinzufügen

Stellt sicher, dass die Untertitel korrekt, verständlich und vollständig sind
Siehe auch

Medienalternativen bereitstellen#

Stellt aussagekräftige Alternativen zu visuellen Inhalten und Videos bereit.
Siehe auch
- Providing audio that describes the important video content and describing it as such
- Understanding Success Criterion 1.2.5: Audio Description (Prerecorded)
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