DETAILS: VISUELLE ELEMENTE

5.4 ADAM und CMS: Bilder und Diagramme

Websites, die auf HTML basieren, bieten gute Möglichkeiten, um Bilder und Diagramme zugänglich zu machen.

Alternativtext auf ADAM

Fügen Sie das Bild ein.
Klicken Sie auf das Bild und wählen Sie «Eigenschaften».
Wählen Sie unter «Alternativtext» die Option «Angepasst» an und geben Sie den Alternativtext ein.

Alternativtext im Content Management System

Die gängigen CMS bieten zwei Wege, um Bilder mit Alternativtext zu versehen. Probieren Sie aus, was funktioniert.

Variante 1

Fügen Sie das Bild in den Text ein und markieren Sie es.
Geben Sie unter Metadaten den Alternativtext ein.

Variante 2

Gehen Sie im Backend auf «Dateiverwaltung» oder «Medien» o. Ä.
Markieren Sie das gewünschte Bild.
Geben Sie die Metadaten inkl. Alternativtext ein.

Dekorative Elemente

Gewisse Bilder haben nur eine dekorative oder symbolische Bedeutung, z. B. Logos oder ein Linksymbol. Bei solchen Bildern müssen Sie das Feld für den Alternativtext leer lassen. Der Screenreader ignoriert es dann.

Bildunterschrift und -Nummerierung auf ADAM

Fügen Sie das Bild ein.
Klicken Sie auf das Bild.
Wählen Sie unter «Bildunterschrift» die Option «Angepasst».
Geben Sie die Bildunterschrift ein.

Bildunterschrift und -Nummerierung im CMS

In den gängigen CMS können die Bildunterschriften auf die gleiche Weise eingegeben werden wie der Alternativtext, d. h. es gibt zwei Möglichkeiten. Probieren Sie aus, was funktioniert.

Variante 1

Fügen Sie das Bild in den Text ein und markieren Sie es.
Geben Sie unter Metadaten die Bildunterschrift ein.

Variante 2

Gehen Sie im Backend auf «Dateiverwaltung» oder «Medien» o. Ä.
Markieren Sie das gewünschte Bild.
Geben Sie die Metadaten inkl. Bildunterschrift ein.

Verweis auf ein Bild

Verweise auf Abbildungen innerhalb einer Seite («s. Abbildung 16») funktionieren gleich wie andere Verweise innerhalb derselben HTML-Seite (s. Kapitel 6.5). Ggf. müssen Sie Ihre:n Systemadministrator:in beiziehen.