accessibility-audit

oleh AgentsRoomDiverifikasi AgentsRoomBelum ada pemasanganBelum ada sukaDiperbarui 7 Mei 2026Kategori: Rekayasa

Apa fungsinya

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

Pemasangan membuka entri ini di aplikasi desktop AgentsRoom Anda. Jika aplikasinya belum terpasang, Anda akan diarahkan ke halaman unduhan.

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

Bacaan lanjutan

Claude Ads: skill Claude Code yang mengaudit akun iklanmu

Claude Ads adalah skill open source untuk Claude Code: 250+ pemeriksaan di Google, Meta, LinkedIn, TikTok, atau Amazon Ads, skor dari 100, dan rencana aksi berprioritas dalam sekitar sepuluh menit. Instalasi, perintah, batasan, dan cara mengorkestrasinya di AgentsRoom.

AGENTS.md: Satu File Konteks untuk Semua Coding Agent (Codex, Antigravity, Claude)

AGENTS.md adalah file instruksi portabel yang dibaca coding agent AI kamu sebelum menyentuh kodemu. Apa saja yang perlu ditaruh di dalamnya, bedanya dengan CLAUDE.md, dan cara menjaga satu konteks tetap konsisten di Codex, Antigravity, dan Claude.