accessibility-audit

di AgentsRoomVerificato da AgentsRoomNessuna installazioneNessun likeAggiornato il 7 maggio 2026Categoria: Ingegneria

Cosa fa

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

L'installazione apre questa scheda nella tua app desktop AgentsRoom. Se l'app non è ancora installata, verrai portato alla pagina di download.

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.

Tag

frontenda11yreview

Approfondimenti

Claude Ads: lo skill di Claude Code che audita i tuoi account pubblicitari

Claude Ads è uno skill open source per Claude Code: oltre 250 verifiche su Google, Meta, LinkedIn, TikTok o Amazon Ads, un punteggio su 100 e un piano d'azione prioritizzato, in una decina di minuti. Installazione, comandi, limiti e come orchestrarlo in AgentsRoom.

AGENTS.md: un solo file di contesto per ogni agente di coding (Codex, Antigravity, Claude)

AGENTS.md è il file di istruzioni portabile che i tuoi agenti di coding leggono prima di toccare il codice. Cosa metterci dentro, in cosa si differenzia da CLAUDE.md e come tenere un unico contesto tra Codex, Antigravity e Claude.