24iX SYSTEMS

Auszeichnung abweichender Sprachen (Language - Attribut)

Wenn innerhalb einer Seite einzelne Wörter oder kurze Wortfolgen in einer anderen Sprache vorkommen, müssen diese mithilfe des lang-Attributs ausgezeichnet werden.

Screenreader verwenden Wortlisten, in denen die Aussprache der Wörter festgelegt ist. Sie müssen wissen, zu welcher Sprache ein Wort gehört, damit sie die richtige Wortliste verwenden und es korrekt aussprechen können.

Anderssprachiger Inhalt bei barrierefreien Websites

Wenn innerhalb einer Seite Textabschnitte in einer anderen Sprache vorkommen, müssen diese mithilfe des lang-Attributs ausgezeichnet werden.

Screenreader verwenden Wortlisten, in denen die Aussprache der Wörter festgelegt ist. Sie müssen wissen, zu welcher Sprache ein Text gehört, damit sie die richtige Wortliste verwenden und den Text korrekt aussprechen

Hauptsprache der Website angeben

Die Hauptsprache der Webseite soll angegeben werden.

Screenreader verwenden Wortlisten, in denen die Aussprache der Wörter festgelegt ist. Sie müssen wissen, in welcher Sprache ein Text verfasst ist, damit sie die richtige Wortliste verwenden und den Text korrekt aussprechen können.

Korrekte Anwendung von Markup Sprachen (Valides (x)HTML)

Verzicht auf Schriftgrafiken

Grafiken sollen nicht für die Darstellung von Schriften verwendet werden. Schriftgrafiken können nicht oder nur eingeschränkt an Benutzeranforderungen angepasst werden. Farben können nicht individuell eingestellt werden, die individuelle Anpassung der Schriftgröße wirkt nicht auf grafische Schriften.

 

Title - Attribut für Symbole

Symbole sind mit title-Attribut versehen, wenn ihre Bedeutung nicht aus dem Kontext hervorgeht. Symbole lassen sich (wie Schriftgrafiken) schlecht an Nutzeranforderungen anpassen, Farbe und Größe sind nicht variabel. Auch ist die Bedeutung der meisten gebräuchlichen Symbole unklar.

Valides HTML für barrierefreie Websites

Die verwendete Markup-Sprache HTML muss korrekt eingesetzt werden. Eine saubere HTML-Syntax vereinfacht Browsern oder Screenreadern den Umgang mit der Seite. Darunter ist auch der Verzicht auf nicht mehr unterstützte Attribute zu sehen.

CSS basierendes Layout für barrierefreie Website

Für die Anordnung von Elementen auf der Seite sollen keine Layouttabellen, sondern Stylesheets verwendet werden. Ein CSS-basiertes Layout kann an unterschiedliche Nutzeranforderungen angepasst werden und folgt dem Prinzip der Trennung von Inhalt und Gestaltung.

Die Verwendung von CSS für die Positionierung von Elementen ist daher zu empfehlen. Es verursacht jedoch keine wesentlichen Einschränkungen der Zugänglichkeit, wenn einfache linearisierbare Layouttabellen anstelle von CSS-basierter Positionierung verwendet werden. Daher hat dieser Prüfschritt lediglich eine mittlere Gewichtung.

Variable Schriftgröße für barrierefreie Sites

Die Größe von Schriften soll in relativen Maßangaben festgelegt sein. Das Layout soll auch mit großen Schriften gut benutzbar sein.

Benutzer sollen die Schriftgröße nach ihren Bedürfnissen einstellen können. Im Microsoft Internet Explorer ist das nur möglich, wenn die Schriftgrößen in relativen Einheiten festgelegt sind.

Diese etwas antike Vorschrift wird durch die Benutzung von neueren Browsern abgemildert, da diese die Schrift skalieren können. Zu den neuen Browsern gehört auch der mittlerweile betagte Internet Explorer 6. Aber Vorsicht: die Skalierbarkeit der Schrift allein nützt nichts, wenn durch die großen Schriften das Layout nicht mehr benutzbar ist (etwa weil Inhalte abgeschnitten werden oder sich Zeilen überlappen).

