|
||||
Der perfekte Skiplink?
Moin moin
beschäftige mich zurzeit immer mehr mit Barrierefreiheit auch wenn meine Zielgruppen 100%ig nichts damit zu tun haben. Derzeitig verwirrt mich der Skiplink. Früher hieß es man solle einfach mit CSS display: none; das Teil für normale Besucher ausblenden. Letztens habe ich aber gelesen das Screenreader auch CSS können und somit diesen link auch nicht vorlesen. Ergo benutzt man eine Methode bei der man den Skiplink außerhalb dem Sichbereichs positioniert. Css wäre dann dafür: PHP-Code:
Little Boxes - CSS lernen - Aktuelles - » Ergänzung zu Seite 55: Skip-Link ausblenden MfG Zen Geändert von Zen5656 (13.10.2006 um 14:49 Uhr) |
Sponsored Links |
|
|||
Hallo
Ob das so perfekt ist, kann ich dir leider nicht beantworten. Aber was die Reihenfolge des Vorlesens der Screenreader angeht, orientiert sich die doch an der Reihenfolge im Quelltext. Und wenn ein Screenreader display:none; versteht und es trotzdem vorliest, heißt das ja noch nicht, das er dann aus dem sichtbaren Bereich geschobene Elemente vorliest oder gar an anderer Stelle mit entsprechendem Hinweis wie "außerhalb des sichtbaren Bereiches...". DAS wäre allerdings makaber *scnr* Gruß Christian |
Sponsored Links |
|
||||
So gehts auch und es lesen auch Screenreader noch immer vor:
Code:
#accnav { position: absolute; visibility: hidden; }
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Also ich bin mir jetzt zwar nicht 100%ig sicher aber der Medientyp braille müsste dafür doch ideal sein:
Code:
@media braille { /* Angaben für Screenreader */ } Code:
<link rel="stylesheet" media="braille" href="screenreader.css">
__________________
PHP und Webdesign Blog |
|
|||
Zitat:
[Dementius]
__________________
* html { display: none; } |
|
||||
Ich habe mich inzwischen mal ein bisschen schlau gemacht und das mit den Skiplinks einmal in dem nicht ganz billigen, aber sehr guten Buch Barrierefreies Webdesign von Angie Radtke und Michael Charlier nachgelesen.
Wozu wir Sprungmarken (Skiplinks) brauchen Auf Seite 141 stehen zunächst ein paar grundsätzliche Überlegungen zum Thema. Hier ein kurzer Ausschnitt: Zitat:
Auf Seite 145 steht, das man zum Ausblenden von Sprungmarken nicht auf die CSS-Eigenschaft display:none zurückgreifen kann, "da diese mittlerweile auch von Screenreadern interpretiert wird." Dann folgt ein CSS-Beispiel für die Klasse .unsichtbar, mit der die Sprungmarken ausgeblendet werden: Code:
.unsichtbar { position: absolute; left: -3000px; top: -2000px; width: 0px; height: 0px; overflow: hidden; display: inline; } Im Web kann man sich das übrigens die eigens für das Buch erstellte Beispielseite anschauen: - Bad Seendorf clean - ziemlich zugänglich. - Bad Seendorf alt - vor dem Relaunch.
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao« Geändert von pmmueller (16.10.2006 um 12:36 Uhr) |
|
||||
Zitat:
|
Sponsored Links |
|
||||
Danke für den Link zu Teil 3 des Artikels bei "Einfach für alle". Der gesamte 5-teilige Artikel ist sehr interessant:
- Tutorium: Barrierefreie Navigationsmenüs
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao« |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Perfekte 1 Pixel Linie in Illustrator 14 | wurzelchensen | Grafik, Design, Typografie | 8 | 05.10.2009 11:45 |
Horizontale Navi mit Trennzeichen: perfekte Lösung? | AndreasB | CSS | 29 | 16.05.2009 10:02 |
Skiplink direkt in ein Suchfeld? | andir | Barrierefreiheit | 5 | 13.12.2007 19:53 |
Skiplink zum Inhaltsverzeichnis? | hubspe | Barrierefreiheit | 43 | 21.10.2007 16:24 |