Konrad-Adenauer-Straße 20, 72072 Tübingen

https://rp.baden-wuerttemberg.de/rpt/Seiten/default.aspx

Barrierefreiheitserklärung:

Erklärung zur Barrierefreiheit für Dienstleistungen

Im Rahmen unserer Barrierefreiheitserklärung möchten wir Ihnen einen Überblick über den Stand der Vereinbarkeit der unten beschriebenen Dienstleistung(en) mit den Anforderungen der Barrierefreiheit nach gesetzlichen Vorschriften (insbesondere mit dem Barrierefreiheitsstärkungsgesetz – BFSG) geben.

Unsere Webseite wurde erfolgreich barrierefrei umgesetzt.

Wir freuen uns, mitteilen zu können, dass unsere Webseite erfolgreich an die Anforderungen der Barrierefreiheit angepasst wurde. Damit stellen wir sicher, dass alle Nutzerinnen und Nutzer – unabhängig von ihren individuellen Fähigkeiten – uneingeschränkten Zugang zu unseren Online-Angeboten erhalten.

Maßnahmen:

1. Reisefinder

WCAG-Kriterien:

1.1.1 Non-text Content

1.3.1 Info and Relationships

3.3.2 Labels or Instructions

4.1.2 Name, Role, Value

ü  Alle Formularfelder (input, select) werden dynamisch mit einem aria-label versehen, basierend auf dem zugehörigen sichtbaren Labeltext.

ü  Auch nachträglich generierte Felder (per JavaScript) erhalten automatisch passende aria-labels, z. B. das Datumsauswahlfeld dateselector.

ü  Bei Feldern ohne sichtbares <label> wurde eine alternative Beschriftung aus der umgebenden .et_label, label, strong, span entnommen und per jQuery gesetzt.

ü  Vermeidung von Platzhaltertexten als einzige Beschreibung – stattdessen explizite aria-label-Zuweisung.

ü  Fehlermeldung „select ohne Label“ wurde dadurch aufgelöst.

2. Buchungsformular

WCAG-Kriterien:

1.3.1 Info and Relationships

3.3.2 Labels or Instructions

4.1.2 Name, Role, Value

ü  Auch im Buchungsformular wurden Select-Felder wie category[...][persons] oder selectStation nachträglich mit passenden aria-labels versehen.

ü  Dadurch wurde verhindert, dass Screenreader lediglich den Wert (z. B. „0“) vorlesen, ohne Kontext.

3. Hauptnavigation & Tastaturzugänglichkeit

WCAG-Kriterien:

1.3.1 Info and Relationships

2.1.1 Keyboard

2.4.1 Bypass Blocks

2.4.3 Focus Order

2.4.4 Link Purpose (In Context)

4.1.2 Name, Role, Value

ü  Dropdown-Menüs der Hauptnavigation wurden mittels CSS :focus-within zugänglich gemacht.

ü  Navigation mit semantisch korrekten Rollen (navigation, menu, menuitem)

Submenüs mit aria-haspopup="true" und dynamischem aria-expanded (true/false)

ü  Mobile-Menü ist über Tastatur vollständig bedienbar

ü  Fokussierung der Menüeinträge sichergestellt

ü  Sinnvolle Linknamen für Agenturlogin, Merkliste etc.

Fokusfähigkeit sichergestellt durch tabindex="0" und Tastatursteuerung

ü  Auch Menüs mit ul.cols-2 oder ul.cols-3 werden berücksichtigt.

4. Listenansicht/Reiseteaser/Reiseslider

ü  Semantische Strukturierung der Reiseliste: jeder Reiseblock wird semantisch als eigenständige Informationseinheit behandelt Preisblock mit gekennzeichnet

5.Sortierauswahl

ü  Elemente ohne Label werden automatisch per jQuery ergänzt

6. Strukturierung & ARIA-Rollen

WCAG-Kriterien:

1.3.1 Info and Relationships

2.4.6 Headings and Labels

ü  Prüfung und Empfehlungen zur semantischen Struktur im Reisefinder:

