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

Warning: Undefined variable $anmerkung in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 330

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

Warning: Undefined variable $id_array_ in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

Warning: Trying to access array offset on value of type null in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

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)