HomeWebdesignWaveNetWerbegrafikProdukteNewsLinksServicesWebmail
TYPO3
Grundlagen
Barrierefreies Design
XHTML
Designstudien
Websites
e-commerce
Referenzen
Kontaktinformationen:
an image
R. OBERMAYR Internet-Services
3350 Haag, Holzleiten 83
E-Mail

Phone: +43 (0) 7434 42181
Barrierefreies Webdesign

Barrierefreiheit ist beim Webdesign noch immer nicht selbstverständlich.

Dabei ist es recht einfach, die geforderten Standards einzuhalten. Manche "Designer" glauben immer noch, es sei wichtiger, einen so genannten "Eyecachter" herzustellen, als ich um Standards zu kümmern. Dazu gehört auch das inzwischen nicht mehr so beliebte Flash. Oftmals wird schlicht und einfach auch vergessen, dem Browser mittels DOCTYPE mitzuteilen, um welches Dokument es sich handelt. Das Ergebnis sind dann Websites, die in jedem Browser anders aussehen. Als Begründung wird dann oft eine "Inkompatibilität" des Browsers angegeben.

Modernes Webdesign basiert auf dem Standard XHTML und CSS. Damit kann man sehr wohl Websites erzeugen, die in allen Browsern gleich aussehen. Und das sogar ohne besondere "Hacks" für IE und Konsorten.

Entscheidungshilfe

Basierend auf XHTML und CSS sehen Sie unten verschiedene Varianten eines Systems mit fünf Grundkomponenten: Kopfleiste, Inhalt, Navigation, Weitere Infos und Fußzeile.

Ein Klick auf das gewünschte Layout bringt Sie zu einem Live-Demo, in welchem Sie auch beliebig Text hinzufügen können. So sehen Sie sofort, wie sich das gewünschte Layout mit mehr oder weniger Text - z.B. auch bei Änderung der Fenstergröße -  verhält.

3 Spalten - prozentuell aufgeteilt
3 Spalten - feste Breite
3 Spalten - Inhaltsspalte flexibel
3 Spalten - 2 Spalten flexibel
3 Spalten variabel
Blaue Spalte fix
3 Spalten variabel
Orange Spalte fix
3 Spalten variabel
Blaue Spalte fix
3 Spalten variabel
Orange Spalte fix
Seitenspalte fix, Inhalt flexibel
Seitenspalte fix, Inhalt flexibel
prozentuell fixiert
prozentuell fixiert
einspaltig
+ 2x 50%
einspaltig
+ 2x 50%
2 Spalten
Prozentuell geteilt
Prozentuell geteilt
Seitenspalte fixe Breite
Seitenspalte fixe Breite
2 Spalten fixe breite