Für blinde und sehbehinderte Menschen wie mich ist Barrierefreiheit nicht nur ein Wort, sondern eine echte Wahl: Entweder können wir mit der Website arbeiten oder wir können nicht.
So funktionieren Screenreader
Mit Screenreadern können blinde und sehbehinderte Menschen Computer, Telefone und Tablets selbst verwenden. Die meisten Bildschirmleser verwenden die TTS-Engine (Text To Speech), mit der Text vom Bildschirm in Sprache konvertiert wird.
Bildschirmleser reproduzieren alles auf dem Bildschirm laut und ermöglichen die Navigation mit Berührungsgesten und Tastaturkürzeln. Sie funktionieren auch mit anderen Ausgabegeräten wie einer Braillezeile.
Dies sind die häufigsten Probleme, mit denen ich täglich konfrontiert bin.
Vorzeichenlose Links und Schaltflächen
Benutzer von Bildschirmleseprogrammen verlassen sich auf Links und Schaltflächen, um auf der Website zu navigieren und die benötigten Informationen zu finden. Wenn Links und Schaltflächen falsch oder gar nicht beschriftet sind, ist es für Benutzer schwierig, die benötigten Informationen zu finden. Unbeschriftete Links erschweren die Navigation auf Ihrer Website erheblich.
In einem Link zu einer Beschreibung eines Unternehmens gibt die Überschrift „Hier klicken“ beispielsweise keine Vorstellung davon, wohin es führt, im Gegensatz zu dem klaren Satz „Erfahren Sie mehr darüber, wer wir sind“.
Wenn Links und Schaltflächen korrekt beschriftet sind, können Bildschirmleser die Beschriftung vorlesen. Dies bedeutet, dass blinde und sehbehinderte Menschen nicht auf einen Link oder eine Schaltfläche klicken müssen, ohne zu wissen, wohin dies führen wird.
Neben unbeschrifteten Elementen sind auch Links und Schaltflächen ohne klare Beschreibung sehr frustrierend. Sie sollten von Klartext begleitet sein, wohin sie beim Klicken führen, nicht "Hier klicken". Erzwingen Sie niemals, dass Benutzer durch Ausprobieren raten oder handeln. Dies ist mühsam und unpraktisch.
Bilder ohne Beschreibung
Dies ist wahrscheinlich das häufigste Problem, auf das ich beim Surfen im Internet stoße. Bildbeschreibungen sind für die Zugänglichkeit sehr wichtig. Sie sind bekannt als
alt text(alter Text).
Bildschirmleser lesen diese Beschreibungen vor, damit blinde und sehbehinderte Menschen den Inhalt des Bildes auf zugängliche Weise verstehen können. Wenn Bilder keinen alternativen Text haben, sagen Bildschirmleser einfach das Wort "Bild oder Grafik", das keinen Kontext oder keine Bedeutung gibt.
Bilder vermitteln oft wertvolle Informationen. Daher ist es wichtig, dass auch sehbehinderte Menschen auf diese Informationen zugreifen können,
alt textklar geschrieben sind und eine genaue Beschreibung des Bildes geben.
Schauen Sie sich unsere heraus schriftlich Tipps
alt text .
Schlechte Verwendung von Headern
Für eine schnelle und einfache Navigation navigieren viele Benutzer von Bildschirmleseprogrammen mithilfe verschiedener Elemente wie Überschriften auf der Seite. Dies ist eine großartige Möglichkeit, schnell die benötigten Informationen zu finden. Insbesondere wenn Überschriften einer logischen Struktur von H1, H2 und H3 folgen, was zur Priorisierung beiträgt.
Wenn die Site keine Header enthält, können Benutzer von Bildschirmleseprogrammen die entsprechenden Tastaturkürzel nicht verwenden. In diesem Fall müssen Sie auf einer langen Seite durch Tabulatoren oder Pfeile navigieren, um die benötigten Informationen zu finden.
Überschriften helfen auch dabei, Inhalte visuell aufzuteilen und die Lesbarkeit zu verbessern. Zusätzlich zu den Überschriften können Benutzer von Bildschirmleseprogrammen über WAI-ARIA-Links, -Listen und -Marken auf der Seite navigieren.
Unzugängliche Webformulare
Die meisten Websites verwenden Formulare auf die eine oder andere Weise. Ob es sich um eine Produktsuche oder ein Feedback-Formular handelt. Wenn diese Formulare jedoch nicht oder falsch beschriftet sind, können wir sie nicht verwenden.
Wenn beispielsweise ein Suchfeld deaktiviert ist, haben Benutzer von Bildschirmleseprogrammen keine Ahnung, wozu dieses Feld dient. Dies bedeutet, dass Benutzer von Bildschirmleseprogrammen nicht auf dieselben Funktionen zugreifen können.
Kontaktformulare sind eine effektive Möglichkeit für Kunden, Ihr Unternehmen zu kontaktieren. Und für Benutzer von Bildschirmleseprogrammen gibt es nichts Frustrierenderes als diese falsch beschrifteten Formulare.
Besonders die Verwendung von Captcha. Wenn es still ist, können wir ein solches Formular nicht alleine ausfüllen. Ich muss oft auf die Hilfe einer sehenden Person zurückgreifen, aber nicht jeder hat eine solche Gelegenheit.
Automatische Wiedergabe von Audio und Video
Die meisten Leute wissen, wie nervig eine Webseite mit lauten Anzeigen ist, die plötzlich abgespielt werden. Für Benutzer von Bildschirmleseprogrammen ist die Situation jedoch noch schlimmer. Die automatische Wiedergabe von Video oder Audio kann den Ton des Bildschirmlesegeräts übertönen. Dies macht es schwierig, die Pausen- oder Stopptasten zu finden.
(Und wenn diese Schaltflächen nicht beschriftet sind, ist es mir fast unmöglich, das Video schnell zu stoppen, was weiter ärgerlich ist). Wenn ich Audio oder Video nicht stoppen kann, schließe ich normalerweise die Seite.
Lösung? Stellen Sie sicher, dass Ihre Site nicht automatisch Video oder Audio wiedergibt. Wenn Sie das Video wirklich veröffentlichen möchten, stellen Sie sicher, dass das Audio stummgeschaltet ist und der Benutzer die Wiedergabe beenden oder den Media Player ausblenden kann.
Diese Probleme mögen für Sehende unbedeutend erscheinen. Aber für mich macht es einen Unterschied, ob ich mit der Site interagieren kann oder nicht. Und es ist sehr wichtig, sie richtig umzusetzen.