Barrierefreiheit beginnt damit, wichtige Informationen und Aktionen verständlich zu machen. Eine Website kann ansprechend aussehen und dennoch mit einer Tastatur, vergrößertem Text oder assistiver Technologie schwer zu bedienen sein. Beginnen Sie mit ein paar praktischen Prüfungen und lassen Sie die Website von geeigneten Personen prüfen, wenn es um Bedürfnisse geht, die automatisierte Tools nicht beurteilen können.
Sorgen Sie für eine klare Lesereihenfolge
Geben Sie den Abschnitten aussagekräftige Überschriften und ordnen Sie sie so an, wie Besucherinnen und Besucher sie benötigen. Verlassen Sie sich nicht allein auf Farben oder die Position, um etwas zu erklären. Eine Preisoption sollte eine schriftliche Bezeichnung haben; bei einem Fehler sollte erklärt werden, was geändert werden muss. Halten Sie wichtige Informationen im Seitentext fest, statt sie nur in einem Bild unterzubringen.
Gestalten Sie Links verständlich
Wählen Sie Linktexte, die das Ziel oder die Aktion beschreiben. „Leitfaden zum Workshop lesen“ ist leichter zu verstehen als mehrere unzusammenhängende Links, die alle „Hier klicken“ heißen. Prüfen Sie, ob interaktive Steuerelemente mit der Tastatur erreichbar sind und ein sichtbarer Fokusindikator anzeigt, welches Element ausgewählt ist.
Achten Sie auf eine gut lesbare Darstellung
Verwenden Sie ausreichenden Kontrast und gut lesbare Schriftgrößen. Prüfen Sie, ob die Seite weiterhin verständlich ist, wenn der Text vergrößert wird oder der Bildschirm schmaler ist. Vermeiden Sie dekorative Animationen, die vom Hauptinhalt ablenken. Wenn Sie ein animiertes Bild veröffentlichen, prüfen Sie, ob es das Lesen stört oder Informationen vermittelt, die auch schriftlich festgehalten werden sollten.
Geben Sie Bildern den passenden Kontext
Beschreiben Sie aussagekräftige Bilder so, dass die Beschreibung ihrer Funktion entspricht. Assistive Technologien können dekorative Bilder überspringen. Für ein Diagramm oder ein Anleitungsbild ist eine gleichwertige Erklärung nötig, die nicht davon abhängt, dass man das Bild sehen kann. Testen Sie die Website mit Menschen, die die Hilfsmittel verwenden, auf die Ihr Publikum angewiesen ist.
Eine praktische Einführung finden Sie unter https://web.dev/learn/design/accessibility. Prüfen Sie in VollSite das generierte Ergebnis und alle Änderungen an Farben, Text, Steuerelementen oder Bildern. Ein erfolgreicher automatisierter Barrierefreiheitstest ist ein nützlicher technischer Nachweis, aber keine vollständige Zertifizierung der Barrierefreiheit. Halten Sie die Seite einfach, testen Sie den tatsächlichen Kontaktweg und veranlassen Sie eine geeignete Prüfung durch Menschen, bevor Sie umfassende Aussagen zur Barrierefreiheit Ihrer Website machen.