SCHRANKENLOS.CH - KONZEPTARBEITEN

Die Inhalte aufgeschlüsselt zur Navigationsstruktur

Update: 21.06.2004 - 11:45 /ama

G = Gestaltung / Farbe
N = Navigation / Links
T = Text / Schrift
TAB = Tabellen
F = Formulare
P = Programmierung
M = Multimedia

Wahrnehmung: Einzelne Punkte

M Beschriftung von Grafiken: Bilder und Grafiken sind über das ALT-Attribut klar verständlich beschriftet
N Imagemaps: Bei Imagemaps werden die Regionen mittels alt-Attribut und redundanten Textlinks gekennzeichnet
M Beschreibung von Grafiken: Wichtige Grafiken werden zusätzlich mit LONGDESC textlich beschrieben
M Multimedia: Multimedia-Inhalte werden nicht nur sichtbar, sondern auch hörbar beschrieben
G Farbe: Mit Farbe übermittelte Informationen müssen auch ohne Farbe verfügbar sein
G Farbkontraste: Der Kontrast zwischen Vorder- und Hintergrundfarbe erlaubt leichtes Lesen, auch bei Invertierung der Farben
N Links: Links müssen vom Fliesstext klar unterscheidbar sein
N Texte für Links: Texte für Links müssen auch dann noch Sinn machen, wenn sie ausserhalb des Zusammenhangs gelesen werden
T Schrift: Die Fontwahl eignet sich für das Vergrössern,es gibt keine Texte in Bildern
T Schriftgrösse: Schriftgrösse im Code nicht absolut, sondern relativ festlegen
T Textplazierung: Texte linksbündig anordnen
T Schriftformatierung: Die Schriftformatierung erfolgt mit CSS
G Gestaltung: Die Gestaltung und das Layout erfolgt mit CSS
G Aufbau: Aufbau des Dokumentes in logischer Reihenfolge, damit die Abfolge auch bei abgeschaltetem CSS korrekt angezeigt wird
P Scripts: Seiten sollen auch bei ausgeschalteten Scripts verwendbar sein
P Navigation: Eine Navigationslösung mit CSS soll auch bei ausgeschaltetem Javascipt funktionieren
P Noscript: Ist eine Seite bei ausgeschaltetem Script nicht mehr verwendbar, so müssen Informationen auf einer alternativ zugänglichen Seite bereitgestellt werden

Bedienbarkeit: Einzelne Punkte

F Formulare: Die Beschriftung eines Formularelementes ist mit dem Element explizit verknüpft
F Schaltflächen: Schaltflächen sind so gross, dass sie für Menschen mit eingeschränkter Motorik mit der Maus bedienbar sind
N Tabulatoren: Alle Bedienungselemente sind mit der TAB-Taste erreichbar
N Navigation: Die Navigation am Seitenkopf ist durch einen Link überspringbar
P Reload: Die Seite wird nie automatisch frisch geladen bzw. weitergeleitet
M Flackern: Es gibt keine Animationen oder bewegte Bilder, welche ein Bildschirmflackern verursachen
G Lesen: Das Lesen wird durch keine blinkenden oder bewegten Inhalte oder Laufschriften erschwert
M Toneinblendungen: Toneinblendungen sind abschaltber und stören somit das Arbeiten mit einem Screenreader nicht
N Links: Nebeneinander liegende Text- und Bildschirmlinks, welche auf dasselbe Ziel verweisen, werden zusammengefasst
T Titel: Jede Seite trägt einen aussagekräftigen Titel

Verständlichkeit und Orientierung: Einzelne Punkte

TAB Datentabellen: Zeilen- und Spaltenbeschriftungen verwenden, Kopfzeilen in nachfolgenden Zeilen referenzieren, Tabelle mit SUMMARY beschreiben
TAB Layouttabellen: Layouttabllen nur verwenden, wenn auch bei einer Linearisierung ein Sinn entsteht
G Frames: Frames mit kurzen und aussagekräftigen Namen und Titeln versehen
T Text: Texte mit HTML-Strukturelementen in kurze, überschaubare Abschnitte unterteilen
T span class="fett">Sprache: Sprache des Dokumenttextes identifizeren und fremdsprachige Elemente kennzeichnen
T Abkürzungen: Abkürzungen mit HTML-Attributen kennzeichnen
T Formulierungen: Klare und einfache Sprache verwenden
N Navigation: Die Navigationsmechanismen werden in stets gleichartiger Form verwendet
G Präsentation: Der Präsentationsstil ist über alle Seiten hinweg gleichartig

Robustheit: Einzelne Punkte

N Dateien: HTML-fremde Inhalte (PDF-Dateien, usw.) sind beim Link mit Typ und Grösse gekennzeichnet
N Pop-Up-Fenster: Pop-Up-Fenster nur nach Vorankündigung öffnen
P Doctype: Auf jeder Seite gibt es ein DOCTYPE-Statement mit einer Validierung gegen einen Standard
P W3C: Es müssen aktuelle W3C-Techniken genutzt werden
G Textversion: Es ist in der Regel auf gesonderte Textversion einer Webseite zu verzichten. Wird das in Ausnahmefällen doch gemacht, so muss die Textversion möglichst vollständig der grafischen Version entsprechen

| nach oben | zurück |