Problem Bilder:
Wichtige Informationen, die für das Verständnis des Inhalts oder das Bedienen von Funktionen von Bedeutung sind, dürfen nicht als Hintergrundbilder per CSS eingebunden werden, da sie unter Umständen nicht dargestellt werden.
* Möglichst vermeiden. Wenn FIR –Variante mit Negativwerten wie oben verwenden.
* sIFR ist nicht barrierefrei (das Probleme bei indivduellen Browser Einstellungen)
-> Kompromiss im Design erforderlich
-> Auf jeden Fall Beschreibungen ergänzen.
Updates from June, 2009 Hide threads | Keyboard Shortcuts
-
Claudia
-
Claudia
Thema Navigation Barrierefrei:
Sprungmarken (angemessen) für wichtigste Bereiche verwenden um direkte Navigation zu den Blöcken zu ermöglichen, Titel: „zur Hauptnavigation“. (auch Springen direkt zum Inhalt sinnvoll):Überschriften (h2-h6) für Navigation setzen und direkt über Listelemente setzten
Auszeichnung der Navi für Lesbarkeit mit Screenreadern:
• Nummerierung der Navigation (”1.2.3: Menütitel” -> Leerzeichen beachten und Doppelpunkt setzen). Ziel: „Erschließung der Site-Struktur von beliebigen Einstiegspunkten aus.
• Abstand zwischen Links gundsätzlich einen unsichtbaren Punkt als Trennung setzten (möglichst kein |)
• „Current Link“ in Navi kennzeichnenBeispiel für eine Barrierefreie Navigation:
<div id="menue"> <h2>Navigation</h2> <!-- Die Liste für die erste Ebene --> <ul> <li><a href="foo.html"><dfn>1: </dfn>Struktur</a> <span class="unsichtbar">. </span> <!-- Einbettung der Liste für die zweite Ebene --> <ul> <li><a href="foo.html" title="Über das div-Element"><dfn>1.1: </dfn> Bereiche</a><span class="unsichtbar">. </span></li> <li><strong><dfn>1.2: </dfn><span class="unsichtbar">Standort: </span>Listen</strong><span class="unsichtbar">. </span></li> </ul> </li> <-- Ende der Einbettung der zweiten Ebene --> <li><a href="foo.html"<dfn>2: </dfn>Gestaltung</a> <span class="unsichtbar">. </span></li> </ul> </div>CSS: (kein display: none oder visibility:hidden da das nicht alle Reader das auslesen können.)
span.unsichtbar { position:absolute; left:-1000px; top:-1000px; width:0; height:0;overflow:hidden; display:inline; }-
Andy
Hui, ganz schön viel Kram.
-
Claudia
So wäre es dann “völlig korrekt” nach dieser Meinung:
http://www.einfach-fuer-alle.de/artikel/menues/
-
-
-
Andy
-
Claudia
Seh ich auch so – muss nicht sein.
-
-
Andy
Aha:
Streng genommen würden die ID’s der umgebenden DIV-Tags als Linkziel zum Beispiel für interne Skip Links ausreichen. Leider ist die Unterstützung für dies Form der Navigation selbst in aktuellen Screenreadern noch so unzureichend, dass zusätzliche Tags nach der Art von a id=”inhalt” name=”inhalt”> notwendig sind, um die Ziele der Skip Links auch in alternativen Ausgabeformen erreichbar zu machen.
(Edit) Quelle: http://www.einfach-fuer-alle.de/artikel/efa-relaunch/2006/teil4/
-
Andy
Artikelserie zum Relaunch von einfach-fuer-alle.de:
-
Claudia
Hmm Schriftskalierungsbutton auf Websiten ja/nein?
Das wird sehr unterschiedlich betrachtet
http://www.einfach-fuer-alle.de/blog/id/2232/
Meiner Ansicht nach sollte die Site grundsätzlich nicht die Browserfunktionalitäten nachbilden müssen. Andererseits ist hier bei vielen Nutzern auch kein Wissen über solche Hilfen vorhanden.
…ich bin für weglassen! Die Argumente dagegen überwiegen. Und es macht für Sehbehinderte auch eher Sinn die Grundschriftgröße zu verändern.-
Andy
Ok! Das deckt sich auch damit, dass die meisten Seiten so etwas nicht mehr haben. Das Gleiche denke ich auch von Accesskeys.
http://www.einfach-fuer-alle.de/artikel/bitv-reloaded/anforderung-9/bedingung-9.5/
“Accesskeys/ Shortcuts sollen nur dort eingesetzt werden, wo es für die Anwendung sinnvoll ist. Ihr Einsatz ist konsistent und transparent zu realisieren.”
-
Andy 12:24 on 2009/06/05 Permalink | Log in to Reply
Was heißt “Wenn FIR –Variante mit Negativwerten wie oben verwenden.”?
Claudia 08:57 on 2009/06/08 Permalink | Log in to Reply
Streicht bitte das “wie oben” -> gemeint war das hier:
[html]
span.unsichtbar {
position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline; }
[/html]