Zum Hauptinhalt springen

Erklärung zur Barrierefreiheit

Letzte Aktualisierung: 16.10.2023

Die Health Promotion Academy von Helmholtz Munich ist bemüht, ihre Website www.clever-gesund-info.de barrierefrei zugänglich zu machen. Dies erfolgt gemäß den Bestimmungen der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) zur Umsetzung der Richtlinie (EU) 2016/2102 und des Behindertengleichstellungsgesetzes des Bundes (BGG).

Diese Erklärung wurde am 16.10.2023 basierend auf einer BITV/WCAG Selbstbewertung erstellt.

1. Stand der Vereinbarkeit mit den Anforderungen

Die Einhaltung der Anforderungen wurde mit einer am 13.10.2023 durchgeführten Selbstbewertung überprüft.  Diese hat aufgezeigt, die Website noch nicht vollständig mit dem BGG und der BITV 2.0 vereinbar ist. Im Folgenden werden nicht barrierefreie Inhalte sowie alternative Zugänge zu nicht barrierefreien Inhalten dargelegt. Wir arbeiten an den notwendigen Verbesserungen.

2. Barrierefreiheitsfunktionen

Die Kontraste verschiedener Bedienelemente (Buttons, Links) sind nicht ausreichend. Die Website verwendet einen zweistufigen Kontrastschalter, mit dem höhere Kontraste und Graustufen-Darstellung auf der Website erzielt werden.

Eine logische Überschriftenstruktur ermöglicht es Menschen, die Screen-Reader nutzen, einfach zu navigieren.

3. Nicht barrierefreie Inhalte

  • Die auf der Webseite verlinkten PDF-Dokumente sind nicht barrierefrei. Zukünftig wird angestrebt, bei der Erstellung neuer Dokumente und Publikationen im PDF-Format auf die barrierefreie Gestaltung zu achten.
  • Alternativtexte für Bedienelemente, Grafiken und Objekte sind teilweise noch nicht barrierefrei umgesetzt.
  • Auf der Webseite wird das interaktive Tool "Genially" für interaktive Grafiken und Quizze verwendet. Die Inhalte sind nicht barrierefrei. Mehr Informationen: Genially und Barrierefreiheit
  • Auf der deutschen Sprachseite werden teilweise englische Überschriften, Texte, Wörter verwendet.
  • Die Verwendung von Leichter Sprache und Gebärdensprache für alle Inhalte stellt derzeit eine unverhältnismäßig hohe Belastung für die Redaktion dar. Die Redaktion bittet diejenigen, die auf sprachliche Barrieren stoßen sollten, insbesondere bei Fachterminologie und einschlägigen wissenschaftlichen Ausdrucksweisen, um Verständnis und Kontaktaufnahme.

4. Hinweise zur barrierefreien Tastaturbedienung

Um ein möglichst barrierefreies Erlebnis beim Besuch dieser Webseite zu ermöglichen, haben wir uns bei der Tastaturbedienung an die vorgeschlagenen Muster (Patterns) der Web Accessibility Initiative (WAI) orientiert. Hierbei handelt es sich um klar definierte Vorlagen bezüglich der Tastaturbedienung und Barrierefreiheitsattribute einzelner interaktiver Elemente, welche auf handelsüblichen Webseiten zu finden sind.

Steuerungsschema zur allgemeinen Navigation des Webauftritts per Tastatur

Tab:
Bewegt den Fokus auf das folgende interaktive Element in der Dokumentstruktur der Seite um damit interagieren zu können. Menüleisten zählen in diesem Kontext als einzelnes interaktives Element, damit die Navigation bei Bedarf einfach übersprungen werden kann.

Umschalten + Tab:
Wird bei Betätigung der Tabulator-Taste die Umschalten-Taste gehalten, bewegt sich der Fokus in die entgegengesetzte Richtung durch die Dokumentstruktur der Seite. Dies ermöglicht eine Navigation vor und zurück durch die interaktiven Elemente der Webseite.

Eingabe:
Befindet sich der Fokus auf einem interaktiven Element, wie z.B. einer Verknüpfung oder einer Schaltfläche, so wird dieses Element durch Betätigen der Eingabe-Taste ausgelöst, ähnlich zu einem Mausklick.

Escape:
Befindet sich der Fokus innerhalb eines, durch ein interaktives Element ausgelösten, Dialogfensters, wird durch betätigen der Escape-Taste das entsprechende Dialogfenster geschlossen und der Fokus gelangt zurück zu dem interaktiven Element mit dem das Dialogfenster ausgelöst wurde.

Tastaturbedienungsschema einzelner interaktiver Elemente

Menütaste:
Befindet sich der Fokus auf der Hamburger-Menü-Taste der mobilen Navigation, findet das Menütastenmuster der WAI Anwendung.

