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