Suchen und Beheben von häufigen Fehlern bei der visuellen Barrierefreiheit
Ihre Benutzer verfügen über unterschiedliche Sehfähigkeiten. Eine Person, die farbenblind ist, kann möglicherweise nicht zwischen Farben unterscheiden oder hat Schwierigkeiten, mit Farben zu arbeiten, die einander ähnlich sind. Andere Benutzer verwenden möglicherweise den Zoom, um Inhalte zu vergrößern. Die Berücksichtigung unterschiedlicher Sehfähigkeiten ist ein wichtiger Bestandteil der Barrierefreiheit.
Vergleichen Sie
Für angemessenen Kontrast zu sorgen erleichtert jedem, Textinhalte zu lesen, grafische Elemente zu interpretieren, Komponenten der Benutzeroberfläche zu identifizieren und zu erkennen, wann sich der Zustand dieser Komponenten ändert. Personen mit einer Sehschwäche haben häufig Probleme beim Lesen von Text, beim Identifizieren von Schaltflächen, die sich nur gering vom Hintergrund abheben, oder beim Bestimmen des Zustands von Komponenten der Benutzeroberfläche. Diese Probleme können sich noch verstärken, wenn die Kontrastwahrnehmung einer Person durch eine etwaige Farbsehschwäche zusätzlich herabgesetzt wird.
Glücklicherweise können Kontrastverhältnisse programmgesteuert überprüft werden. Sie können das FastPass-Tool in Accessibility Insights for Web verwenden, um die Kontrastüberprüfung durchzuführen.
Color
Farbe ist ein wichtiger Bestandteil des Webdesigns, aber bedenken Sie, dass jeder Mensch Farben ein wenig anders wahrnimmt. Bei einigen Personen liegt beispielsweise eine Farbenblindheit vor. Etwa einer von 12 Männern ist farbenblind. Es gibt verschiedene Arten der Farbenblindheit, z. B. Rot-Grün und Blau-Gelb.
Darüber hinaus könnten Ihre Benutzer eine Farbe auswählen, die eine Ermüdung der Augen minimiert, einen Bildschirm mit geringer Farbtreue verwenden oder bei einer Beleuchtung arbeiten, die die Farbwahrnehmung erschwert.
In der vorherigen Übung haben Sie gelernt, dass Sie Ihre Webanwendungen so entwerfen sollten, dass es nicht erforderlich ist, Farben sehen zu können.
Zusätzlich zu automatisierten FastPass-Tests können Sie überprüfen, wie Ihre Website für Personen mit unterschiedlichen Formen der Farbenblindheit angezeigt wird. Verwenden Sie die Farbfilter, die in Windows und macOS integriert sind.
Zoom
Ihre Website sieht auf Ihrem riesigen 4K-Monitor gut aus. Das bedeutet aber nicht, dass alle Benutzer das genauso erleben werden. Einige Benutzer vergrößern den Text möglicherweise auf bis zu 200 %, um ihn lesen zu können, während andere Benutzer ihn vielleicht auf einem mobilen Gerät lesen.
Webbrowser eignen sich gut zum Skalieren von Text. Bootstrap wurde zur Unterstützung für das Responsive Design entwickelt, das basierend auf der Bildschirmgröße skaliert wird. Wichtig ist, die Dinge so einfach wie möglich zu halten, das Web so zu verwenden, wie es entworfen wurde, und Ihre Website auf verschiedenen Anzeigegeräten und mit unterschiedlichen Zoomstufen zu testen.
In der nächsten Übung finden und beheben Sie Probleme mit visuellen Barrierefreiheit für die Website der Pizzeria.