Rechtliches
Erklärung zur Barrierefreiheit.
PropPulse ist bestrebt, die Anwendung für alle Menschen zugänglich zu gestalten — unabhängig von Behinderungen oder verwendeten Hilfstechnologien. Diese Erklärung beschreibt den aktuellen Stand der Umsetzung sowie bekannte Einschränkungen.
Letzter Audit: 2026-06-01 · Nächste Überprüfung: 2026-12-01
1. Compliance-Status
PropPulse strebt die Konformität mit WCAG 2.1 Level AA und dem Barrierefreiheitsstärkungsgesetz (BFSG) an.
| Kriterium | Status | Hinweis |
|---|---|---|
| Tastaturnavigation (2.1.1) | Umgesetzt | Alle interaktiven Elemente per Tab erreichbar |
| Focus-Indikatoren (2.4.7) | Umgesetzt | Sichtbarer Gold-Fokusring (#C3A25A) auf allen Elementen |
| Skip-to-Content (2.4.1) | Umgesetzt | «Zum Hauptinhalt springen»-Link vorhanden |
| ARIA-Rollen & Labels (4.1.2) | Umgesetzt | dialog, alertdialog, menu, aria-current, aria-expanded |
| Focus-Trap in Modals (2.1.2) | Umgesetzt | Tab-Zyklen im Modal; Fokus-Rückgabe nach Schliessen |
| Fehleridentifizierung (3.3.1) | Umgesetzt | Fehlermeldungen mit aria-live=assertive |
| Sprachattribut (3.1.1) | Umgesetzt | lang="de" im HTML-Root |
| prefers-reduced-motion (2.3.3) | Umgesetzt | Alle Animationen werden systemseitig deaktiviert |
| Farbkontrast Normal-Text (1.4.3) | Teilweise | pp-taupe (#7A7268) auf Weiss: ~4.2:1 (Ziel: 4.5:1) |
| Farbkontrast Grosse Texte (1.4.3) | Umgesetzt | pp-taupe auf Weiss: ~4.2:1 (Ziel für grosse Texte: 3:1) |
| Bilder mit Alt-Text (1.1.1) | Umgesetzt | Alle dekorativen Icons mit aria-hidden="true" |
| Semantisches HTML (1.3.1) | Umgesetzt | Korrekte Überschriftshierarchie h1–h3, nav, main, section |
2. Bekannte Einschränkungen
Farbkontrast pp-taupe auf Weiss
Sekundäre Texte (Untertitel, Metadaten) in der Farbe #7A7268 auf weissem Hintergrund erreichen ca. 4.2:1. WCAG AA verlangt 4.5:1 für Normaltext. Betroffen sind Beschriftungen unter 18pt. Grossschrift (≥18pt) und Bold-Text (≥14pt) erfüllen die 3:1-Anforderung. Korrektur ist für das nächste Release geplant.
Native Select-Dropdown auf dunklem Hintergrund
Das Objekt-Dropdown auf der Rendite-Karte (dunkler Hintergrund) verwendet color-scheme:dark zur Steuerung der nativen Browser-UI. Auf älteren Browsern kann dies die Lesbarkeit beeinträchtigen.
Komplexe Datentabellen ohne zusammenfassende Beschreibung
Einige Datentabellen (Mieterlisten, Einnahmenübersichten) besitzen noch keine <caption> oder aria-describedby. Geplant für nächste Version.
3. Technische Grundlage & Testing
Die Barrierefreiheitsprüfungen wurden durchgeführt mit:
- eslint-plugin-jsx-a11y — statische Analyse aller React-Komponenten
- Manuelle Tastaturnavigation — vollständige Tab/Shift+Tab/Enter/Escape-Prüfung
- Kontrast-Prüfung gemäss WCAG 2.1 Formel (relatives Luminanz-Verhältnis)
- Screenreader-Test mit NVDA (Windows) und VoiceOver (macOS)
- Browser-Zoom 200 % — keine abgeschnittenen Inhalte, responsive Layout
4. Feedback & Kontakt
Falls Sie Barrieren in der Anwendung feststellen oder Unterstützung benötigen, wenden Sie sich bitte direkt an uns. Wir sind verpflichtet, gemeldete Barrierefreiheitsprobleme innerhalb von 14 Werktagen zu bearbeiten.
Diese Erklärung wurde am 2026-06-01 erstellt. Nächste Überprüfung: 2026-12-01.