Eingabe, Leertaste, Abwärtspfeil:
Durch Betätigen einer dieser Tasten wird das Navigationsmenü ausgeklappt und der Fokus auf dem ersten Menüpunkt platziert.

Aufwärtspfeil:
Wird die Pfeiltaste-nach-oben betätigt, wird das Navigationsmenü ausgeklappt und der Fokus auf dem letzten Menüpunkt platziert.

Menüs und Menüleisten:
Befindet sich der Fokus innerhalb eines Menüs oder einer Menüleiste, findet das entsprechende Muster für Menüs und Menüleisten der WAI Anwendung. Hierbei wird grundlegen unterschieden zwischen einem Menü, also einer vertikal angeordneten Liste von Einträgen, wie z.B. dem Ausklappmenü der mobilen Ansicht oder den ausklappbaren Untermenüpunkten der Desktop-Ansicht, und einer Menüleiste, also einer horizontal angeordneten Liste von Einträgen, wie z.B. die Hauptnavigation in der Desktop-Ansicht. Die Tastaturbedienung beider Elemente ist grundlegend gleich, doch durch die unterschiedliche Orientierung verhalten sich die Pfeiltasten unterschiedlich um eine intuitivere Bedienung zu ermöglichen.

Tab & Umschalten + Tab:
Für die Tabulatorreihenfolge gelten Menüs als einzelne interaktive Elemente, um zu vermeiden, dass ein Benutzer sich durch die komplette Navigation durchschalten muss, um zu dahinterliegenden interaktiven Elementen zu gelangen. Erhält ein Menü oder eine Menüleiste den Fokus, so wird dieser auf dem ersten Menüpunkt platziert.

Befindet sich der Fokus bei Betätigung der Tabulator-Taste bereits auf einem Menüpunkt innerhalb eines Menüs oder einer Menüleiste, wird das entsprechende Menü geschlossen und der Fokus auf dem ersten interaktiven Element nach dem Menü, oder bei gleichzeitig gehaltener Umschalt-Taste dem ersten interaktiven Element vor dem Menü verschoben.

Eingabe & Leertaste:
Aktiviert den ausgewählten Menüpunkt und navigiert zu der entsprechenden Unterseite. Ausklappbare Menüs werden hierbei geschlossen und der Fokus wird auf das erste interaktive Element der neu-aufgerufenen Seite verschoben.

Abwärtspfeil:
Befindet sich der Fokus auf einem Menüpunkt innerhalb einer horizontal-angeordneten Menüleiste und dieser Menüpunkt enthält ein Untermenü, wird das entsprechende Untermenü ausgeklappt und der Fokus verschiebt sich auf den ersten Menüpunkt des Untermenüs.

Befindet sich der Fokus innerhalb eines vertikal-angeordneten Menüs, wird der Fokus auf den nächsten Menüpunkt verschoben. Handelt es sich um den letzten Menüpunkt in der Liste, springt der Fokus auf den ersten Menüpunkt.

Aufwärtspfeil:
Befindet sich der Fokus auf einem Menüpunkt innerhalb eines vertikal-angeordneten Menüs, wird der Fokus auf den vorherigen Menüpunkt verschoben. Handelt es sich um den ersten Menüpunkt in der Liste, springt der Fokus auf den letzten Menüpunkt.
Befindet sich der Fokus auf einem Menüpunkt innerhalb einer horizontal-angeordneten Menüleiste und dieser Menüpunkt enthält ein Untermenü, wird das entsprechende Untermenü ausgeklappt und der Fokus verschiebt sich auf den letzten Menüpunkt des Untermenüs.

Rechtspfeil:
Befindet sich der Fokus innerhalb einer horizontal-angeordneten Menüleiste, wird der Fokus auf den nächsten Menüpunkt verschoben. Handelt es sich um den letzten Menüpunkt, springt der Fokus auf den ersten Menüpunkt.
Befindet sich der Fokus innerhalb eines vertikal-angeordneten Menüs auf einem Menüpunkt welcher ein Untermenü enthält, wird dieses Untermenü geöffnet und der Fokus wird auf den ersten Menüpunkt des Untermenüs verschoben.
Befindet sich der Fokus innerhalb eines vertikal-angeordneten Untermenüs einer Menüleiste auf einem Menüpunkt ohne Untermenü, werden das Untermenü und alle übergeordneten Menüs geschlossen und der Fokus auf den nächsten Menüpunkt in der übergeordneten Menüleiste verschoben. Enthält dieser neue Menüpunkt ein Untermenü, so klappt dieses automatisch aus ohne den Fokus in das Untermenü zu verschieben.

