CSS-Design in 3 (oder 5) Schritten

CSS und Barrierefreiheit

Die Website [extern, deutschsprachig] http://wob11.de weist insbesondere für Sehbehinderte ein Höchstmaß an Barrierefreiheit auf.

CSS lässt sich den Bedürfnissen des Benutzers gut anpassen. Die "normale" Ansicht:

Screenshot: wob11.de-Startseite

Skalierbare Schrift ermöglicht eine schnelle Anpassung (STRG + Mausrädchen), z.B. große Schrift:

Screenshot: wob11.de-Startseite mit großer Schrift

Ein Design mit CSS ist vor allem für Sehbehinderte vorteilhaft, z.B. ein skalierbares Layout:

Screenshot: wob11.de-Startseite bei Bildschirmauflösung 640 x 480

Auch der Einsatz von benutzereigenen CSS-Dateien ist auf wob11.de möglich.

Screenshot: wob11.de-Startseite mit benutzerdefinierter Darstellung

Über das CSS-Design

Lesen Sie, [intern] warum ich mich an die Standards halte und warum das Layout mit [intern] Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der [intern] Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?


Entspricht die Seite den W3C-Normen?


validiertes XHTML 1.0
validiertes CSS

Die [intern] Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das -Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie [intern] Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.

 

[intern] Startseite [intern] Know-How [intern] Bücher [intern] Richtlinien [intern] Links [intern] Kontakt

Logo: Xplain  Die Entstehung