Erklärung zur Barrierefreiheit

Diese Demo-Website wurde mit dem Ziel entwickelt, die Anforderungen der WCAG 2.1 auf Konformitätsstufe AA zu erfüllen.

Umgesetzte Maßnahmen

• Semantisches HTML mit korrekter Überschriften-Hierarchie und Landmark-Regionen
• Sprunglink „Zum Inhalt springen“ als erstes fokussierbares Element
• Vollständige Bedienbarkeit per Tastatur, deutlich sichtbarer Fokusindikator (3 px, Flamme-Orange)
• Textkontraste von mindestens 4,5:1 (Fließtext) beziehungsweise 3:1 (große Schrift und Bedienelemente)
• Alle informativen Grafiken mit Alternativtexten, dekorative Grafiken und der Dreh-Regler im Hero sind für Screenreader verborgen
• Bewegungsreduktion: Bei aktivierter Systemeinstellung „Bewegung reduzieren“ enden Hero-Verlauf und Dreh-Regler sofort im Endzustand, ohne Animation
• Skalierbare Schriftgrößen und flüssige Layouts bis 320 px Viewport-Breite
• Formularfelder mit programmatisch verknüpften Beschriftungen

Bekannte Einschränkungen

Das Kontaktformular auf der Seite Kontakt ist in dieser Demo bewusst funktionslos, die Bestätigungsmeldung wird per role="status" angekündigt. Die Materialauswahl im Bad-Konzept ist eine statische Beispielansicht ohne Interaktion, das ist im umgebenden Text und im aria-label vermerkt. Sollten Ihnen weitere Barrieren auffallen, freuen wir uns über einen Hinweis.

Feedback

Hinweise zur Barrierefreiheit dieser Demo nimmt bytebrise über www.bytebrise.com entgegen.

Diese Erklärung wurde am 18. Juli 2026 erstellt.