[Dieter]

Hallo, zusammen!

Wer von Euch setzt denn <dfn> und <strong> (für inaktive Links) in der Navigation ein? Ich möchte mir gern mehrere dieser Seiten in einem Praxistest ansehen.

Mich interessiert vor allem die Reihenfolge:

<li><dfn>x </dfn><strong>Text</strong></li>

dürfte wohl das Günstigste sein. Für SR-Nutzer und ohne CSS.

[Stefan Kutz]

Zitat von Dieter

Hallo, zusammen!

Wer von Euch setzt denn <dfn> und <strong> (für inaktive Links) in der Navigation ein? Ich möchte mir gern mehrere dieser Seiten in einem Praxistest ansehen.

Moin Moin Dieter,

bei arge SGB II im Kreis Plön - Startseite habe ich auf Anraten vom BIK im Menü <dfn> eingebaut, statt <strong> allerdings mit der Variante <em>.

Gruß aus dem hohen Norden
Stefan

[Dieter]

Hallo, Stefan!

Danke Dir für den Link!

Deine Anordnung:

<li><dfn>1 </dfn><em>Startseite</em></li>

Deinen Code habe ich jetzt mal um di li-Klasse verkürzt, ist dann übersichtlicher.

Was mich zu diesem Test bewegt hat:
a) Browserdarstellung ohne Autorenstile
Das, was wir hier schon mal "ohne CSS anschauen" nennen, trifft ja nicht wirklich korrekt zu. Wenn wir die Autorenstile abschalten, greift der Browser ja auf sein default-CSS zurück und dies enthält sehr wohl viele CSS-Angaben zu Eigenschaften/Werte-Paaren. Vor allem die Eigenschaften display, margin, padding, font-size, font-weight, border und sehr viele weitere sind mehr oder weniger "gehorsam" an den Kann-/Soll-/Muss-Vorgaben der W3C-Spezifikationen ausgerichtet. (Eine Seite völlig ohne CSS liefert uns im Grunde genommen nur der Texteditor - aber dies nur so nebenbei angemerkt!)

Was mich hier interssiert: welcher Browser stellt bei deaktiviertem Autorenstil die Kombination <dfn> und <strong> wie dar? Und welche weiteren Faktoren (HTML-Umgebung und Quelltextanordnung, etc. können dieses Aussehen beinflussen?

b) Auswirkungen auf das Vorlesen im Screenreader
<em> oder <strong>;
<dfn> vor <strong> oder <em>;
<dfn> in <strong> oder <em> verschachtelt;
etc.

Da ich das Ganze nicht nur anhand meiner eigenen Seite testen möchte (Gewöhnung macht auch schon mal betriebsblind! ), bitte ich um weitere Links oder Meinungen!

Danke sehr!

[Stefan Kutz]

Die Seite ist für Delorie freigeschaltet.

Das sieht dann so aus:
LynxView: http://www.arge-kreis-ploen.de/

Ansonsten nutz doch zb die Firefox-Accessibility-Toolbar. Da kannst du per Klick das CSS deaktivieren und hast deine CSS-freie Ansicht.

Edit:
<em> wird, wenn ich nicht irre, ohne CSS-Änderung und bei abgeschaltetem CSS kursiv dargestellt. So wirft es Lynx und auch der Firefox bei deaktiviertem CSS aus.
Du kennst für Firefox die Accessibility-Toolbar? Echt praktisch das Teil.

[Geronimo]

Ich verwende strong.

[Dieter]

Hallo, Stefan!

<em> wird, wenn ich nicht irre, ohne CSS-Änderung und bei abgeschaltetem CSS kursiv dargestellt. So wirft es Lynx und auch der Firefox bei deaktiviertem CSS

Mir geht es ja eben nur um die Ansicht mit deaktivierten Autorenstilen, also Browser-default-CSS. Denn die Ansicht ganz ohne CSS interessiert mich nur, wenn Fehler in der Verschachtelung auftreten würden.

Was für SR-Nutzer aber wichtig ist, ist die Reihenfolge von <dfn> und <strong>/<em>. Die sollte schon sinnvoll sein! Vor kurzem habe ich nämlich eine Seite gefunden, da kam <dfn> nach dem Text in <span class="xxx"> für den inaktiven Link - kein guter Standort für eine <dfn>!

[Stefan Kutz]

Zitat von Dieter

[...] also Browser-default-CSS. [...]

Bin ich jetzt zu blöde? *g*

Meinst du sowas?

[Dieter]

Hallo, Stefan!

Jeder Browser hat für den Fall, dass ein Webautor keine eigenen Angaben zu bestimmten Eigenschaften eines Elementes macht, eigene Stile "an Bord".

Schau mal in Deiner Programmstruktur auf der Festplatte in den Ordner "Mozilla Firefox", dort findest Du unter "res" eine Datei namens "html.css" und weitere CSS-Dateien. Dort ist abgelegt, wie der Browser welches Element darstellt, wenn CSS deaktiviert ist oder der Autor keine Angaben macht. Wie sollte der Browser sonst auch wissen, dass er <hx> fett und display: block darstellen soll?

Ohne dieses default-CSS würde eine Seite bei deaktiviertem Stil ja aussehen wie im Texteditor und wäre sehr schwer zu lesen. Mit den default-Werten sind sie aber sehr gut (linear) lesbar und damit nutzbar.

Und dann sieht es so aus wie in Deiner Abbildung!

[Stefan Kutz]

Zitat von Dieter

[...]Und dann sieht es so aus wie in Deiner Abbildung!

Ah, dann habe ich es jetzt verstanden. *g*

Das Accessibility-Tool für den Firefox gibts hier falls du es noch nicht nutzen solltest:
https://addons.mozilla.org/de/firefox/addon/5809

Damit lässt sich die Seite per Mausklick mit dem Standard-CSS anschauen. Und es sind viele andere Nützliche Test-Funktionen enthalten.

[Dieter]

Hallo, Stefan!

Danke für den Tipp, aber das Tool habe ich bereits. Es taugt meiner Meinung nach aber nur sehr bedingt zum Testen der Barrierefreiheit, weil es
a) nicht jeder (Betroffene) installiert hat,
b) andere Darstellungen als die Hilfestellung des Browseres bringt und somit kein praxisgerechtes "Simulieren des Useres" möglich ist.

Dieses Tool ist aber für einen Autor eine zusätzliche Möglichkeit, unter anderem Struktur und Logik einer Seite zu überprüfen.