accessibility-audit

AgentsRoom tarafındanAgentsRoom tarafından doğrulandıHenüz kurulum yokHenüz beğeni yok7 Mayıs 2026 tarihinde güncellendiKategori: Mühendislik

Ne işe yarar

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

Kurulum, bu kaydı AgentsRoom masaüstü uygulamanızda açar. Uygulama henüz kurulu değilse indirme sayfasına yönlendirilirsiniz.

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.

Etiketler

frontenda11yreview