accessibility-audit

بواسطة AgentsRoomموثّق من AgentsRoomلا تثبيتات بعدلا إعجابات بعدآخر تحديث 7 مايو 2026الفئة: الهندسة

ماذا تفعل

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 Ads: مهارة Claude Code التي تدقّق حساباتك الإعلانية

Claude Ads مهارة مفتوحة المصدر لـ Claude Code تدقّق الحسابات الإعلانية على اثنتي عشرة منصة، من Google وMeta إلى Reddit وX، مع دليل لكل ملاحظة. ما الذي يفعله الإصدار v2.1.0، وكيف تثبّته بأمان، وما حدوده، وكيف تشغّله ضمن AgentsRoom.

AGENTS.md: ملف سياق واحد لكل وكيل برمجة (Codex وAntigravity وClaude)

AGENTS.md هو ملف التعليمات المحمول الذي تقرأه وكلاء البرمجة لديك قبل أن تلمس شيفرتك. ما الذي تضعه فيه، وكيف يختلف عن CLAUDE.md، وكيف تحافظ على سياق واحد عبر Codex وAntigravity وClaude.