Digital informiert - im Job integriert - Di-Ji

Kurzmenu

Inhaltsbereich

Brotkrümmelpfad

AbI-Empfehlung zur Durchführung von Vorprüfungstests [Fassung von März 2004]

Inhaltsverzeichnis überspringen
  1. AbI-Empfehlung zur Durchführung von Vorprüfungstests [Fassung von März 2004]
  2. AbI-Empfehlung zur Durchführung von Vorprüfungstests nach BITV
    1. Vorwort
    2. Ziel des Vorprüfungstests
    3. Rahmenkonzept zur Prüfung
    4. Rahmenbedingungen für den Vorprüfungstest
    5. Seitenauswahl für den Vorprüfungstest
    6. Prüfumfang des Vorprüfungstests
    7. Testdokumentation
    8. Aufwand und Kosten
    9. Danksagung
    10. Verweise
  3. AbI-Empfehlung zur Durchführung eines Vorprüfungstests nach WCAG 2.0
    1. Vorwort
    2. Testumgebung Vorprüfungstest 2.0
    3. Seitenauswahl
    4. Prüfschritte für Vorprüfungstest 2.0 (angezeigt)

Prüfschritte für Vorprüfungstest 2.0

Wahrnehmbarkeit
Nicht-Text-Inhalte

Bilder, Bedienelemente und Schriftgrafiken

Bilder, Bedienelemente und Schriftgrafiken besitzen Alternativtexte, die äquivalente Informationen liefern.

Testverfahren: Rufen Sie die Seite im Internet Explorer auf und lassen Sie sich durch die AIS Web Accessibility Toolbar die Alternativtexte anzeigen. Verwenden Sie dazu am Besten die Funktion Images > Toggle Images/Alt. Prüfen Sie dann, ob grafische Bedienelemente und Abbildungen einen sinnvollen und aussagekräftigen Alternativtext besitzen.

Informative Abbildungen sollen einen Alternativtext besitzen, der die visuell gegebene Information in einer Textvariante wiedergibt, das heißt bei Schriftgrafiken sollte der Alternativtext den dargestellten Text enthalten, bei einem Foto eine kurze Beschreibung des abgebildeten Inhalts.

Alternativtexte für Bedienelemente (beispielsweise eine Grafik zum Abschicken eines Formulars) sollen die Aktion (zum Beispiel Abschicken eines Formulars) oder das Ziel (bei verknüpften Grafiken) enthalten.

Layoutgrafiken

Grafiken, die nur zu Layout-Zwecken genutzt werden, besitzen leere alt-Attribute.

Testverfahren: Überprüfen Sie, ob auf der Webseite vorhandene Abbildungen, die ausschließlich gestalterischen Zwecken dienen, einen leeren Alternativtext enthalten. Verwenden Sie dazu die AIS Web Accessibility Toolbar und wählen Sie die Funktion Images > Toggle Images/Alt.

Multimedia

Multimedia-Inhalte verfügen über eine Text-Alternative.

Testverfahren: Sollte Multimedia einen zentralen Teil der Site bilden, ist zu überprüfen, ob es eine Alternative für sehbehinderte, blinde und gehörlose Nutzer zu diesen Inhalten gibt. Dazu wird geprüft, ob eine Audio-Deskription oder Volltext-Alternative für die Multimedia-Inhalte existiert, oder es Captions für Audio-Inhalte von Medien gibt.

Multimedia-Elemente, die selbst bereits eine Alternative zu anderen Inhalten darstellen, benötigen keine Alternativen.

Unterscheidung zw. Vorder- und Hintergrund

Farben/Kontraste bei Texten

Der Kontrast zwischen Vorder- und Hintergrund erfüllt bei Texten und Schriftgrafiken mindestens das Verhältnis von 4,5:1.

