Barrierefreiheitserklärung
Wir bemühen uns, unsere Inhalte gemäß der Richtlinie (EU) 2016/2102, dem deutschen Barrierefreiheitsstärkungsgesetz (BFSG) sowie den Web Content Accessibility Guidelines (WCAG) 2.2 – Konformitätsstufe AA – barrierefrei zugänglich zu machen.
Barrierefreiheit ist für uns kein einmaliges Projekt, sondern ein fortlaufender Lern- und Gestaltungsprozess. Unser Ziel ist es, allen Menschen – unabhängig von technischen, kognitiven oder körperlichen Voraussetzungen – einen gleichberechtigten und angenehmen Zugang zu unseren digitalen Angeboten zu ermöglichen.
Dabei ist uns bewusst: Barrierefreiheit gelingt nicht im Alleingang, sondern im Dialog. Wir freuen uns daher über Hinweise, konstruktive Kritik oder konkrete Verbesserungsvorschläge.
Nach intensiver Auseinandersetzung haben wir uns bewusst gegen zusätzliche Tools wie Kontrastumschalter oder Vorlesefunktionen entschieden. Viele Menschen mit Einschränkungen haben ihre Geräte bereits individuell konfiguriert – etwa in Bezug auf Schriftgröße, Farbkontrast oder Sprachausgabe. Externe Plugins greifen dabei oft störend ein, ohne strukturelle Barrieren wirklich zu beheben. Unser Fokus liegt deshalb auf einer technisch sauberen und standardkonformen Umsetzung, sodass Hilfsmittel wie Screenreader oder systeminterne Bedienungshilfen zuverlässig funktionieren.
Technische Struktur
Semantische Elemente: HTML5-Elemente wie header, main, nav, section und footer wurden zur Strukturierung eingesetzt.
Umgesetzt
Überschriftenstruktur: Überschriften sind hierarchisch korrekt aufgebaut (H1–H6 ohne Sprünge).
Umgesetzt
Screenreader-Kompatibilität: Inhalte sind linear aufgebaut und Landmarken für Screenreader definiert.
Umgesetzt
Formularstruktur: Labels und Fehlermeldungen in Formularen sind korrekt zugeordnet.
Nicht vorhanden
Bedienung & Interaktion
Tastaturbedienung: Alle wesentlichen Funktionen sind mit der Tastatur erreichbar. Das Steuerungsmenü öffnen Sie mit folgenden Tastenkombinationen: Windows: Alt + Z, macOS: Ctrl + Option + Z.
Umgesetzt
Fokus-Anzeige: Aktive Elemente sind visuell hervorgehoben.
Umgesetzt
Skip-Link: Eine „Skip-to-Content“-Funktion ist vorgesehen.
Umgesetzt
Navigation: Die Navigationsstruktur ist logisch und konsistent.
Umgesetzt
Komponentenbedienung: Interaktive Elemente wie FAQ lassen sich per Tastatur nutzen: Pfeil hoch / Pfeil runter: Vorherige/Nächste Frage auswählen, Enter: Antwort ein- oder ausklappen
Umgesetzt
Inhalte & Sprache
Alternativtexte: Bilder und Grafiken enthalten sinnvolle Alt-Texte.
Umgesetzt
Verständliche Sprache: Texte sind allgemein verständlich, Fachbegriffe werden erklärt.
In Planung
Sprechende Links: Linktexte sind eindeutig formuliert.
Umgesetzt
Sprache im HTML: Das Attribut lang="de" ist korrekt gesetzt.
Umgesetzt
Gestaltung & Wahrnehmung
Textkontraste: Kontraste entsprechen weitgehend dem Mindestverhältnis von 4.5 : 1.
Umgesetzt
Informationsvermittlung: Informationen werden nicht allein durch Farbe kommuniziert.
Umgesetzt
Flackerfreiheit: Es werden keine Inhalte verwendet, die flackern oder blinken.
Umgesetzt
Lesbarkeit: Schriftarten und Größen sind gut lesbar und ausreichend groß. Sie können die Ansicht der Website jederzeit mit den gängigen Tastenkombinationen Ihres Browsers vergrößern oder verkleinern: Windows: Strg + + und Strg + -, macOS: Cmd + + und Cmd + - Zurück zur Standardgröße: Strg + 0 bzw. Cmd + 0.
Umgesetzt
Sonstiges
Responsive Design: Die Website ist mobil optimiert.
Umgesetzt
Keine Pop-ups: Es gibt keine unerwarteten Weiterleitungen oder automatischen Pop-ups.
Umgesetzt
Externe Tools: Auf Kontrastumschalter oder Vorlese-Plugins wird bewusst verzichtet.
Umgesetzt
Kontakt und Feedback
Betreiber: N&N Design-Studio
E-Mail:
Telefon: 0241 - 400 450
Marktüberwachungsbehörde: MLBF (in Errichtung)
Erklärung erstellt am: 17. Juli 2025.
Diese Erklärung basiert auf einer Selbstbewertung.