Beispiele aus dem Buch (Abschnitt 2.4: Skalierbarkeit)

Cover: 'Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen' von Jan Eric Hellbusch
"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], das Ende 2004 im dpunkt.Verlag erschienen ist.

Skalierbares Tabellenlayout

Das folgende Beispiel zeigt ein Tabellenlayout (diabsite.de) zunächst bei Standardeinstellung und dann bei vergrößerter Browserschrift.

Ansicht

Darstellung eines skalierbaren Tabellen-Layouts bei Standardeinstellungen

Bei vergrößerte Schrift passt sich das Layout an. Insbesondere die linke Spalte muss breiter werden, wenn die Schrift größer wird.

Ansicht

Darstellung eines skalierbaren Tabellenlayouts bei deutlich vergrößerter Schrift (diabsite.de)

Der Webauftritt skaliert auch herunter, z.B. auch für die Darstellung in einem PDA (Handcomputer):

Ansicht

Darstellung eines skalierbaren Tabellenlayouts im PDA (Personal Digital Assistant, Handcomputer) (diabsite.de)