accessibility-audit

โดย AgentsRoomตรวจสอบโดย AgentsRoomยังไม่มีการติดตั้งยังไม่มีการถูกใจอัปเดตเมื่อ 7 พฤษภาคม 2569หมวดหมู่: วิศวกรรม

ทำอะไรได้บ้าง

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

การติดตั้งจะเปิดรายการนี้ในแอปเดสก์ท็อป AgentsRoom ของคุณ หากยังไม่ได้ติดตั้งแอป ระบบจะพาคุณไปยังหน้าดาวน์โหลด

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.

แท็ก

frontenda11yreview

เจาะลึกเพิ่มเติม

โฆษณา Claude: ทักษะ Claude Code ที่ตรวจสอบบัญชีโฆษณาของคุณ

โฆษณา Claude เป็นทักษะโอเพนซอร์สสำหรับ Claude Code: การตรวจสอบมากกว่า 250 รายการบน Google, Meta, LinkedIn, TikTok หรือ Amazon Ads, คะแนนจาก 100 และแผนปฏิบัติการที่จัดลำดับความสำคัญในประมาณสิบ นาที ติดตั้ง คำสั่ง ข้อจำกัด และวิธีการจัดการมันใน AgentsRoom.

AGENTS.md: ไฟล์บริบทเดียวสำหรับทุกเอเจนต์การเขียนโค้ด (Codex, Antigravity, Claude)

AGENTS.md คือไฟล์คำแนะนำที่พกพาได้ซึ่งเอเจนต์การเขียนโค้ด AI ของคุณอ่านก่อนที่จะสัมผัสโค้ดของคุณ ว่าควรใส่อะไรในนั้น มันแตกต่างจาก CLAUDE.md อย่างไร และจะรักษาบริบทเดียวกันระหว่าง Codex, Antigravity และ Claude ได้อย่างไร