Projekt: Barrierefreies Internet
Faustregeln für barrierearme Webseiten
Da sich barrierearmes Design nicht auf "Knopfdruck" erreichen lässt, haben wir die von unserem Standpunkt wichtigsten Maßnahmen als 'Faustregeln' notiert:
Strukturelle Regeln:
- Valider Code: (X)HTML und CSS werden von den Tools des W3C validiert
- Die verwendete Sprache ist angegeben: Attribut lang="de" am htmlTag
- Keine Frames: Menüs, Kopf- und Fußbereiche werden per Include eingebunden
- Keine Tabellen als Layoutinstrument: Elemente werden per CSS-float ausgerichtet
- Es gibt keine extra Druck oder Textversion
- Der Text wird durch strukturelle Tags (Überschriften, Absätze …) gegliedert
Funktionale Hinweise:
- Alle Funktionen sind auch ohne Javascript, Flash oä. zugänglich
- Alle wesentlichen Inhalte kommen ohne Browserplugins aus (dh. auch, wesentliche Inhalte stecken nicht in PDFs)
- Die Seite funktioniert in aktuellen Browsern (Firefox, Opera, Safari, IE6/7/8) ohne Einschränkungen
- Die Schriftgöße muss sich problemlos vergrößern lassen, auch in älteren Browsern wie IE6
- Die Seite ist auch ohne CSS und/oder ohne Bilder nutzbar und funktioniert auch in einem Textbrowser
- Die Druckausgabe verzichtet auf die Ausgabe überflüssiger Elemente, wie Kopf und Menüs
Details:
- Auch Formulare o.ä. werden nicht mit Tabellen formatiert
- Formulare verwenden fieldset und label Tags
- input Tags ohne Label haben alt-Attribute
- Sprachwechsel innerhalb der Seite sind ausgezeichnet
- Wichtige Links und Bilder werden mit title-Tags näher erläutert
- Links, die nur aus Bildern bestehen, werden immer mit title-Tags ausgezeichnet
- Links öffnen neue Fenster und PopUps nur mit Ankündigung
- Verlinkung anderer Medien (z.B. PDF-Dokumente) wird immer angegeben
- Im Text werden statt Layout-Tags (fett, kursiv, …) Kontext-Tags (betont, stark betont, …) verwendet
- …