Aufbau einer Website für Menschen mit Sehbehinderungen (1 von 3) - 25 Empfehlungen für die Zugänglichkeit von Websites.

1. Alle grafischen Elemente sollten einen prägnanten Alternativtext (alt) haben, der beschreibt, was sich auf der Grafik befindet oder, falls die Grafik ein Link ist, wohin dieser Link führt. Wenn die Grafiken rein dekorativ sind, sollten sie einen "leeren alt-Attribut" haben. 2. Animierte Elemente und sich bewegende Texte sollten vermieden werden, da sie nicht nur für behinderte Benutzer ablenkend sind. Einige animierte Grafiken, insbesondere diejenigen, die aggressiv und schnell animiert sind, können eine Gefahr für Menschen mit fotosensitiver Epilepsie darstellen! 3. Alle Audiodateien (Sendungen, Interviews, Vorträge) sollten mit einem schriftlichen Transkript ergänzt werden. Die Player für diese Dateien auf der Website sollten mit der Tastatur bedienbar sein und für blinde Personen zugänglich sein. 4. Alle Videodateien sollten mit Untertiteln für hörgeschädigte Personen versehen sein. Die Player sollten für blinde Personen und Personen, die nur die Tastatur verwenden, zugänglich sein. 5. Alle Multimedia- und Flash-Dateien sollten zugänglich sein oder in alternativer Form bereitgestellt werden. 6. PDF-, Word- und andere beliebte Download-Dateien sollten barrierefrei vorbereitet sein. Zum Beispiel sollten PDF-Dateien eine Struktur haben, die blinden Personen das Durchsuchen solcher Dokumente erleichtert. 7. Die Texte auf der Website sollten nach Möglichkeit in möglichst einfacher Sprache verfasst werden, damit auch weniger gebildete Personen und Personen mit intellektuellen Beeinträchtigungen Zugang zu ihnen haben. 8. Texte sollten in einem übersichtlichen Format veröffentlicht werden – unterteilt in Absätze, Listen und andere Abschnitte; nicht rechtsbündig; Abkürzungen sollten beim ersten Auftreten auf jeder Seite ausgeschrieben werden. Der Text sollte mit Überschriften (h1-h6) ergänzt werden, damit blinde Personen problemlos zu den für sie interessanten Abschnitten navigieren können. 9. Die Navigation (Menü) sollte konsistent, logisch und innerhalb der Website unverändert sein. Die Navigation über die gesamte Website sollte von der Tastatur aus zugänglich sein. 10. Alle aktiven Elemente wie Links, Banner oder Formularfelder sollten einen klaren visuellen Fokus haben (normalerweise in Form eines Rahmens, der beim Navigieren auf der Seite mit der TAB-Taste sichtbar wird). Es wird empfohlen, den Standard-Fokus zu verstärken, damit er auch für sehbehinderte Personen gut sichtbar ist. 11. Alle Links sollten einzigartig und verständlich sein, auch außerhalb des Kontextes. Es sollten keine Links wie ">>" oder "mehr" oder "hier klicken" verwendet werden. Links dürfen nicht ohne Warnung in einem neuen Browserfenster oder -register geöffnet werden. 12. Die Verwendung von "skip links" wird empfohlen, um direkt zum Inhalt einer einzelnen Seite zu gelangen. Dies ist besonders wichtig für Websites, die Dutzende von Links in der Hauptnavigation haben. 13. Der Farbkontrast aller Inhalts- (Texte, Links, Banner) oder funktionsbezogenen Elemente muss ein Verhältnis von Text-Helligkeit zu Hintergrund von mindestens 4,5 zu 1 haben, idealerweise nicht weniger als 7 zu 1. 14. Die Seite sollte signifikant (mindestens 200%) mit den Browser-Tools vergrößert werden können. Idealerweise sollte die Seite auch bei vergrößerter Ansicht horizontal in das Browserfenster passen und keinen horizontalen Bildlaufbalken anzeigen. Die vergrößerte Seite darf keine Inhalte "verlieren". 15. Alle Seitentitel müssen einzigartig sein und den Benutzer über den Inhalt der Unterseite informieren, auf der er sich befindet. Die Struktur des Titels sollte nach dem Schema: [Unterseitentitel] - [Institutionenname] aufgebaut sein. 16. Alle Unterseiten sollten Überschriften enthalten. Überschriften (h1-h6) sind die grundlegende Art und Weise, den Inhalt auf der Seite zu organisieren. Die h1-Überschrift sollte der Titel des Haupttextes auf der Seite sein. 17. Listen (ungeordnete und geordnete) sollten zur Organisation von Inhalten in Texten oder Navigationskomponenten verwendet werden. 18. Die Sprache der Seite und die Sprache von Fremdsprachenabschnitten sollten mit dem lang-Attribut festgelegt sein. 19. Zitate sollten angemessen gekennzeichnet sein - mindestens mit Anführungszeichen. 20. Der Code der Website sollte den Standards entsprechen und Tabellen sollten nicht als strukturelle Elemente der Seite verwendet werden. 21. Tabellen zur Datenübermittlung sollten in einfacher Form aufgebaut und über Überschriften verfügen. 22. Alle Rahmen sollten angemessen betitelt sein. 23. Alle Skripte und Applets sollten für blinde Personen und Personen, die ausschließlich die Tastatur nutzen, zugänglich sein. 24. Formulare, einschließlich des Suchformulars, sollten gemäß den Standards aufgebaut sein. Alle Formularfelder und Schaltflächen sollten korrekt beschriftet sein. 25. Die Website sollte auch in Browsern und Geräten ohne CSS-Unterstützung zugänglich sein.