Lesbarkeit bei geringer Schriftgrösse

Das Layout der Seite (inklusive Layouttabellen) soll flexibel sein. Es soll sich auch geringen Auflösungen anpassen können, ohne dass es zu Überlagerungen kommt.
Die Seite soll auch für Menschen, die mit geringen Bildschirmauflösungen arbeiten, lesbar sein. Es soll nicht zur Überlagerung von relevanten Elementen kommen.
Auch die Verwendung des horizontalen Scrollbalkens sollte vermieden werden. Praktisch nicht lesbar ist längerer Fließtext, wenn bei jeder Zeile der horizontale Scrollbalken nach links und rechts verschoben werden muss.

HTML Struktur (H1 - H6 Tags) für Überschriften

Überschriften müssen korrekt mit den HTML-Strukturelementen h1 bis h6 ausgezeichnet sein und die Inhalte der Seite erschließen.

Visuell werden Webseiten mit Mitteln wie Überschriften, Spalten oder Kästen strukturiert. Dank dieser Strukturierung weiß der Benutzer, was zusammengehört, kann das Angebot der Webseite leicht überblicken und gezielt auf die Inhalte zugreifen, die ihn interessieren.
Benutzer, die diese visuelle Ordnung nicht nutzen können - zum Beispiel weil sie blind sind oder nur einen kleinen Ausschnitt der Seite sehen können - sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung auf dem Bildschirm zugänglich und nutzbar ist. Die Verwendung von Überschriften-Elementen zur Abbildung der Struktur ist dafür eine wesentliche Voraussetzung.
So können Benutzer die Überschriften-Elemente anwenden:

    1. Nur die Überschriften anzeigen lassen - als Inhaltsverzeichnis für die schnelle Orientierung (besonders wichtig für blinde Benutzer)

    2. Von Überschrift zu Überschrift springen (Tastaturbenutzer)

    3. Überschriften anders hervorheben, wenn die vom Anbieter vorgesehene Hervorhebung nicht geeignet ist (zum Beispiel andere Farbe oder Stimme)

HTML Strukturen für Listen (UL, OL)

Zur Auszeichnung von Listen auf der Seite sollen HTML-Strukturelemente für Listen (ul, ol und so weiter) genutzt werden.

Die Verwendung der HTML-Strukturelemente stellt sicher, dass der Aufbau einer Seite unabhängig von der Präsentation auf einer abstrakten Ebene festgelegt und zugänglich ist.
Benutzer, die mit der vorgegebenen visuellen Präsentation der Elemente auf der Seite nichts anfangen können, finden sich dann trotzdem zurecht oder sie können eine eigene, besser passende Präsentation anwenden.
Mögliche Anwendungen der Strukturelemente für Listen:

  • Listen oder Listeneinträge überspringen (Tastaturbenutzer)

  • Listeneinträge anders hervorheben, wenn die vom Anbieter vorgesehene Hervorhebung nicht geeignet ist (zum Beispiel andere Farbe oder Stimme)

HTML Struktur für Zitate

Zur Auszeichnung von Zitaten, die als eigenständige Textabschnitte gefasst sind, soll das dafür vorgesehene HTML-Strukturelement blockquote genutzt werden.

Die Verwendung der HTML-Strukturelemente stellt sicher, dass der Aufbau einer Seite unabhängig von der Präsentation auf einer abstrakten Ebene festgelegt und zugänglich ist.
Benutzer, die mit der vorgegebenen visuellen Präsentation der Elemente auf der Seite nichts anfangen können, finden sich dann trotzdem zurecht oder sie können eine eigene, besser passende Präsentation anwenden.
Mögliche Anwendungen des Strukturelements blockquote:

  • Das Zitat überspringen, im folgenden Text weiterlesen (Tastaturbenutzer)

  • Zitate anders hervorheben, wenn die vom Anbieter vorgesehene Hervorhebung nicht geeignet ist (zum Beispiel andere Farbe oder Stimme)