Usability einer Seite testen, Vorschläge erwünscht

[Marc]

Hallo Malcolm,

Letztere habe ich in meinen Seiten, allein der Usability wegen ; allerdings, aus Designtechnischen Gründen auf display:none;.

Wozu schreibst du überhaupt etwas in Deinen Quelltext, wenn Du es dann mit display:none wieder entfernst? Langeweile?

Aus Gründen der Usability.

Nichts, was Du mit display:none "belegegst" wird irgendjemandem zugänglich sein - außer bei abgeschaltetem CSS. Aber Blinde schalten CSS nicht ab. Screenreader lesen, wie der Name schon sagt, das vor, was am Bildschirm angezeigt wird. Von allem, was mit display:none formatiert ist, bekommen Blinde nichts mit. Mit Usability hat das auch erst etwas zu tun, wenn man CSS abschaltet (mag sein, dass es ein oder zwei Menschen gibt, die das tun, wenn Sie mit dem Handy unterwegs sind - die haben dann auch was von Deinen "Skip-Links" - oder Sprungmarken, wie man sie auf deutsch nennt.

Ansonsten ist das schlicht Arbeitsbeschaffung, was du tust. Guck Dir mal (z. B.) www.oekolandbau.de an. Da siehst Du, wie man solche Links so umsetzt, dass sie funktionieren - und zwar bei Nutzern von Tastatur und bei Screenreader-Nutzern.

Der Trick ist, die Links nciht verschwinden zu lassen, sondern sie mittels CSS aus dem sichtbaren Bereich zu schieben und sie wieder in den sichtbaren Bereich zu holen, wenn sie mittels Tabulator "angesprungen" werden.

Wenn du www.oekolandbau.de aufrufst, drück mal die Tabulator-Taste - ét voila.

Hier übrigens der Code zum Verstecken solcher Links:

.sr-hint {display:inline;  
  height:0;  
  left:-1000px;  
  overflow:hidden;  
  position:absolute;  
  top:-1000px;  
  width:0;  
}

Usability einer Seite testen ; ein Besipiel:

• Man nehme einen Browser, der „Style-Deaktivierung“ unterstützt
• ruft eine Seite auf -- http://dj-tut.de
• Begutäugelt die Seite
• und deaktiviert die Styles der Seite (im FF ; Ansicht - Webseiten-Stil - Kein Stil)

Und das soll benutzerfreundlich sein? Surfst du mit ausgeschalteten Styles durchs web, weil dann alles viel komfortabler ist? - Ich glaube, du hast da etwas missverstanden. Außerdem wirfst Du Barrierefreiheit und Usability ständig durcheinander - das sind verschiedene Dinge!

• und klickt sich durch die Seiten

Vorallem bei Grösseren Seiten wird klar, wie wichtig diese „Unsichtbaren Skip-Links“ für Blinde User sind, die sich ganze Internetseiten vorlesen lassen müssen, siehe http://web.de oder auch http://1und1.de ohne Styles.

Nochmal: kein Blinder schaltet CSS ab! Blinde bekommen hören alles was mit display:none ausgezeichnet ist nicht! Damit verbirgt man ein Element vor jedem User Agent, auch vor Screenreadern!

Die Ansicht ohne Styles ist wichtiger wie die mit Styles.

Vielleicht hättets Du diesen Text mal lesen sollen. Da steht nämlich:

"Im aktuellen Beispiel könnte der Einsatz einer zweiten Navigation sämtliche Probleme lösen und gleichzeitig die Seite noch benutzbarer machen. Dazu stellen wir die eigentliche Navigation hinter den Hauptinhalt, so dass sie sich gemeinsam mit dem Nebeninhalt nun ganz einfach in einer Spalte umsetzen lässt (siehe Grafik oben). Die neue zusätzliche Navigation wird unmittelbar hinter dem Logo eingefügt und für das Ausgabemedium Bildschirm (screen) durch position:absolute; left:-999px; width:990px; (siehe englischsprachige Seite Screenreader Visibility - css-discuss) formatiert, damit sie außerhalb des Anzeigebereichs liegt. Bei der typischen Ausgabe auf dem Bildschirm ist diese zusätzliche Navigation also nicht sichtbar, jedoch erscheint sie für Benutzer mit Screenreadern oder Textbrowsern im richtigen Kontext. Ein bereichsübergreifende Seite display:none kann in diesem Zusammenhang zwar auch den gewünschten Inhalt ausblenden, jedoch wird er dadurch gleichzeitig auch nicht mehr für Screenreader erfassbar, wie sich in der Praxis gezeigt hat. Unsere Popup-Seite Beispielseite hat ihr Problem mit der logischen Abfolge übrigens auch durch die hier beschriebene Art der zusätzlichen Navigation gelöst."

Und noch etwas: für die Gliederung der Seite, vor allem ohne CSS, sind Überschriften, Listen, Absätze, eben strukturiertes HTMl wichtig. Darüber navigieren zum Beispiel auch Blinde, die sich von Überschrift zu Überschrift bewegen können - aber das nur am Rande.

Sorry, ich wollte Dich hier nicht auseinandernehmen, aber ich wollte verhindern, dass jemand glaubt was Du sagst und Seiten falsch barrierefrei macht, so dass keiner was davon hat.

Nichts für ungut...

Viele Grüße,
Marc.