Fluides, liquides, flexibles Layout…es passt sich der Bildschirmbreite an.
Die Angabe einer Maximalbreite ist zu empfehlen, damit die Textblöcke bei großen Bildschirmen nicht zu breit werden.

Der Vorteil:

Das Layout vergibt nicht unnötig Platz bei größerer Bildschirmauflösung (z.B. 1680px), sondern passt sich prozentuell an.
Bei Schriftvergrößerung müssen Sie, falls Sie keinen Riesenbildschirm haben, nicht so schnell querscrollen wie bei Zoomlayouts.
Lange Begriffe in Navigationsleisten haben – bei größeren Bildschirmen – mehr Spielraum für Vergrößerung als bei fixen Layouts.

Beispiel 1: duesselenergie.de

Ungewöhnliches, niedliches Web 2.0 Design für die Stadtwerke Düsseldorf, Formulare mit klaren, mehrfach markierten Fehlermeldungen und mit JavaSript versteckter Hilfe.

Beispiel 2: holocaust-chronologie.de

Wirkt cool und klar, mit sehr überlegter Programmierung. Zu Schriftvergrößerungs- und Kontrast Switchern mag man stehen, wie man will. Der Kontrast reicht für WCAG 2.0 nicht 100%ig aus, auch nicht in der kontrastreichen Version.
Bronze BIENE Award 2006, Sonderpreis „Barrierefreiheit in der IT“ im Rahmen des österreichischen ebiz egovernment award 2008.

Beispiel 3: linz.at

Eine klare, übersichtlich wirkende, seriöse öffentliche Webseite, Manko: keine Maximalbreite.
Bundespreis „Barrrierefreiheit in der IT“ im Rahmen des österreichischen ebiz egovernment awards 2008.

Für gutes Design gibt es Kriterien, ebenso wie für Barrierefreiheit. 100% seriös wollen wir das hier aber nicht handhaben, sondern strikt blogmäßig subjektiv.
Die gelisteten Beispiele entsprechen also primär meinem Schönheits- und Professionalitätsempfinden. D.h. Sie finden hier Beispiele von Seiten, die mir gefallen.

Machen Sie mit

Damit ich aber nicht schamlos nur für meine Freunde und mich Werbung machen muss, bitte ich Sie um Ihre Teilnahme. Per E-Mail oder per Kommentar könnten Sie barrierefreie Webseiten vorschlagen, die Ihnen wirklich gefallen und möglichst auch noch dazuschreiben, wieso.

Wenn ich Sie dann auch herausragend finde, mache ich einen Screenshot davon.

Ein – nicht zu strenger – Nachweis der Barrierearmut ist allerdings Voraussetzung. Ich zeige hier Seiten, die einen Preis gewonnen haben, ein ernstzunehmendes Label tragen, irgendwo als barrierefrei gelistet sind oder durch die Szene einigermaßen abgesegnet wurden. Und die IMHO schick sind!

Die Kategorien, in die ich die Beispiele stecke, entsprechen der Tageslaune. Heute sind das z.B. die folgenden, aber wer weiß, was uns – gemeinsam – noch einfällt:

• Fixes Layout
• Zoom Layout
• Flexibles Layout
• Dunkler Hintergrund
• Typographie
• Ungewöhnlich
• Webzweinullig übersichtlich
• Seriös
• Jung
• Brave Dropdownmenüs
• Progressive Disclosure
• Widgets
• Gute Formulare
• Gute Datentabellen

Beginnen wir mit Showcase Nr. 1: Flexibles Layout.