100% Konform! 🏆
Wir freuen uns riesig, verkünden zu können: fintech-tools.de erfüllt jetzt vollständig die WCAG (Web Content Accessibility Guidelines) und EN 301 549 Standards!
🤔 Was bedeutet WCAG & EN 301 549 überhaupt?
WCAG – Die Web Content Accessibility Guidelines
Die Web Content Accessibility Guidelines (WCAG) sind internationale Standards, die vom World Wide Web Consortium (W3C) entwickelt wurden. Sie definieren, wie Webinhalte für Menschen mit Behinderungen zugänglich gemacht werden können.
WCAG hat drei Konformitätsstufen:
- A:Grundlegende Barrierefreiheit – das absolute Minimum
- AA:Erweiterte Barrierefreiheit – der empfohlene Standard für die meisten Websites
- AAA:Höchste Barrierefreiheit – zusätzliche Anforderungen für optimale Zugänglichkeit
EN 301 549 – Der europäische Standard
EN 301 549 ist die europäische Norm für digitale Barrierefreiheit. Sie basiert auf den WCAG-Richtlinien und ist in der EU rechtlich bindend. Websites öffentlicher Stellen müssen diese Norm erfüllen – aber auch private Unternehmen setzen zunehmend auf diese Standards, um allen Menschen den Zugang zu ihren Angeboten zu ermöglichen.
💡 Warum Barrierefreiheit so wichtig ist
Für alle Menschen zugänglich
In Deutschland leben etwa 10 Millionen Menschen mit Behinderungen. Viele davon nutzen das Internet täglich – für Bankgeschäfte, Finanzverwaltung, Informationen und Planung. Eine barrierefreie Website bedeutet, dass wirklich alle unsere Finanzrechner, Tools und Informationen nutzen können:
- Menschen mit Sehbehinderungen können unsere Inhalte mit Screenreadern erfassen
- Menschen mit motorischen Einschränkungen können per Tastatur navigieren
- Menschen mit Hörbehinderungen erhalten visuelle Alternativen zu Audio-Inhalten
- Menschen mit kognitiven Einschränkungen profitieren von klarer, einfacher Sprache
Bessere Nutzererfahrung für alle
Barrierefreiheit verbessert die Nutzererfahrung nicht nur für Menschen mit Behinderungen, sondern für alle Nutzer:
- Klarere Struktur und bessere Navigation
- Höhere Kontraste für bessere Lesbarkeit (auch bei Sonnenlicht!)
- Tastaturnavigation für Power-User
- Optimierte Performance und schnellere Ladezeiten
Soziale Verantwortung und Inklusion
Finanzielle Bildung und Tools sollten für alle zugänglich sein – unabhängig von körperlichen oder kognitiven Fähigkeiten. Mit barrierefreien Finanzrechnern ermöglichen wir es wirklich jedem, bessere Finanzentscheidungen zu treffen, Sparziele zu planen und die eigenen Finanzen zu verstehen.
Rechtssicherheit
Auch wenn fintech-tools.de eine private Website ist, orientieren wir uns an den rechtlichen Anforderungen. In Deutschland und der EU gibt es zunehmend Vorgaben zur Barrierefreiheit – und wir sind bereit! Bewertungen unter 75 bergen in der Regel rechtliche Risiken – mit unserem Score von 100 sind wir auf der sicheren Seite.
🛠️ Was wir konkret umgesetzt haben
Semantisches HTML
Wir verwenden korrekte HTML-Strukturen (Überschriften-Hierarchie, Listen, Formulare), damit Screenreader unsere Inhalte richtig interpretieren können.
Tastaturnavigation
Alle Funktionen – von der Navigation über Rechner bis zu Formularen – sind vollständig per Tastatur bedienbar. Kein Maus-Zwang!
Kontrastverhältnisse
Alle Texte und UI-Elemente erfüllen die WCAG AA Anforderungen an Kontraste (mindestens 4.5:1 für normalen Text, 3:1 für große Texte). Sowohl im hellen als auch im dunklen Modus!
Alternative Texte
Jedes Bild, jedes Icon und jede Grafik hat aussagekräftige Alternative Texte (alt-Attribute), sodass Screenreader-Nutzer wissen, was dargestellt wird.
ARIA-Labels und Rollen
Wir verwenden ARIA (Accessible Rich Internet Applications) Attribute, um komplexe UI-Komponenten wie Tabs, Dialoge und interaktive Rechner für assistive Technologien verständlich zu machen.
Klare Sprache und Struktur
Unser Finanz-Glossar mit drei Schwierigkeitsstufen (ELI5, Standard, Profi) hilft allen Nutzern, Fachbegriffe zu verstehen – egal ob Einsteiger oder Profi.
Responsive Design
Die Website funktioniert perfekt auf allen Geräten und Bildschirmgrößen – vom Smartphone bis zum großen Desktop-Monitor.
Fokus-Indikatoren
Beim Navigieren mit der Tastatur siehst du immer deutlich, welches Element gerade fokussiert ist.
📊 Unsere Konformität im Detail
WCAG A
Grundlegende Anforderungen
- Tastaturbedienbarkeit
- Alt-Texte für Bilder
- Korrekte Überschriften
- Formularbeschriftungen
WCAG AA
Empfohlener Standard
- Kontrastverhältnis 4.5:1
- Zoom bis 200%
- Sichtbarer Fokus
- Fehlerprävention
WCAG AAA
Höchster Standard
- Kontrastverhältnis 7:1
- Keine Zeitlimits
- Mehrsprachig
- Erweiterte Navigation
EN 301 549
Europäischer Standard für digitale Barrierefreiheit – basierend auf WCAG 2.1 Level AA. Alle Anforderungen werden erfüllt, inklusive:
- Software-Kompatibilität
- Hardware-Unabhängigkeit
- Dokumenten-Zugänglichkeit
- Support-Informationen
🔍 Wie wir getestet haben
Um sicherzustellen, dass wir wirklich barrierefrei sind, haben wir verschiedene Tests durchgeführt:
Automatisierte Tests
Wir nutzen Tools wie WAVE, Lighthouse und axe DevTools, um unsere Website automatisch auf Barrierefreiheitsprobleme zu prüfen.
Screenreader-Tests
Wir haben die Website mit verschiedenen Screenreadern getestet (NVDA, JAWS, VoiceOver), um sicherzustellen, dass alle Inhalte korrekt vorgelesen werden.
Tastatur-Navigation
Jede Seite wurde komplett ohne Maus navigiert, um sicherzustellen, dass alle Funktionen per Tastatur erreichbar sind.
Kontrast-Checks
Alle Farbkombinationen wurden auf ausreichende Kontraste geprüft, sowohl im Light- als auch im Dark-Mode.
🚀 Wie geht es weiter?
Barrierefreiheit ist kein einmaliges Projekt, sondern ein kontinuierlicher Prozess. Wir verpflichten uns:
Regelmäßige Tests
Bei jedem neuen Feature testen wir die Barrierefreiheit erneut.
Nutzer-Feedback
Wir hören auf die Rückmeldungen unserer Nutzer und verbessern kontinuierlich.
Neue Standards
Sobald WCAG 2.2 oder neuere Versionen relevant werden, passen wir uns an.
Dokumentation
Wir dokumentieren unsere Barrierefreiheitsmaßnahmen transparent.
💚 Probier es selbst aus!
Nutze unsere barrierefreien Finanzrechner und Tools. Egal ob mit Screenreader, Tastatur oder bei schlechten Lichtverhältnissen – fintech-tools.de funktioniert für alle!
💬 Dein Feedback zur Barrierefreiheit
Hast du Probleme mit der Barrierefreiheit unserer Website? Oder Verbesserungsvorschläge? Schreib uns! Wir möchten für alle zugänglich sein und freuen uns über jedes Feedback.