Linkspfeil:
Befindet sich der Fokus innerhalb einer horizontal-angeordneten Menüleiste, wird der Fokus auf den vorherigen Menüpunkt verschoben. Handelt es sich um den ersten Menüpunkt, springt der Fokus auf den letzten Menüpunkt.
Befindet sich der Fokus innerhalb eines vertikal-angeordneten Menüs auf einem Menüpunkt innerhalb eines Untermenüs, wird dieses Untermenü geschlossen und der Fokus wird auf den übergeordneten Menüpunkt verschoben.
Befindet sich der Fokus innerhalb eines vertikal-angeordneten Untermenüs einer Menüleiste, werden das Untermenü und alle übergeordneten Menüs geschlossen und der Fokus auf den vorherigen Menüpunkt in der übergeordneten Menüleiste verschoben. Enthält dieser neue Menüpunkt ein Untermenü, so klappt dieses automatisch aus ohne den Fokus in das Untermenü zu verschieben.

Escape:
Schließt das Menü welches den Fokus beinhaltet und alle übergeordneten Menüs, sofern vorhanden, und verschiebt den Fokus zurück auf das Element, welches das Menü geöffnet hat (z.B. die Menütaste bzw. der übergeordnete Menüpunkt in einer Menüleiste).

Karussells bzw. Slideshows:
Befindet sich der Fokus innerhalb eines Karussell-Elements (eine interaktive Slideshow von z.B. Bildern oder Artikeln), findet das entsprechende Muster für Karussells der WAI Anwendung.

Tab & Umschalten + Tab:
Bewegt den Fokus vorwärts durch die einzelnen interaktiven Elemente des Karussells (rückwärts bei gehaltener Umschalten-Taste) in der folgenden Reihenfolge:
Die Schaltflächen um vorwärts und rückwärts durch die einzelnen Elemente zu blättern: Diese werden dynamisch deaktiviert, sollten in der entsprechenden Richtung keine weiteren Elemente zu Verfügung stehen. Hier findet das entsprechende Muster für Schaltflächen der WAI Anwendung.

Mit den Tasten Tab, bzw. Umschalten + Tab kann der Fokus zwischen der Vorwärts- und Rückwärtsschaltfläche verschoben werden. Mit den Tasten Eingabe, bzw. Leertaste wird die jeweilige Schaltfläche ausgelöst. Der Fokus verweilt dabei auf der aktuellen Schaltfläche.
Interaktive Elemente innerhalb des im Karussell aktuell angezeigten Inhalts (z.B. ein Link zum entsprechenden Artikel oder ein Bild welches zur vergrößerten Ansicht geöffnet werden kann): Diese Inhalte werden in der Regel durch betätigen der Eingabe-Taste ausgelöst, können jedoch ja nach Inhaltstyp in der Bedienung abweichen.
Die Tabs unterhalb des angezeigten Inhalts, welche dazu dienen gezielt bestimmte Inhalte anzusteuern: Hier findet das Tabs-Muster der WAI Anwendung. Mit der Tab-Taste wird der Fokus auf das erste Tab-Element in der Tab-Liste verschoben. Befindet sich der Fokus bei Betätigung der Taste innerhalb der Tab-Liste, wird der Fokus auf das nachfolgende Element nach dem Karussell verschoben. Mit den Pfeiltasten links & rechts wird innerhalb der Tab-Liste zwischen den einzelnen Tabs navigiert und der jeweilige Tab ausgelöst. Mit der Taste Home, bzw. Pos1 wird direkt der erste Tab in der Tab-Liste angesteuert und ausgelöst. Mit der Taste Ende wird der letzte Tab in der Tab-Liste angesteuert und ausgelöst.

5. Alternativer Zugang zu nicht barrierefreien Inhalten

Wenn Sie Zugang zu nicht-barrierefreien Inhalten bekommen wollen, wenden Sie sich bitte direkt an uns:

E-Mail: clever.gesund@helmholtz-munich.de

6. Barriere melden

Wenn Sie Mängel bei der barrierefreien Gestaltung von www.clever-gesund-info.de feststellen, wenden Sie sich bitte direkt an uns: 

E-Mail: clever.gesund@helmholtz-munich.de

7. Durchsetzungsverfahren

Sollten Sie annehmen, durch eine nicht ausreichend barrierefreie Gestaltung von www.clever-gesund-info.de benachteiligt zu sein, können Sie sich an die Schlichtungsstelle BGG wenden:

Schlichtungsstelle nach dem Behindertengleichstellungsgesetz bei dem Beauftragten der Bundesregierung für die Belange von Menschen mit Behinderungen
Mauerstraße 53
10117 Berlin
Telefon: +49 30 18 527 2805
E-Mail:info@schlichtungsstelle-bgg.de
Internet: www.schlichtungsstelle-bgg.de