zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Skiplinks - Was sollte ich verlinken?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.03.2009, 15:43
XHTML/CSS Freak since '07
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2009
Beiträge: 28
Manko befindet sich auf einem aufstrebenden Ast
Standard Skiplinks - Was sollte ich verlinken?

Zurzeit beschäftige ich mich etwas intensiver mit dem Thema Barrierefreiheit. Dort tauchen unter anderem immer wieder diese sogenannten SkipLinks auf.
Die technische Umsetzung dieser ist nicht wirklich das Problem, vielmehr die Frage: Was sollte ich verlinken und gibt es da Einschränkungen bezüglich der Anzahl (aus Sicht der Usability)?

Mein aktueller Vorschlag:
  • Zu aller erst: Navigation (befindet sich auf der rechten Seite)
  • Zum Inhalt
  • Zur Sitemap
  • RSS Feed
  • Hilfe

Wie zu sehen/erwähnt ist, sehe ich das mit der Anzahl noch etwas skeptisch. Sollte ich wirklich soviele Skiplinks generieren? Oder wäre es evtl. besser, wenn ich da einfach auf AccessKeys ausweiche?

Freue mich auf Eure Meinungen!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.03.2009, 15:49
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.035
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Vor einiger Zeit haben wir glaube ich hier im Forum schon einmal über Skiplinks diskutiert. Ich weiß nicht ob es aus dieser Diskussion hervor ging, aber ich beschränke die Skiplinks auf maximal drei, in der Regel sind es sogar nur zwei (zum Inhalt und zur Navigation).

Über Accesskeys wurde auch schon gesprochen, ich würde komplett darauf verzichten. Wenn ich mich recht erinnere, dann bereiten sie mehr Probleme anstatt hilfreich zu sein.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.03.2009, 16:18
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

ich halte es da wie "inta", ein bis höchstens drei Skiplinks.

Meistens "Zur Navigation" und "Zum Inhalt".
Wenn direkt nach dem header die Navi kommt sogar oben nur einen "Zum Inhalt" und unten im footer dann zwei:
"Zurück zur Navigation" u. "Zurück zum Anfang Inhalt".

Für "Tabber" definiere ich noch zusätzlich "skiplinktabs", das sieht dann so aus:
HTML-Code:
<ul>
        <li class="skiplink"><a href="#inhalt" class="skiplinktab">Zum Inhalt springen</a></li>
        <li class="skiplink"><a href="#navigation" class="skiplinktab">Zur Navigation springen</a></li>
     </ul>
CSS ist ungefähr so:
HTML-Code:
.skiplink  {
     position:absolute;
     top:-9999px;
     left:-9999px;
     width:0px;
     height:0px;
     display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
    position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	width:14em;
	height:auto;
	background-color:yellow;
	color:#000;
	padding:1em;
	border:2px solid #336699;
}
header und footer bekommen noch position:relative;, damit die Tabkästchen in diesen Bereichen aufpoppen.

Quelle: Little Boxes 2
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #4 (permalink)  
Alt 19.03.2009, 01:13
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Kommt auch auf die Seite an.
Machmal mag auch "Navigation überspringen" und im Footer "zum Seitenfang" reichen.
Oder / und eine für alle sichtbare, zusätzliche Navigation im Footer.
__________________
MfG
Jens