<h3>-Elemente wurden als zu tief eingestuft, was Screenreader irritiert.

ü  Alternative Lösungsvorschläge: Maßnahmen -  Nutzung von <h2> statt <h3>

7. Formularfelder und Labels

WCAG-Kriterien:

1.3.1 Info and Relationships

4.1.2 Name, Role, Value

ü  Leere oder doppelte <label>-Elemente bereinigt

ü  Sichtbarer Text in <span> ausgelagert, um doppeltes <label> zu vermeiden

ü  Formularfelder korrekt mit <label for="..."> verknüpft

ü  Dropdowns mit aria-label, bei Bedarf dynamisch via jQuery ergänzt

ü  Buttons durchgehend mit type="button" und eindeutigen aria-labels

ü  Visuelle Icons (<i> oder CSS ::before) mit role="presentation" & aria-hidden="true“ ausgeblendet und soweit möglich in den HTML Code-eingesetzt

ü  Dynamische Ergänzung fehlender Labels per jQuery bei:

·         Select-Feldern 

·         Checkboxgruppen (z. B. „Katalog auswählen“)

·         Dynamische aria-label-Generierung für visuell nicht beschriftete Checkboxfelder, um „empty form label“-Fehler zu verhindern

·         Sichtbare Fokusmarkierung für alle Felder (inkl. :focus-within)

·         Invisible Honeypot-Feld korrekt mit aria-hidden, tabindex="-1" und autocomplete="off" versehen

·         Submit-Buttons ohne Label mit aria-label="Formular absenden" ergänzt

8. Tabstruktur & mobiler Umschalter Detailansicht

WCAG-Kriterien:

1.3.1 Info and Relationships

4.1.2 Name, Role, Value

ü  Mobiler <select>-Tab-Switch mit aria-controls umgesetzt

ü  Tastatursteuerung verbessert: Tabs und Panels durch role="tablist", role="tabpanel", aria-selected, aria-labelledby ausgezeichnet

ü  Restliche Inhalte:

·         Strukturierung durch ARIA-Regionen

ü  Zur besseren Orientierung für Screenreader wurden wichtige Inhaltsbereiche durch role="region" semantisch gegliedert – jeweils mit beschreibendem Namen über:

·         aria-label="..." (wenn kein ID-Verweis möglich) oder

·         aria-labelledby="..." (wenn eine Überschrift vorhanden ist)

ü  Eindeutige Gruppierung innerhalb komplexer Bereiche

ü  Bestandteile wie Preisoptionen, Leistungen, Hoteldetails wurden visuell und semantisch getrennt:

·         Container mit role="region" (z. B. Reisebeschreibung, Preise, Hotels, Optionen)

·         Hotelsektionen mit dynamisch generierten IDs (aria-labelledby="hotelname123")

·         Hotelbeschreibungen aufklappbar mit Toggle-Button: aria-expanded, aria-controls, eindeutiger Buttontext

·         Alle interaktiven Toggles überarbeitet

9. Cookiebar (Hinweis zu Cookies)

WCAG-Kriterien:

1.3.1 Info and Relationships

2.1.1 Keyboard

2.4.3 Focus Order

4.1.2 Name, Role, Value

ü  Semantische Einbettung der Cookiebar mit role="region" und aria-label="Hinweis zu Cookies"

ü  Dynamischer Bereich durch aria-live="polite" für screenreaderfreundliche Live-Ankündigung

ü  Schließen-Button mit role="button" und tabindex="0" versehen, damit Tastaturfokus möglich ist

ü  Unterstützung für Tastatur-Nutzer durch keydown-Events (Schließen per „Enter“ oder Leertaste)

ü  Klarer, sprechender ARIA-Label: aria-label="Cookie-Hinweis schließen"

ü  Klickfunktion sowie Tastaturinteraktion greifen auf dieselbe closeCookiebar()-Funktion zu

ü  Cookie-Zustimmung wird mittels $.cookie() gespeichert

