Barrierefreiheit

Wir möchten, dass alle Menschen unabhängig von ihren individuellen Fähigkeiten uneingeschränkten Zugang zu unserer Website haben. Daher arbeiten wir kontinuierlich daran, unsere digitale Präsenz barrierefrei zu gestalten. Umgesetzte Maßnahmen:

Für Menschen mit Sehbeeinträchtigungen

1. Semantische HTML-Struktur

  • Verwendung von passenden HTML-Elementen für klare Strukturierung
  • Einsatz von ARIA-Landmarks zur Verbesserung der Navigation
  • Korrekte Überschriftenhierarchie (<h1> bis <h6>) für logische Inhaltsstruktur

2. Optimale Farbkontraste

  • Einhaltung der WCAG AA-Richtlinien (Kontrastverhältnis mindestens 4.5:1 für normalen Text)
  • Verwendung von Kontrastprüfwerkzeugen zur Sicherstellung der Lesbarkeit

3. Flexible Textgrößen

  • Verwendung relativer Einheiten (em, rem) statt fester Pixelgrößen
  • Testen der Website bei 200% Zoom ohne horizontales Scrollen oder Überlappungen

4. Aussagekräftige Alternativtexte

  • Bereitstellung informativer alt-Attribute für Bilder
  • Verwendung von aria-label für interaktive Elemente ohne beschreibenden Text
  • Leere alt-Attribute für dekorative Elemente

Für Menschen mit motorischen Einschränkungen

1. Vollständige Tastaturbedienbarkeit

  • Implementierung eines „Zum Inhalt springen“-Links am Seitenanfang
  • Logische Tab-Reihenfolge für alle interaktiven Elemente
  • Einsatz von Focus Traps in Modals zur Verbesserung der Benutzererfahrung

2. Sichtbare Focus-Indikatoren

  • Gestaltung deutlich erkennbarer Focus-Styles
  • Anpassung der Focus-Styles an das Gesamtdesign der Website
  • Berücksichtigung verschiedener Eingabemethoden (Maus, Tastatur, Touch)

3. Großzügige Interaktionsflächen

  • Gestaltung von Buttons mit mindestens 44x44 Pixeln Größe (gemäß WCAG)
  • Ausreichende Abstände zwischen klickbaren Elementen zur Vermeidung von Fehleingaben

Für alle Nutzer*innen

1. Reduzierte Bewegung

  • Respektierung der prefers-reduced-motion Einstellung des Betriebssystems

2. Responsives Design

  • Flexible Anpassung an verschiedene Bildschirmgrößen
  • Verwendung von CSS-Media-Queries für gerätesspezifische Anpassungen

Durch die Umsetzung dieser Maßnahmen wird eine Website nicht nur barrierefrei, sondern bietet allen Nutzer*innen ein verbessertes und inklusives Nutzungserlebnis.

Kontinuierliche Verbesserung

Barrierefreiheit ist für uns ein fortlaufender Prozess. Wir sind offen für Feedback und Verbesserungsvorschläge. Wenn Sie Schwierigkeiten bei der Nutzung unserer Website haben oder Ideen zur Verbesserung der Zugänglichkeit, freuen wir uns über Ihre Rückmeldung.

Kontakt: email@nedimhazar.de