Barrierefreiheit (A11y)
Barrierefreiheit ist kein Nice-to-have – es ist Pflicht. In vielen Ländern gesetzlich vorgeschrieben und für alle Nutzer ein Gewinn. arkmetis prüft deine Website nach WCAG 2.1 Standard und zeigt dir genau, was zu tun ist.
Das A11y-Dashboard
- A11y-Score (0-100) – Durchschnitt über alle gecrawlten Seiten
- Issue-Übersicht – Kritische, Warnungen und Hinweise
- Score-Trend – Entwicklung über die letzten Crawls
- Schwächste Seiten – Die 10 Seiten mit dem niedrigsten Score
WCAG-Level wählen
In den Projekt-Einstellungen wählst du das gewünschte Konformitäts-Level:
- AA (Standard) – Der international anerkannte Mindeststandard
- AAA – Der höchste Standard, oft für öffentliche Einrichtungen gefordert
Bei AAA werden zusätzliche Prüfkriterien aktiviert, z.B. strengere Kontrast-Anforderungen (7:1 statt 4.5:1).
Issues nach WCAG filtern
Jedes gefundene Problem wird einem WCAG-Kriterium zugeordnet (z.B. 1.1.1 Non-text Content, 2.4.1 Bypass Blocks). Du kannst nach:
- Schweregrad filtern – Kritisch, Warnung, Hinweis
- WCAG-Kriterium filtern – z.B. nur Kontrast-Probleme anzeigen
- Seite filtern – Probleme einer einzelnen URL
Seiten-Detail
Klicke auf eine Seite um alle A11y-Issues dieser URL zu sehen:
- Score für diese spezifische Seite
- Alle Probleme gruppiert nach WCAG-Kriterium
- Schweregrad-Badge für schnelles Scannen
KI-Fix-Vorschläge
Das Besondere: arkmetis gruppiert deine Issues nach Typ und generiert konkrete Lösungsvorschläge mit Code-Beispielen.
Statt "Bild hat keinen Alt-Text" bekommst du:
<!-- Vorher -->
<img src="team.jpg">
<!-- Nachher -->
<img src="team.jpg" alt="Unser Team bei der Jahresfeier 2025">
Die KI kennt den Kontext deiner Website und macht dadurch sinnvollere Vorschläge als generische Tools.
Typische Issues
| Problem | Schwere | WCAG | Lösung |
|---|---|---|---|
| Fehlendes alt-Attribut | Kritisch | 1.1.1 | Alt-Text hinzufügen |
| Zu niedriger Kontrast | Kritisch | 1.4.3 | Farbe anpassen |
| Fehlende Formular-Labels | Kritisch | 1.3.1 | Label verknüpfen |
| Heading-Sprung (h1→h4) | Warnung | 1.3.1 | Hierarchie korrigieren |
| Fehlender Skip-Link | Warnung | 2.4.1 | Skip-Navigation einbauen |
| Kein Focus-Ring sichtbar | Warnung | 2.4.7 | outline nicht entfernen |