Geändert von plastiko (19.03.2009 um 01:19 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 19.03.2009, 09:32
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.038
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Skiplinks sind für bestimmte Nutzerkreise gedacht: entweder Tabber oder Leute mit Seheinschränkungen. Die Nützlichkeit richtet sich nach der jeweiligen Seite:
Kommt eine Navi zuerst oder gleich der Inhalt: Hat die Webseite viele Unterthemen / Unterseiten oder nicht?
Danach sollte sich grob auch der Umfang der Skiplinks bemessen, auch wenn man sagen muss: Meist ist weniger mehr. Mehr als drei würde ich auch nicht verwenden wollen, aber ich betreibe auch keine Seite mit Hunderten von Unterthemen.

Vieles ist von Annahmen des Autors bestimmt, die Heterogenität der Skiplinknutzer ist enorm: Vielleicht nutzt die nicht jeder oder manche springen per Überschriftenfunktion, manche wollen sowieso erstmal die Seite kennenlernen usw. usw.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #6 (permalink)  
Alt 19.03.2009, 11:45
Benutzerbild von Thomas Hey'l
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 25.11.2005
Ort: Frankfurt am Main
Beiträge: 119
Thomas Hey'l befindet sich auf einem aufstrebenden Ast
Standard

Hallo!

Ein sichtbarer Skiplink zum Inhalt kann durchaus sinnvoll sein. Beispiel bei uns: Wir haben teils lange Menüs. Der Skiplink wird oft von Besuchern mit Handys benutzt, um das viele "nach unten"-Geklicke zu vermeiden. Ich dazu schon Feedback.

Viele Grüße, Thomas
__________________
Eisenbahnmodelltechnik
Mit Zitat antworten
  #7 (permalink)  
Alt 19.03.2009, 12:43
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von Thomas Hey'l Beitrag anzeigen
Ein sichtbarer Skiplink zum Inhalt kann durchaus sinnvoll sein.
Ganz deiner Meinung. Wir verwenden seit längerem sichtbare Skiplinks. Uns hat dabei die ungewöhnlich hohe Akzeptanz gerade auch von sehenden Usern überrascht. Die Zustimmungsrate stieg nochmals signifikant an, seitdem wir Skiplinks etwas plastischer als "Schnellwahl" bezeichnen. Inzwischen sehen wir aufgrund des Feedbacks diese sichtbare Schnellwahl als ein Feature an, das uns etwas vom Wettbewerb abhebt.
Mit Zitat antworten
  #8 (permalink)  
Alt 19.03.2009, 13:02
Benutzerbild von Thomas Hey'l
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 25.11.2005
Ort: Frankfurt am Main
Beiträge: 119
Thomas Hey'l befindet sich auf einem aufstrebenden Ast
Standard

Hallo EvT!

Zitat:
Uns hat dabei die ungewöhnlich hohe Akzeptanz gerade auch von sehenden Usern überrascht.
Seid sie sichtbar sind, gehen bei uns auch die Links zu den <longdesc>-Bildbeschreibungen sehr gut. Ob es nun Neugierde ist oder der Wunsch nach Zusatz-Infos oder einfach der, sich eine Beschreibung 'mal eben zu speichern - es läuft (wir haben 333 Beschreibungen, die für 452 Bilder gelten). Sie wurden im Februar immerhin 343 mal aufgerufen, und das nicht von Bots!

Dazu noch zwei Tipps. Wenn sich (wie bei uns öfter) der Text eines Abschnitts auf die "sichtbaren" Bilder bezieht, setze ich den Link zur Beschreibung der Bild gerne an den Anfang des Abschnitts, bevor ich mich auf die Bilder beziehe. So können sich Blinde vorab "ein Bild machen". Ausdrücke wir "im Bild rechts" vermeide ich, statt dessen schreibe ich "im dritten Bild dieses Abschnitts".

Viele Grüße, Thomas
__________________
Eisenbahnmodelltechnik
Mit Zitat antworten
  #9 (permalink)  
Alt 19.03.2009, 19:41
XHTML/CSS Freak since '07
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2009
Beiträge: 28
Manko befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die umfangreichen Antworten zu diesem doch recht interessantem Thema! Und ein Dankeschön an hubspe, für die technische Umsetzung, hatte das bis jetzt nur über eine Liste gelöst, jedoch nicht mit Skiplinks die an gleicher Stelle bleiben - wieder ein Problem weniger.

Habe mich Eurer Meinung angeschlossen: Benutze jetzt maximal auch 3 Links - Zur Navigation, Zum Inhalt und einen zur Hilfe. Außerdem auch noch einige am Ende meiner längeren Navigationsliste. Wie seht Ihr das mit dem Skiplink "Zur Hilfe"? Hab da bis jetzt noch keine genaueren Ratschläge, aber ich glaube das ist schon sinnvoll und sollte eher weiter vorne positioniert werden.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 22.03.2009, 01:04
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.640
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Wenn als erster Bereich in Deiner Seite die Navigation kommt, kannst Du Dir einen Link dorthin auch sparen.

Für wichtig halte ich in diesem Zusammenhang eines: als erstes sollte der Seitentitel kommen, dann die Sprunglinks.
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Skiplinks funktionieren nicht DieterWelzel Barrierefreiheit 17 14.04.2009 20:47
div Container im IE mit <a></a> verlinken funktioniert nicht... goldenboy CSS 2 20.10.2008 16:13
Verzeichnis verlinken - Windows Explorer? fabske (X)HTML 2 02.04.2008 12:58
Position von Skiplinks Dieter Barrierefreiheit 47 23.01.2008 12:39
Sprachliche Definition Skiplinks laborix Barrierefreiheit 32 08.01.2008 21:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:01 Uhr.