Addy Osmani veröffentlicht Accessibility-Skill für WCAG 2.2

LinkAddy OsmaniTool

Addy Osmani stellt ein automatisierbares Regelwerk und Audit-Skill für Web-Accessibility bereit, das auf den WCAG 2.2-Richtlinien und Lighthouse-Prüfungen aufbaut. Der Skill lässt sich per npx installieren und richtet Workflows für automatisierte Audits sowie manuelle Prüfungen ein.

Das Wichtigste

  1. Der Skill wird über 'npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility' bereitgestellt.
  2. Fokus auf einen evidenzbasierten Audit-Workflow mit Live-Lighthouse-Audits, Chrome DevTools MCP und manueller Tastatur-Prüfung.
  3. Umfasst die vier POUR-Prinzipien (Perceivable, Operable, Understandable, Robust) für die Konformitätsstufen A, AA und AAA.
  4. Behandelt explizit die Neuerungen in WCAG 2.2 wie nicht verdeckten Fokus (2.4.11), Mindestklickflächen (2.5.8), Alternativen zu Ziehgesten (2.5.7), redundante Eingaben (3.3.7) und barrierefreie Authentifizierung (3.3.8).
  5. Betont den Vorrang nativer HTML-Elemente gegenüber manuellen ARIA-Konstrukten sowie die Notwendigkeit von manuellen Tests trotz automatisierter Tools.

Warum das relevant ist

Automatisierte Tests erfassen nur einen Teil der Barrieren im Web. Der strukturierte Leitfaden kombiniert Entwicklertools wie DevTools MCP und Lighthouse mit klaren Code-Mustern für WCAG 2.2, um typische Implementierungsfehler gezielt zu beheben.

Einordnung

Das Dokument bietet prägnante Codebeispiele und konkrete Best Practices für häufige Problemstellen wie Kontraste, Fokus-Styling (:focus-visible) und barrierefreie Formulare. Bemerkenswert ist die Einbindung von MCP-Tools (Chrome DevTools MCP), wodurch der Leitfaden direkt von KI-Coding-Assistenten für automatisierte Audits und Refactorings genutzt werden kann.

Erwähnte Links

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 28. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:ibelick

    fixing-accessibility: Agent-Skill für Barrierefreiheit im Frontend

    ibelick stellt mit fixing-accessibility einen Skill für KI-Coding-Assistenten bereit, der HTML- und UI-Code systematisch auf Barrierefreiheit prüft und minimal-invasive Korrekturen vorschlägt. Die Richtlinie deckt ARIA-Attribute, Tastaturbedienung, Fokus-Handling, Formularvalidierung und Farbkontraste anhand einer festen Prioritätenliste ab.

    KI & AI· Tool

  • Link:pour.dev

    pour: Kostenloses Barrierefreiheits- und WCAG-2.2-Prüftool

    pour ist ein kostenloses, quelloffenes Prüfwerkzeug für Barrierefreiheit im Web auf Basis von WCAG 2.2, das ohne Konten oder Bezahlmodelle als DevTools-Panel, Bookmarklet, CLI und VS-Code-Erweiterung bereitsteht.

    Webentwicklung· Tool

  • Artikel:Google Chrome Developers Team

    Lighthouse führt experimentelle Audits für Agentic Browsing ein

    Google dokumentiert eine experimentelle Audit-Kategorie in Lighthouse, die Websites auf ihre Interaktionsfähigkeit mit KI-Agenten überprüft. Statt eines Scores von 0 bis 100 zeigt der Bericht den Anteil bestandener Prüfungen.

    KI & AI· Sammlung

  • Link:cuellarfr

    Design Skills: Kuratierte UI- und UX-Skills für KI-Agenten

    cuellarfr/design-skills stellt zehn strukturierte Wissenspakete für Entwicklungsagenten wie Claude Code, Cursor, Codex und OpenCode bereit. Die Sammlung deckt Disziplinen von UX Research über Barrierefreiheit bis hin zu Design Systems und UX Writing ab.

    KI & AI· Sammlung

  • Link:Jakub Krehel

    Skills: Agenten-Toolkit zur Optimierung von UI und UX

    Jakub Krehel stellt eine Sammlung spezialisierter Agent Skills vor, die Frontend-Teams bei Interface-Details wie Typografie, OKLCH-Farben, Barrierefreiheit, Layouts und Microcopy unterstützen.

    KI & AI· Tool

  • X-Post:Adham Dannaway

    Agent Design Skills: UI-Feinschliff und Barrierefreiheit für KI-Agenten

    Designer Adham Dannaway empfiehlt eine Sammlung spezialisierter Agent-Skills von Jakub Krehel. Das Paket erweitert KI-Agenten um konkretes Fachwissen in den Bereichen UI-Design, Typografie, OKLCH-Farben, Barrierefreiheit, Layout und Product Writing.

    492Lesezeichen28.585Aufrufe

    KI & AI· Sammlung

Zurück zur Wissensbasis

Sprechen wir über Ihr Projekt.

Kontakt

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.