Unsichtbare Botschaft
Mh… vielleicht hilft dir der Alt-Text des Bildes weiter. Du kannst ihn dir mit einem Screenreader vorlesen lassen oder im Quellcode anschauen.
Nutze den Screenreader in Kombination mit der Tastatur.
Hier ist eine Einleitung zu
Sei geduldig und höre dir den gesamten Alt-Text an. Manchmal ist der länger, als du erwartest.
Was siehst du?
Du siehst nur ein graues Bild mit einer schlecht lesbaren Schrift, oder?
In deiner Welt habe ich oft das Problem, dass es keine, oder nur unzureichende Alternativ-Texte gibt. Ein Alternativ-Text (auch Alt-Text genannt) ist ein Text, der das Aussehen oder den Zweck eines Bildes beschreibt. Diesen kann ich mir mit dem Screenreader vorlesen lassen. Ohne einen Alt-Text bekomme ich nicht mit, was auf dem Bild zu sehen ist.
Aber warum gibt es oft keine Alt-Texte?
Weil die Redaktion nicht darüber nachdenkt, wie andere Menschen ihre Webseite nutzen. Sie denken: ‚Ach, die Leute werden es schon irgendwie rausfinden.‘ Aber so funktioniert das nicht. Barrierefreiheit bedeutet, dass alle Menschen die gleichen Chancen haben sollten, egal, wie sie auf eine Webseite zugreifen.
Barrieren
Kontrast
Der Kontrast ist aber schlecht, das kann ich gar nicht erkennen. Text sollte mindestens ein Kontrastverhältnis von 4,5:1 zum Hintergrund haben.
Schriftgrafik
Eine Schrift als Bild? Das ist gar keine gute Idee. Wenn ich nur einen Screenreader nutze, dann bekomme ich gar nicht mit, was auf dem Bild steht. Jedenfalls nicht ohne Alt-Text.