Stylesheets
18. Juni 2007
- Webseiten müssen ohne Stylesheets gelesen werden können.
- Prüfen kann man das leicht durch Wegschalten des CSS im Firefox (Ansicht / Webseitenstil) oder mit der Webdeveloper Toolbar.
- Idealerweise bleibt eine lineare HTML Version übrig (keine Layouttabellen).
- Keine Formatangaben (z.b. font, bgcolor, b, i, Hintergrund, Schriftfarbe…) im HTML, möglichst keine Inline Styles, sondern externe Stylesheets.
- Vorsicht bei Wysiwyg Editoren in CMS! Unerlaubte Formatierungsmöglichkeiten für RedakteurInnen ausblenden.
- Vorsicht bei Image Replacement Techniken (siehe Bilder).
- Linkmarkierung für mouseover a:hover auch für TastaturbenutzerInnen sichtbar machen mit a:focus, a:active.
- Jeweils Hintergrund und Vordergrundfarben definieren.
- Für media aural und handheld gibt es noch zu wenig bzw. sehr unterschiedliche Unterstützung.
- Ein print.css, das die Navigation ausblendet, sollte selbstverständlich sein.
- Styleswitcher: Verschiedene CSS auf Webseiten zur Auswahl – z.B. Farb-, Kontrastvarianten – sind nette Features, UserInnen, die sie wirklich brauchen, verwenden aber vermutlich Zoomsoftware (die Seiten auch mit Farbfiltern versehen kann) oder individuelle Benutzereinstellungen, weil sie Farb- oder Kontrastanpassungen im normalen Computeralltag auch benötigen.
- Manche UserInnen mit starker Sehbehinderung schätzen eigens für sie gestaltete einspaltige Versionen mit größerer Schrift und nicht blendendem Hintergrund, die sich sehr groß skalieren lassen. Andere wiederum bevorzugen die “normale” grafische Version zur Gesamtorientierung und scrollen lieber quer beim Zoomen.
- Screenreader interpretieren CSS auch. Mit display:none oder visibility:hidden versteckte Teile zeigen auch Screenreader nicht. Für Navigationsunterstützung (Sprungmarken, unsichtbare Headlines) gibts derzeit nur die alle ProgrammiererInnen schmerzende Lösung, sie mit Minuswerten außerhalb des Bildschirms zu positionieren.
- Info auf der W3C Seite: Accessibility Features von CSS.