Kommentare zu: CHIP empfiehlt: macx’ Essay “Barrierefrei” http://macx.de/journal/chip-empfiehlt/ Webstandards im Fokus Mon, 02 Apr 2012 06:26:06 +0000 hourly 1 http://wordpress.org/?v=3.3.2 Von: Daniel http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-364 Daniel Thu, 13 Apr 2006 17:44:11 +0000 http://www.macx.de/journal/chip-empfielt/#comment-364 Man setzt im body 1em, niemals 1.5em. ML hat hier recht. Danach setzt man die Schriftgröße jedem Element entsprechend. Sinnvoller wären fuide Layouts? Ein klares nein hierzu, alle Layouts (Vollfluide, Halbfluide, Fest) haben Vor- und Nachteile. Aber man muss Breiten und Höhen sinnvoll einsetzen. Vorschlag: Mach mal einen :focus für die Links rein, man sieht beim durchtabben nicht wo man ist. Die id "oldbrowsermessage" hat keinen Sinn, was du sagen willst solltest du in deinem Essay sagen oder im lesbaren text der Seite, nicht aber im Quelltext. Ein Screenreader gibt den Text aus obwohl er keinen Sinn hat. Man setzt im body 1em, niemals 1.5em. ML hat hier recht. Danach setzt man die Schriftgröße jedem Element entsprechend.

Sinnvoller wären fuide Layouts? Ein klares nein hierzu, alle Layouts (Vollfluide, Halbfluide, Fest) haben Vor- und Nachteile. Aber man muss Breiten und Höhen sinnvoll einsetzen.

Vorschlag: Mach mal einen :focus für die Links rein, man sieht beim durchtabben nicht wo man ist.

Die id “oldbrowsermessage” hat keinen Sinn, was du sagen willst solltest du in deinem Essay sagen oder im lesbaren text der Seite, nicht aber im Quelltext. Ein Screenreader gibt den Text aus obwohl er keinen Sinn hat.

]]> Von: macx http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-363 macx Thu, 13 Apr 2006 16:46:00 +0000 http://www.macx.de/journal/chip-empfielt/#comment-363 Hallo?! Wo ist die konstruktive Kritik? Dass die Schrift zu groß im IE ist, mindert nicht die Barrierefreiheit, ganz im Gegenteil. Die Barrierefreiheit definiert sich bei der Schrift nämlich dadurch, dass diese frei skalierbar und von vorn hinein groß eingestellt ist. Die Navigation bricht im fixen Layout, das stimmt. Sinnvoller wäre auch ein fluid Layout. Aber deswegen ist die Seite nicht weniger barrierearm. Wenn ich hier wirklich sinnvolle ßnderungsvorschläge lese, baue ich die sofort ein. Dieses Versprechen gab ich in der Vergangenheit und das gilt auch für die Zukunft. Diese "grüne Seite" soll in Verbindung mit der normalen HTML-Version die Vorteile von Webstandards hervorheben. Und natürlich lebt sie auch von den Vorschlägen meiner Leser. Deshalb hier die Bitte: Helft mir sie perfekt zu machen, und wir alle können genau mit diesem Beispiel "Tabellenlayouter" davon überzeugen, umzusatteln.. Hallo?! Wo ist die konstruktive Kritik?

Dass die Schrift zu groß im IE ist, mindert nicht die Barrierefreiheit, ganz im Gegenteil. Die Barrierefreiheit definiert sich bei der Schrift nämlich dadurch, dass diese frei skalierbar und von vorn hinein groß eingestellt ist.

Die Navigation bricht im fixen Layout, das stimmt. Sinnvoller wäre auch ein fluid Layout. Aber deswegen ist die Seite nicht weniger barrierearm.

Wenn ich hier wirklich sinnvolle ßnderungsvorschläge lese, baue ich die sofort ein. Dieses Versprechen gab ich in der Vergangenheit und das gilt auch für die Zukunft.

Diese “grüne Seite” soll in Verbindung mit der normalen HTML-Version die Vorteile von Webstandards hervorheben. Und natürlich lebt sie auch von den Vorschlägen meiner Leser. Deshalb hier die Bitte: Helft mir sie perfekt zu machen, und wir alle können genau mit diesem Beispiel “Tabellenlayouter” davon überzeugen, umzusatteln..

]]> Von: ML http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-360 ML Thu, 13 Apr 2006 14:05:59 +0000 http://www.macx.de/journal/chip-empfielt/#comment-360 Uwe hat Recht. Die Seite enthält eine ganze Reihe Fehler. Von Barrierefreiheit kann hier also gar nicht die Rede sein. Beispiele: font-size: 1.5em im Body sorgt dafür das es im IE bei Schriftgrößenänderung zu extremen Vergrößerungen kommt. Der Skiplink wird mit display: none versteckt. Dadurch ist er weder für Screenreader-Nutzer erreichbar, noch durch TAB (zumindest im Firefox). Nach zweimal STRG + im Firefox rutscht die Subline ins Bild und die Navigation aus dem Rahmen. Außerdem wird XHTML 1.1. mit dem falschen MIME-Typ verwendet. Und durch diesen Doctype sind Sprachwechsel unmöglich auszuzeichnen. Denn kein User-Agent kennt ein HTML-Attribut "xml:lang". Definitiv kein gutes Beispiel für Barrierefreiheit. Uwe hat Recht.

Die Seite enthält eine ganze Reihe Fehler. Von Barrierefreiheit kann hier also gar nicht die Rede sein. Beispiele:

font-size: 1.5em im Body sorgt dafür das es im IE bei Schriftgrößenänderung zu extremen Vergrößerungen kommt.