Testverfahren: Führen Sie eine einfache Sichtprüfung des Texts auf der Webseite durch. Verwenden Sie im Zweifelsfall den Color Contrast Analyzer 2.0. Wählen Sie damit einen Punkt des Vordergrundes und einen in der Nähe befindlichen Punkt des Hintergrundes aus und lassen Sie die Software den Kontrast zwischen diesen Farbwerten errechnen. Die Software teilt Ihnen dann mit, ob der Kontrast ausreichend groß ist oder nicht.

Schriftgröße variabel

Die Schriftgröße lässt sich ohne Verluste von Inhalten oder wichtigen Funktionen (Navigationsmenüs) in den in der Testumgebung angegebenen Browsern um 200% vergrößern.

Testverfahren: Öffnen Sie die Seite im Internet Explorer und stellen Sie im Menü Ansicht > Textgröße die Textgröße auf "am größten". Im Firefox wird die Schrift auf 200% vergrößert. Hier muss darauf geachtet werden, dass die Einstellung auf "Nur Text zoomen" steht (dazu unter Ansicht > Zoom >"Nur Text zoomen" auswählen. Im Firefox kann das Add-on Default Full Zoom Level verwendet werden, um den Skalierungsfaktor auf 200% einzustellen.

Um diesen Prüfschritt zu erfüllen, müssen alle Textinhalte nach der Vergrößerung lesbar sein und dürfen sich nicht überschneiden. Schrift, die sich nicht vergrößern lässt, führt zu "nicht bestanden".

Bedienbarkeit/Geräteunabhängigkeit
Tastaturbedienbarkeit

Seite ist Tastaturbedienbar

Alle Funktionen der Seite sind über die Tastatur erreichbar, unabhängig von bestimmten Zeitvorgaben der Anschläge. Ausgenommen sind hierbei Funktionen, die vom Verlauf einer Bewegung abhängig sind.

Testverfahren: Laden Sie die Seite in allen Browsern mit F5 neu und wechseln Sie mit F6 in die Adresszeile. Danach wird bei ausschließlicher Nutzung der Tastatur geprüft, ob alle Inhalte erreichbar und auch bedienbar sind.

Fokus ist bei Tastaturbedienung sichtbar

Jedes Element, das bei Tastaturbedienung den Fokus bekommt und bei dem eine optische Hervorhebung des Fokus möglich ist, wird hervorgehoben.

Testverfahren: Test wie oben (Seite ist Tastaturbedienbar) mit Sichtprüfung ob es einen sichtbaren Fokus gibt.

Orientierung

Standort im Webangebot

Der Standort im Webangebot wird dem Nutzer durch geeignete Mittel verdeutlicht.

Testverfahren: Prüfen Sie ob:

Aussagekräftige Hyperlinks

Das Ziel eines Links ist eindeutig.

Testverfahren: Überprüfen Sie alle Links auf der Seite darauf, ob:

Hierzu in der AIS-Toolbar "Linkliste" auswählen und bei abgeschalteten Grafiken prüfen, ob entweder der Linktext eindeutig ist, oder title-Attribute entsprechend gesetzt sind. Sollte dies nicht der Fall sein, werden die Sätze, in denen die Links stehen, geprüft, ob sie klare Informationen über das Ziel enthalten.

Die Seiten werden durch logische Überschriften sinnvoll strukturiert

Die Seite wird in logische, umgehbare Gruppen unterteilt. Dies kann entweder durch den Einsatz von Überschrift-Elementen zu Beginn jeder Gruppe oder auch durch eine Skip-Link-Navigation geschehen.

Testverfahren: Nutzen Sie das Bookmarklet "Inhalte gegliedert" und überprüfen Sie, ob Bereiche mit für sich nutzbaren Inhalten (Navigation, Inhalt, Textabschnitte, etc.) eigene Überschriften besitzen. Sollte dies nicht der Fall sein, wird überprüft, ob zumindest eine Skip-Navigation vorhanden ist.

Formulare

Sinnvoll strukturiert und mit Labels versehen

Vorhandene Formulare besitzen mit den jeweiligen Formularelementen verknüpfte Label und sind sinnvoll strukturiert.

Testverfahren: Klicken Sie zur Überprüfung auf die vor oder über den Eingabe-Elementen angeordneten Texte und prüfen Sie, ob das jeweilige Element den Fokus erhält.

Verständlichkeit
Sprache

Angabe der primären Sprache, Sprachwechsel sind ausgezeichnet

Die Hauptsprache der Seite ist angegeben und alle fremdsprachigen Worte sind als solche ausgezeichnet.

Testverfahren: Wählen Sie in der AIS-Toolbar unter Seite "lang-Attribute anzeigen" und überprüfen Sie, ob eine Hauptsprache angegeben ist und alle verwendeten Fremdwörter ausgezeichnet sind. Ausgenommen sind Fremdwörter, die in den allgemeinen Sprachgebrauch übergegangen sind (schlagen Sie dazu ggf. im Duden nach).

Verwendung der einfachsten angemessenen Sprache

Es wird die, an den Inhalten der Seite gemessen, einfachste angemessene Sprache verwendet.

Testverfahren: Prüfen Sie, ob die verwendete Sprache leicht verständlich und dem Inhalt angemessen ist. Stimmen Sie Ihren Eindruck mit einer anderen Person ab, um ein objektives Ergebnis zu erlangen.

Einheitliche und sinnvoll verwendbare Navigation

Die auf der Website verwendete Navigation ist einheitlich und sinnvoll verwendet. Sollten nur Tag Clouds zur Navigation verwendet werden, so sind diese individuell anpassbar.

Testverfahren: Prüfen Sie, ob sich die Navigationselemente an gängigen Konventionen orientieren. Dazu zählen beispielsweise eine stets vorhandene Navigation (Menü oder Tag Cloud), die Verknüpfung des Logos des Seitenbetreibers mit der Startseite und die farbliche Kennzeichnung bereits besuchter Links in Fließtexten. Darüber hinaus sollten wichtige Navigationselemente auch bei einer geringen Auflösung sichtbar und bedienbar sein.

Unterstützung des Nutzers

Keine Überraschung des Nutzers

Durch Veränderung des Fokus bzw. Aktivierung eines Elements der Seite wird keine ungewollte Kontextänderung ausgelöst. Das heißt es werden keine Inhalte der Seite verändert, Pop-Ups geöffnet oder Links aktiviert, wenn der Nutzer dies nicht aktiv auslöst.

Testverfahren: Bei der Bedienung der Seite mit der Tabulator-Taste wird darauf geachtet, ob sich zentrale Inhalte der Seite ungewollt verändern, Links automatisch aktiviert werden oder Pop-Ups geöffnet werden. Die Prüfung wird bei aktiviertem Javascript durchgeführt.

Vermeidung von Fehleingaben

Formulare werden vor dem Absenden an den Server auf korrekte Angaben des Nutzers überprüft. Treten Fehler auf, so werden diese dem Nutzer verständlich und mit Korrekturvorschlägen gemeldet.

Testverfahren: Formulare werden bewusst mit Fehleingaben gefüllt, bzw. Pflichtfelder nicht ausgefüllt und dann abgesendet. Es sollte eine Fehlerseite erscheinen, auf der der Nutzer darauf hingewiesen wird, welche Fehler er gemacht hat und Vorschläge gegeben werden, wie diese zu beheben sind. Diese Hinweise stehen vor dem Formular und enthalten Sprungmöglichkeiten zum jeweiligen Fehler. Die Prüfung wird bei aktiviertem Javascript durchgeführt.

Technische Robustheit
Valides Markup

Die Seite soll gängigen Standards entsprechen, damit auch Nutzer assistiver Technologien sie problemlos nutzen können.

Testverfahren: Die Seite wird via W3C-HTML-Validator einer Validitätsprüfung unterzogen. Nur Fehler, die in der folgenden Liste enthalten sind, führen zu einer Beurteilung als "Nicht bestanden":

 

Seite 17 von 17 Alle Seiten

Navigation