Typolight - Core - Barrierefreiheit - Skiplinks

[Acta]

Hi,

Ich habe da mal ne Frage zum Typolight Standart.

Ich habe eine Seite mit #head #left #right und #main.

Mein Problem was ich jetzt habe ist, dass mann beim durch tabben/ tappen der Links immer erst Header Left und Right durch klicken muss um dann auf Main zu landen.

Für Blinde ist das ein großer Mehraufwand. Gibt es eine Möglichkeit #main vor #right zu ziehen? Da im Menü rechts eh nix wichtiges steht...

[xchs]

Naja, da liegt eben daran, dass diese Inhaltscontainer im Seitentemplate genau in dieser Reihenfolge auftauchen. Ich weiß nicht, ob es wert ist, extra das Seitentemplate anzupassen, nur um diese Reihenfolge zu ändern...

Ein Möglichkeit wäre, mit Hilfe von Skiplinks direkt zu Deinem Hauptinhaltsbereich zu springen

[Acta]

Also standart mäßig gibts ja die Navigation überspringen Links.

Wie genau würde das mit den Skiplinks funktionieren? Bau ich die ins Template ein? Oder muss ich jede Seite extra anfassen?

Am Liebsten wäre mir ein Modul welches ich dann via Gruppenrechte ein und Ausblenden lassen kann.

[xchs]

Du könntest Dir ein Modul "HTML-Code" anlegen und dort den Code für Deine Skiplinks eingeben. Dann hast Du die Möglichkeit, diese Modul beliebig in Deinem Seitenlayout zu platzieren z.B. im Header. Musst halt aufpassen, dabei nicht die Funktionalität der bereits vorhandenen zu "zerstören"

[Acta]

Also ich habe mal folgendes Verwendet... noch ohne erfolg da ich immer wieder auf die Startseite gelange....

Für das Linken bzw Rechten teil:

<a href="#skip">zum Inhalt</a>

Für den Mittelteil

<a id="skip" name="skip"></a>

Wie gesagt werde ich leider immer zur Startseite geleitet ...

[xchs]

Probiere mal das hier:

<a href="{{env::request}}#skip">zum Inhalt</a>

[Acta]

Erste klasse:

Ich fasse also für interessierte Zusammen:

Zwei Module erstellen... (Eigener HTML - Code)

Der Code für die Weiterleitung schaut so aus:

<a href="{{env::request}}#skip">zum Inhalt</a>

Der Code für das Ziel so:

<a id="skip" name="skip"></a>

Für Leute die sowas auf einer Homepage standartmäßig einbauen wollen ist noch CSS notwendig.

Infos hierzu (Anleitung) findet ihr hier:

http://webdesign.weisshart.de/skiplinks.php

[Sebastian]

HI

bei Websites die stark barrierefrei sein sollen verwende ich immer das Holy-Grail-Layout.

Natürlich ist dazu eine Templateanpassung nötig.

Und zusätzlich kommt im Seitenlayout ein HTML-Modul zuerst, das per Inserttags verschiedene Seiten und Bereiche der aktuellen Seite anspringen kann. Diese Links lasse ich beim Erhalt des Fokus auch per absoluter Position mit Icon groß in der Mitte des Bildschirmes anzeigen.

Wenn dich das CSS interessiert, kann ich gerne einen Link per PM schicken.

Sebastian

[xchs]

Ich "begnüge" mich in solchen Fällen vorerst auf den Möglichkeiten, welche durch das YAML-Framework geboten werden. Dort werden in der aktuellen Version eventuell vorhandene Skiplinks ganz oben am Seitenanfang per Balken relativ gut sichtbar eingeblendet.

[Acta]

Wie gesagt in dem Fall war die Anpassung direkt für einen Blinden Mitarbeiter...

D.h. css ist nicht wichitg da die Module nur für ihn sichtbar sind.

Geht es natürlich um die Barrierefreiheit einer Website allgemein müsste mann natürlich andere Methoden anwenden.

[Acta]

Noch ein wichtige Hinweis.

Wie immer braucht der IE ne extra Anweisung:

Hier für den Ziellink:

<div id="skipcontainer"><a id="skip" name="skip"></a></div>


#skipcontainer {
width: 1px;
}