Der Skiplink wird mit display: none versteckt. Dadurch ist er weder für Screenreader-Nutzer erreichbar, noch durch TAB (zumindest im Firefox).

Nach zweimal STRG + im Firefox rutscht die Subline ins Bild und die Navigation aus dem Rahmen.

Außerdem wird XHTML 1.1. mit dem falschen MIME-Typ verwendet. Und durch diesen Doctype sind Sprachwechsel unmöglich auszuzeichnen. Denn kein User-Agent kennt ein HTML-Attribut “xml:lang”.

Definitiv kein gutes Beispiel für Barrierefreiheit.

]]> Von: macx http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-357 macx Thu, 13 Apr 2006 06:42:00 +0000 http://www.macx.de/journal/chip-empfielt/#comment-357 Ich habe aus der h4 ein p-Element gemacht. Somit sollten nun alle zufrieden sein. ;-) Ich habe aus der h4 ein p-Element gemacht. Somit sollten nun alle zufrieden sein. ;-)

]]> Von: Schnoop http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-354 Schnoop Wed, 12 Apr 2006 19:29:35 +0000 http://www.macx.de/journal/chip-empfielt/#comment-354 Ja, die H4 ist falsch. Du hast Recht, und das Thema ist erledigt..... Ja, die H4 ist falsch. Du hast Recht, und das Thema ist erledigt…..

]]> Von: Uwe http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-353 Uwe Wed, 12 Apr 2006 18:34:38 +0000 http://www.macx.de/journal/chip-empfielt/#comment-353 Sie ist, vor allem bei einer so simlen Seite, aber falsch und hinderlich. Die Seite bietet sonst ja quasi keinerlei Probleme oder "etwas besonderes". Die H4 ist falsch. Sie ist, vor allem bei einer so simlen Seite, aber falsch und hinderlich. Die Seite bietet sonst ja quasi keinerlei Probleme oder “etwas besonderes”. Die H4 ist falsch.

]]> Von: Schnoop http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-352 Schnoop Wed, 12 Apr 2006 16:02:59 +0000 http://www.macx.de/journal/chip-empfielt/#comment-352 Ich denke nicht das eine falsch gesetzte h1 oder h4 etwas an der Barrierefreiheit ändert. Es gibt viel wichtigere Dinge die die Barrierefreiheit sicherstellen. Ich denke nicht das eine falsch gesetzte h1 oder h4 etwas an der Barrierefreiheit ändert.
Es gibt viel wichtigere Dinge die die Barrierefreiheit sicherstellen.

]]> Von: Uwe http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-345 Uwe Tue, 11 Apr 2006 21:38:03 +0000 http://www.macx.de/journal/chip-empfielt/#comment-345 An einer H4 ist schlichtweg falsch, dass du sie als erstes setzt. Es ist keine H4 sondern eine H1. Ob diese versteckt ist oder nicht spielt keine Rolle. An einer H4 ist schlichtweg falsch, dass du sie als erstes setzt. Es ist keine H4 sondern eine H1. Ob diese versteckt ist oder nicht spielt keine Rolle.

]]> Von: Wübke http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-344 Wübke Tue, 11 Apr 2006 21:27:25 +0000 http://www.macx.de/journal/chip-empfielt/#comment-344 Aber deine vielen mit "Hier" bezeichneten Links im letzten Absatz sind nicht barrierefrei. Besser wäre: >Der Mitautor Peter Müller beschreibt das Heft auf seiner Homepage www.infotekten.de genauer. Infos über die Seite über die Barrierefreiheit gibt es im Bereich Artikel, das PDF-Lesebeispiel aus dem Heft "Barrierefreies Webdesign" zum Runterladen. Aber deine vielen mit “Hier” bezeichneten Links im letzten Absatz sind nicht barrierefrei. Besser wäre:
>Der Mitautor Peter Müller beschreibt das Heft auf seiner Homepage http://www.infotekten.de genauer. Infos über die Seite über die Barrierefreiheit gibt es im Bereich Artikel, das PDF-Lesebeispiel aus dem Heft “Barrierefreies Webdesign” zum Runterladen.

]]> Von: macx http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-343 macx Tue, 11 Apr 2006 13:13:08 +0000 http://www.macx.de/journal/chip-empfielt/#comment-343 Was ist falsch an der h4? Meiner Meinung nach sollte die semantische Bedeutung des Hinweises auf das Menü eine ßberschrift sein. Das em benutze ich im ßbrigen sehr wohl als Betonung, denn die grüne Seite gibt es zwei Mal: Einmal erstellt nach den Webstandards und einmal ohne. Da der Titel identisch ist, muss betont werden, welche Version sich der User ansieht. Was ist falsch an der h4? Meiner Meinung nach sollte die semantische Bedeutung des Hinweises auf das Menü eine ßberschrift sein.
Das em benutze ich im ßbrigen sehr wohl als Betonung, denn die grüne Seite gibt es zwei Mal: Einmal erstellt nach den Webstandards und einmal ohne. Da der Titel identisch ist, muss betont werden, welche Version sich der User ansieht.

]]> Von: Uwe http://macx.de/journal/chip-empfiehlt/comment-page-1/#comment-342 Uwe Tue, 11 Apr 2006 13:03:55 +0000 http://www.macx.de/journal/chip-empfielt/#comment-342 Deine grüne Seite ist doch nicht barrierefrei! Schon der Beginn mit einer H4 ist völliger Nonsens. Durchtabben wird nicht gehighlightet. Du benutzt em als Stilmittel und nicht zur Betonung. Deine grüne Seite ist doch nicht barrierefrei! Schon der Beginn mit einer H4 ist völliger Nonsens. Durchtabben wird nicht gehighlightet. Du benutzt em als Stilmittel und nicht zur Betonung.

]]>