Barrierefreiheit
Hoardly setzt sich dafür ein, die Plattform für alle zugänglich zu machen. Wir bemühen uns, die WCAG 2.1 Level AA-Standards einzuhalten.
Navigation mit der Tastatur
Alle interaktiven Elemente sind über die Tastatur erreichbar und bedienbar:
| Taste | Aktion |
|---|---|
Tab | Vorwärtsbewegung durch interaktive Elemente |
Shift + Tab | Rückwärtsbewegung durch interaktive Elemente |
Enter | Aktivieren von Schaltflächen und Links |
Leertaste | Umschalten von Kontrollkästchen und Schaltflächen |
Esc | Schließen von Dialogen und Dropdowns |
Pfeiltasten | Navigation innerhalb von Menüs und Listen |
Unterstützung für Bildschirmleseprogramme
Hoardly verwendet ARIA-Attribute im gesamten Programm:
- Semantische HTML-Elemente für eine korrekte Dokumentstruktur
- ARIA-Beschriftungen für alle interaktiven Elemente
- ARIA-Rollen für komplexe UI-Komponenten (Menüs, Dialoge, Tabs)
- Live-Regionen für dynamische Inhaltsaktualisierungen
- Überspringlinks zum direkten Zugriff auf den Hauptinhalt
- Beschreibende Alternativtexte für Bilder
- Formulare mit korrekt zugeordneten Beschriftungen und Fehlermeldungen
Wir testen mit gängigen Bildschirmleseprogrammen, darunter NVDA und JAWS (Windows), VoiceOver (macOS/iOS) und TalkBack (Android).
Visuelle Anpassung
Hoardly bietet mehr als 20 integrierte Farbthemen, die alle unter Berücksichtigung der Barrierefreiheit entwickelt wurden:
- Dunkelmodus: reduziert die Augenbelastung bei schlechten Lichtverhältnissen
- Hellmodus: hoher Kontrast für helle Umgebungen
- Mehrere Farbschemata: zur Anpassung an unterschiedliche visuelle Vorlieben und Bedingungen
- OKLCH-Farbraum: Wahrnehmungsuniforme Farben für bessere Lesbarkeit
- WCAG AA-Kontrastverhältnisse: werden in allen Themen beibehalten
TIP
Verwenden Sie die Themensteuerung im Header (rechts), um durch die Themen zu blättern und diese auszuwählen. Ihre Auswahl wird auf diesem Gerät gespeichert und synchronisiert mit Ihrem Konto, wenn Sie angemeldet sind.
Responsives Design
Die Benutzeroberfläche passt sich an unterschiedliche Bildschirmgrößen und Eingabemethoden an:
- Mobilfreundliche Layouts für Touch-Geräte
- Responsive Textgröße, die die Browser-Zoomfunktion berücksichtigt
- Berührungsoberflächen von mindestens 44 x 44 Pixeln (WCAG 2.1 Level AAA)
- Inhalte passen sich an, ohne horizontales Scrollen zu erfordern
- Funktioniert mit der Browser-Textskalierung bis zu 200 %
Meldung von Barrierefreiheitsproblemen
Wenn Sie auf eine Barriere begegnen, kontaktieren Sie uns bitte unter support@hoardly.app und beschreiben Sie das Problem sowie die Seite oder Funktion, bei der es auftritt.