Du programmierst das Produkt.
Nutze semantisch korrekte Elemente
Nutze immer semantisch korrekte Elemente um assistierende Technologien möglichst gut zu unterstützen. Zeichne daher Titel in allen Stufen, Listen, Tabellen und so weiter mit den entsprechenden Elementen aus und setze für dein Dokument die korrekte Sprache.
Hilfe für korrekte Semantik:
Referenz 1:
Referenz 2:
Nutze Standard Elemente
Native Elemente ersparen dir sowohl in HTML als auch in Mobile Apps eine Menge Ärger. Die Elemente sind bereits auf Barrierefreiheit hin optimiert, ihr komplettes Verhalten muss ansonsten nachgebaut werden. Sag dies auch deinem Designer, wenn er auf etwas besteht.
Hilfe für typische nicht-native Elemente:
Referenz:
Achte auf eine korrekte Linearisierung
Achte darauf, dass alle Inhalte nicht nur visuell sinnvoll angeordnet sind, sondern dies auch im Code berücksichtigt wird. Versuche alles verständlich zu machen, wenn jemand ohne CSS von oben nach unten durch das Dokument navigiert.
Testen: Schalte das CSS im Browser aus oder Nutze den Screen Reader auf dem Mobile.
Referenz:
Unterstütze die Orientierung
Baue zu Beginn einer Seite Skiplinks ein und nutze verschiedene Landmark-Elemente. Mit diesen beiden Hilfsmitteln können insbesondere Nutzerinnen und Nutzer mit Screen komfortabel direkt zu den verschiedenen Teilen des Inhaltes springen.
Hilfe zu Skiplinks:
Übersicht zu Landmark Elementen:
Referenz: