Der Focus, nun wirklich barrierefrei

23. Januar 2006 Bisher 4 Kommentare

Focus onlineEric Eggert hat sich die Zeit genommen, und die Webseite des Focus nach semantisch-schlichtem XHTML nachgenaut. Was dabei herauskam ist einfach fantastisch.

Eric Eggert zeigt mit seinen S5-Webseiten in deutsch Informationen über den Präsentationsmodus, den ich hier besprochen hatte. Dinge aus diesem Präsentationsmodus nutzte er auch bei der Nachbildung der Focus-Startseite. Vergrössert man im Browser den Schriftgrad, wachsen die Bilder mit, das Layout bleibt absolut in Takt.

Genau so stelle ich mir als Designer die Vergrösserungsfunktion vor. Ich werde mir das einmal in Ruhe ansehen und auf macx.de einbauen.

Danke an Eric für die super Arbeit!

via praegnanz.de

Update: Auf Grund des Ansatzes von Eric ergab sich eine Diskussion pro und contra Liquid-Layout. Eric fasst die Fragen zusammen und antwortet in diesem Beitrag.

Kommentare

Einen eigenen Kommentar schreiben

  1. 1 Peter schrieb am 19. Januar 2006 (17:01 Uhr)

    Zunächst: Nichts gegen die Arbeit von Eric, sie ist super und ein echter Meilenstein. Wird hoffentlich auch was bewirken!

    Nur die Vergrößerung gefällt mir nicht so sehr. Diese Vergrößerung gefällt zwar Designern, weil das Design erhalten bleibt (wie du ja treffend anmerkst), leider geht sie am Sinn einer Vergrößerung teilweise vorbei: wenn ich vergrößere bekomme ich automatisch Scrollbalken in der Horizontalen – das Lesen wird also durch die Vergrößerung erleichtert und sofort wieder erschwert. Ich würde Usability hier höher einschätzen als das Layout. Wer wirklich schwer sieht und hohe Zooms braucht, dem ist das Layout eh egal … waagrechte Scrollbalken dagegen schmerzen und schaffen wieder Barrieren.

    Diese Art Vergrößerung haben wir eigentlich schon immer, nämlich im PDF. Gerade das unterschiedliche Zoomverhalten und die zwangsläufige Umbruchänderung bei HTML-Zooms macht Webseiten zugänglicher und “handsamer” als PDFs. Zumindest für mein Gefühl.

  2. 2 macx schrieb am 19. Januar 2006 (18:01 Uhr)

    Da ist absolut was dran, was du sagst. Allerdings empfinge ich es auch als sehr befremdlich, wenn das Layout wegbricht und ich die Zusammenhänge ggf. nicht mehr herstellen kann. Ich werde den Ansatz auf jeden Fall einmal übernehmen, besonders bei den Bildern. Denn dass die auch reinzoomen ist wirklich barrierefrei.

  3. 3 Retrax schrieb am 27. Oktober 2006 (19:10 Uhr)

    Hallo,

    lese den Artikel erst jetzt :)

    Ich benute Erics Ansatz schon länger ohne daß mir Eric bekannt war, und bei mir gibt es bei der Vergrößerung der Schrift auch keinen horizontalen Scrollbalken, da der Text durch ein max-width elastisch bleibt.

  4. 4 macx schrieb am 27. Oktober 2006 (19:10 Uhr)

    Das klingt doch gut.

Antwort schreiben

Kommentare neuer Teilnehmer werden auf Grund von hohem SPAM-Aufkommen zunächst von mir freigeschaltet, bis sie online erscheinen. Textile kann benutzt werden.

(wird nicht veröffentlicht)