Barrierefreiheits­erklärung

Rechtlicher Rahmen

European Accessibility Act (EAA) — gilt ab 28. Juni 2025

Der EAA verpflichtet private Unternehmen in der EU, digitale Produkte und Dienstleistungen barrierefrei zu gestalten. Österreich hat dies als Barrierefreiheitsgesetz (BaFG, BGBl. I Nr. 76/2023) umgesetzt.

Ausnahmen für Kleinstunternehmen

Unternehmen mit weniger als 10 Mitarbeitern oder einem Jahresumsatz unter 2 Mio. € sind explizit ausgenommen (Art. 14 EAA, § 3 BaFG). MS.Design fällt unter diese Ausnahmeregelung.

Technischer Standard: WCAG 2.1

Der internationale Standard für digitale Barrierefreiheit ist die Web Content Accessibility Guidelines (WCAG) 2.1 des W3C. Level AA gilt als Mindestanforderung für öffentliche Stellen und wird von MS.Design freiwillig angestrebt.

Umgesetzte Maßnahmen

Folgende Barrierefreiheits-Features wurden auf dieser Website implementiert:

• ☀️🌙
  Hell/Dunkel-Modus (Light/Dark Switch) Benutzer können jederzeit zwischen einem dunklen (Standard) und einem hellen Design wechseln. Das helle Design bietet maximalen Kontrast für sehschwache Nutzer. Die Präferenz wird gespeichert und beim nächsten Besuch beibehalten. Das System beachtet außerdem automatisch die Betriebssystem-Einstellung (prefers-color-scheme).
• 📏
  Mindest-Schriftgröße 16px (WCAG 1.4.4) Die Basis-Schriftgröße beträgt 16px — der von WCAG empfohlene Mindestwert. Texte sind in allen Browsern skalierbar ohne Funktionsverlust. Kleine Hilfstexte werden auf mindestens 13px begrenzt.
• 📐
  Zeilenhöhe mindestens 1.6 (WCAG 1.4.12) Ausreichender Zeilenabstand verbessert die Lesbarkeit für Menschen mit Dyslexie oder Seheinschränkungen deutlich.
• 🎭
  Animationsreduzierung (WCAG 2.3.3, prefers-reduced-motion) Nutzer die in ihrem Betriebssystem "Animationen reduzieren" aktiviert haben, sehen eine Version ohne Bewegungseffekte. Dies ist besonders wichtig für Menschen mit vestibulären Störungen oder Epilepsie.
• 🔊
  ARIA-Live-Regionen für Formulare (WCAG 4.1.3) Alle Formular-Rückmeldungen (Erfolg, Fehler) sind mit aria-live="polite" ausgestattet. Screen-Reader kündigen Änderungen automatisch an, ohne dass der Nutzer manuell navigieren muss.
• 🌍
  Sprachattribut lang="de" (WCAG 3.1.1) Das HTML-Dokument ist korrekt als deutschsprachig ausgezeichnet. Screen-Reader verwenden die richtige Aussprache und Grammatik.
• 🎨
  Farbkontrast-Verhältnisse (WCAG 1.4.3) Im Light-Mode: Haupttext #12122a auf #ffffff — Kontrast 19:1 (AAA). Gold-Akzente #8b6914 auf #ffffff — Kontrast 4.7:1 (AA). Im Dark-Mode: helle Texte auf dunklem Hintergrund erfüllen ebenfalls AA/AAA.
• 📱
  Vollständig responsives Design (WCAG 1.4.10) Die Website ist auf allen Geräten nutzbar — vom Smartphone (320px) bis zum Großbildschirm (2560px+) — ohne horizontales Scrollen.
• ⌨️
  Vollständige Tastaturbedienung (WCAG 2.1.1) Alle interaktiven Elemente sind per Tastatur bedienbar: Slider (Pfeiltasten, Leertaste), Dropdown-Navigation (Enter öffnet, Escape schließt, Pfeiltasten navigieren), Lightbox (Fokus-Falle, Escape schließt), Popup-Formulare (Fokus springt automatisch ins Formular).
• 🔲
  Sichtbarer Fokus-Rahmen (WCAG 2.4.7) Bei Tastatur-Bedienung erscheint ein goldener Fokus-Rahmen um alle aktiven Elemente. Bei Maus-Bedienung bleibt der Fokusrahmen ausgeblendet um das Design nicht zu beeinflussen.
• 🎬
  Video-Untertitel (WCAG 1.2.2) Eingebettete Videos sind mit Untertiteln versehen — damit sind sie auch für gehörlose oder höreingeschränkte Nutzer vollständig zugänglich.

WCAG 2.1 Konformitätsstatus

Aktuelle Selbstbewertung (Stand: 2026):

Bekannte Einschränkungen

Folgende Bereiche werden noch verbessert:

• 🖼️
  Alt-Texte für Projektbilder Nicht alle Bilder in der Projektgalerie haben optimierte Alt-Texte. Dies wird schrittweise nachgebessert.
• ⌨️
  Vollständige Tastaturbedienung Der interaktive Slider ist derzeit noch nicht vollständig per Tastatur bedienbar. Pfeiltasten und Fokus-Anzeige werden in der nächsten Version verbessert.
• ⌨️
  Vollständige Tastaturbedienung (WCAG 2.1.1) Alle interaktiven Elemente sind per Tastatur bedienbar: Slider (Pfeiltasten, Leertaste), Dropdown-Navigation (Enter öffnet, Escape schließt, Pfeiltasten navigieren), Lightbox (Fokus-Falle, Escape schließt), Popup-Formulare (Fokus springt automatisch ins Formular).
• 🔲
  Sichtbarer Fokus-Rahmen (WCAG 2.4.7) Bei Tastatur-Bedienung erscheint ein goldener Fokus-Rahmen um alle aktiven Elemente. Bei Maus-Bedienung bleibt der Fokusrahmen ausgeblendet um das Design nicht zu beeinflussen.
• 🎬
  Video-Untertitel Eingebettete Videos haben derzeit keine Audiodeskription oder Untertitel. Dies ist für eine zukünftige Version geplant.

Feedback & Kontakt

Wenn Sie auf dieser Website Barrieren feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung:

Stand dieser Erklärung: 25.05.2026 — wird halbjährlich überprüft und aktualisiert.