Zum Inhalt springen
Kitbay
Einreichen

a11y-debugging

Apache-2.0

Ein offizieller Skill aus Chrome DevTools for agents, mit dem sich Barrierefreiheitsprobleme mithilfe des Chrome-DevTools-MCP-Servers prüfen und beheben lassen.

Was der Skill vermittelt

Ein offizieller Skill aus Chrome DevTools for agents, mit dem sich Barrierefreiheitsprobleme mithilfe des Chrome-DevTools-MCP-Servers prüfen und beheben lassen. Er verweist den Agenten zuerst auf ein Lighthouse-Audit und dann auf den Barrierefreiheitsbaum aus einem Seiten-Snapshot als verlässliche Sicht darauf, was Screenreader erhalten. Von dort aus geht er semantisches Markup, ARIA-Labels, Fokus und Tastaturnavigation, die Größe von Touch-Zielen und Farbkontraste durch und stützt sich dabei auf die Hinweise von web.dev, die er als reines Markdown abzurufen empfiehlt. Eine Referenzdatei enthält fertige JavaScript-Snippets für einige dieser Prüfungen.

Funktionen

  • Ein Lighthouse-Audit zur Barrierefreiheit ausführen
  • Den Barrierefreiheitsbaum einer Seite prüfen
  • Fokusreihenfolge und Tastaturnavigation prüfen
  • Größe von Touch-Zielen und Farbkontrast prüfen