Erklärung zur Barrierefreiheit — Schmelzwert App
Konformitätsstatus
Die App „Schmelzwert“ strebt Konformität mit den Web Content Accessibility Guidelines (WCAG) 2.1, Konformitätsstufe AA an und setzt diese weitgehend um.
Umgesetzte Maßnahmen
Wahrnehmbarkeit
- Hoher Farbkontrast: Helle Neon-Farben auf dunklem Hintergrund (Dark Mode) mit Kontrastverhältnissen von mindestens 4,5:1 für normalen Text und 3:1 für großen Text
- Textgrößen: Alle Eingabefelder verwenden mindestens 16px Schriftgröße
- Textalternativen: Alle interaktiven Elemente und Icons sind mit beschreibenden Labels versehen (aria-label)
- Keine rein farbbasierte Information: Alle Informationen werden zusätzlich durch Text vermittelt
Bedienbarkeit
- Tastaturnavigation: Alle Funktionen sind über die Tastatur erreichbar
- Skip-Link: Direktsprung zum Hauptinhalt für Tastaturnutzer
- Focus-Management: Modale Dialoge fangen den Fokus ein und können mit Escape geschlossen werden
- Sichtbarer Fokus: Fokussierte Elemente erhalten einen deutlich sichtbaren Fokusring
- Touch-Targets: Alle interaktiven Elemente sind mindestens 44x44px groß
- Tab-Navigation: Metall-Tabs verwenden korrekte ARIA-Rollen (tablist/tab) mit aria-selected
Verständlichkeit
- Sprache: Die App-Sprache ist als Deutsch deklariert (lang="de")
- Vorhersehbare Bedienung: Eingabe über Formularfelder, Berechnung nur durch explizites Tippen auf den „Einschmelzen“-Button
- Fehlermeldungen: Werden als ARIA-Alerts angekündigt und sind für Screenreader zugänglich
- Beschreibende Button-Labels: Der Einschmelzen-Button gibt im deaktivierten Zustand Hinweise, welche Eingaben fehlen
Robustheit
- Semantisches HTML: Korrekte Verwendung von Überschriften, Labels, Landmarks und ARIA-Rollen
- Modale Dialoge: Verwenden role="dialog" und aria-modal="true" für korrekte Screenreader-Erkennung
- Live-Regionen: Animationsstatus und Fehlermeldungen werden über aria-live-Regionen automatisch vorgelesen
Testumgebung
Die Barrierefreiheit wurde getestet mit: • Automatisierte Tests: Playwright E2E-Tests für Touch-Targets, Schriftgrößen, ARIA-Attribute und responsive Darstellung • Manuelle Prüfung: Tastaturnavigation, Screenreader-Kompatibilität, Farbkontraste • Geräte: Android-Smartphones (verschiedene Bildschirmgrößen von 320x568 bis 800x1280)
Bekannte Einschränkungen
• Die Einschmelz-Animation (Canvas-basiert) ist visuell, wird aber durch einen Statustext mit aria-live begleitet • Die App ist ausschließlich im Dark Mode verfügbar; ein Light Mode wird derzeit nicht angeboten
Feedback und Kontakt
Wenn Sie Barrieren bei der Nutzung der App feststellen, kontaktieren Sie uns bitte: E-Mail: contact@luminousapps.io Wir bemühen uns, gemeldete Probleme zeitnah zu beheben.
Stand: März 2026