accessibility-audit

von AgentsRoomVon AgentsRoom verifiziertNoch keine InstallationNoch keine LikesAktualisiert am 7. Mai 2026Kategorie: Engineering

Was er macht

Use when reviewing or writing UI code. Flags missing ARIA, keyboard handlers, focus traps, and contrast issues before shipping.

Die Installation öffnet diesen Eintrag in deiner AgentsRoom-Desktop-App. Ist die App noch nicht installiert, landest du auf der Download-Seite.

SKILL.md

---
name: accessibility-audit
description: Use when reviewing or writing UI code. Flags missing ARIA, keyboard handlers, focus traps, and contrast issues before shipping.
---

# Accessibility audit

On every UI change, check the following before finishing:

1. Interactive elements (`<div onClick>`) must be `<button>` or have `role`, `tabIndex`, `onKeyDown`.
2. Form inputs must have an associated `<label>` (or `aria-label`).
3. Modal / dialog: focus trap, restore focus on close, `aria-modal="true"`.
4. Color contrast: WCAG AA (4.5:1 for body, 3:1 for large text).
5. Images: meaningful `alt`, decorative ones get `alt=""`.
6. Keyboard nav: every action reachable without a mouse, visible focus ring.

When in doubt, suggest the fix; don't silently leave issues.

Mehr zum Thema

Claude Ads: das Claude-Code-Skill, das deine Werbekonten prüft

Claude Ads ist ein Open-Source-Skill für Claude Code, der Werbekonten auf zwölf Plattformen prüft, von Google und Meta bis Reddit und X, mit einem Beleg für jeden Befund. Was v2.1.0 kann, wie du ihn sicher installierst, wo seine Grenzen liegen und wie du ihn in AgentsRoom laufen lässt.

AGENTS.md: eine Kontextdatei für jeden Coding-Agenten (Codex, Antigravity, Claude)

AGENTS.md ist die portable Anweisungsdatei, die deine KI-Coding-Agenten lesen, bevor sie deinen Code anfassen. Was reingehört, wie sie sich von CLAUDE.md unterscheidet und wie du einen einzigen Kontext über Codex, Antigravity und Claude hinweg behältst.