ü  Bei bestehendem Cookie wird der Cookie-Hinweis automatisch deaktiviert (page.999 >)

10. Spam-Schutz (Honeypot-Feld)

WCAG-Kriterien:

1.3.1 Info and Relationships

1.3.2 Meaningful Sequence

2.1.1 Keyboard

4.1.2 Name, Role, Value

ü  Ein unsichtbares Eingabefeld wurde als Spamschutz („Honeypot“) ergänzt

ü  Technische Umsetzung:

·         Das Feld ist visuell vollständig ausgeblendet (position: absolute, margin-left: -9999px).

·         Für Screenreader wird es per aria-hidden="true" ignoriert.

·         Das zugehörige <label> besitzt die Klasse sr-only, um den HTML-Standard zu erfüllen, ohne sichtbar oder hörbar zu sein.

·         tabindex="-1" stellt sicher, dass Tastatur-Nutzer das Feld nicht erreichen.

ü  Damit ist das Feld für Spam-Bots sichtbar, aber für Menschen – einschließlich assistiver Technologien – komplett unbedenklich.

11. Allgemeine Barrierefreiheitsregeln

Einhaltung der WCAG-Erfolgskriterien:

1.1.1 Nicht-Text-Inhalte: Alle Icons und Bilder mit alt, aria-hidden, oder aria-label

2.1.1 Tastatur: Alle interaktiven Elemente sind per Tastatur erreichbar

4.1.2 Name, Rolle, Wert: Für alle Widgets/Buttons umgesetzt

4.1.3 Statusmeldungen: Ladebereiche mit role="status" & aria-live

12. Semantik & ARIA-Verbesserungen

WCAG-Kriterien:

1.3.1 Info and Relationships

4.1.2 Name, Role, Value

ü  Unklare Rollen (z. B. div mit role="link") geklärt oder entfernt

ü  aria-hidden="true" wird nicht mehr auf Container mit fokussierbaren Inhalten angewendet

ü  Leere <a>-Elemente (z. B. in Teaserboxen) durch <button> oder sichtbaren Text ergänzt

13. Tastaturbedienbarkeit

WCAG-Kriterien:

2.1.1 Keyboard

2.4.7 Focus Visible

ü  Fokusindikatoren mit :focus-visible, outline, border klar erkennbar

ü  Slider- und Tab-Komponenten mit Fokuszugang und logischer Reihenfolge

ü  Fokusfalle im Popup vermieden (aria-modal)

Bericht:

https://pagespeed.web.dev/analysis/https-www-schuele-reisen-de/p2otausivs?form_factor=desktop

Barrierefreie Alternativen

Für Nutzerinnen und Nutzer, die Schwierigkeiten bei der Nutzung einzelner Funktionen oder Inhalte der Website haben, stehen folgende barrierearme Alternativen zur Verfügung:

Die Inhalte der Website sind über eine strukturierte Sitemap zugänglich, die auch ohne JavaScript funktioniert. Dadurch ist eine Navigation durch das Informationsangebot in vielen Fällen auch bei eingeschränkter technischer Unterstützung möglich.

Es steht ein telefonischer Kundenservice zur Verfügung, über den Informationen zu unseren Reiseangeboten sowie Buchungen und individuelle Anfragen direkt geklärt werden können. Der Kundenservice ist von Mo., Di., Do., Fr. 9:00 – 12:30 Uhr  und von 13:30 Uhr bis 17:00 Uhr | Mi. 9:00 – 12:30 Uhr erreichbar.

Alternativ können Anfragen auch per E-Mail gestellt werden.

Wir unterstützen unsere Kundinnen und Kunden nach Möglichkeit gerne persönlich, falls die Nutzung der Website nicht vollständig barrierefrei möglich ist.

Quellenangaben für die verwendeten Bilder und Grafiken:

Unsere E-Mail-Adresse finden Sie oben im Impressum.

Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.

Haftung für Inhalte

Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.

Haftung für Links

Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.

Urheberrecht

Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

Quelle: www.e-recht24.de/impressum-generator.html