Grundeigenschaften:
Die Barrierefreiheitsfunktionen müssen schnell erreichbar und verständlich sein. Das heißt, dass man die Funktion mit den Augen und mit einem Vorleseassistent, erkennen können muss. Zudem müssen Barrierefreiheitsfunktionen barrierefrei erreichbar sein. Außerdem müssen diese das erste sein, das man auf der Seite p.er Tastatur erreichen kann. Eine Möglichkeit das zu ermöglichen sind Quicklinks.
Quicklinks:
Quicklinks sind Links, die nur per Tab erreichbar sind. Diese Links ermöglichen das schnelle Navigieren über die Seite.
Die Quicklinks können z.B. direkt auf den Barrierefreiheitsbutton, zur Suche, zum Inhalt der Seite oder sogar zum Fußbereich springen.
Diese Barrierefreiheitsfunktionen gibt es:
- Vorlesefunktion
- Kontrasterhöhung
- Anpassung der Schriftgrößen
- Version in Leichter Sprache
- Animationen müssen deaktivierbar sein
- Neben diesen Standardfunktionen gibt es noch viele mehr
Vorlesefunktion (Bsp.: Readspeaker):
Dieser wird nicht unbedingt benötigt und ist lediglich eine Zusatzfunktion. Korrekt entwickelte Webseiten benötigen keine Vorlesefunktion, da alle Vorgaben erfüllt wurden damit Screenreader entsprechend damit umgehen können.
Kontrasterhöhung:
Wenn der Kontrastmodus / Barrierefreiheitsmodus vogesehen ist, muss man erst in diesem Modus auf die Vorgaben wie z.B. die Kontraste der anderen Elemente, die nicht für die Barrierefreiheitsfunktionen nötig sind, achten. Der höchste Kontrastwert der erreicht werden kann ist mit schwarz und weiß erreichbar.
Hier wird per JS eine Klasse auf das Body-Element gesetzt, damit man alle Elemente per CSS anpassen kann.
Schriftgrößenanpassung:
Hinweis: Eine Schriftgrößenanpassung wird nicht für die Barrierefreiheit benötigt und ist nur eine Zusatzfunktion. Korrekterweise muss der Prüfschritt 11.7 erfüllt sein, welcher vorgibt, dass die Browsereinstellungen übernommen werden müssen. Diese Beeinflussen unter anderen Schriftarten, Schriftgrößen, Linkfarben uvm.
{page_url page=$page font_size="small"}
{page_url page=$page font_size="normal"}
{page_url page=$page font_size="big"}
Leichte Sprache:
Hierbei könnte man eine Sprachversion der Seiten hinzufügen, die die leichte Sprache beinhaltet. Informationen zu "Leichte Sprache" finden Sie auch in der Bundesfachstelle für Barrierefreiheit.
Automatische Bewegungen deaktivierbar machen:
Automatische Bewegungen können zum Beispiel bei Bildslidern oder Videos entstehen.
Wenn man Videos mit dem EGOCMS hinzufügt, werden diese gestoppt, sollten diese bei Aufruf automatisch abgespielt werden.
Bei bewegbaren Bildern muss man selbst z.B. eine Pause bzw. Stopfunktion hinzufügen.
Beispiel Slider:
