Mẫu kiểm định truy cập WCAG
Skill giúp kiểm định (audit) website theo WCAG 2.2 và ưu tiên khắc phục các lỗi truy cập.
Thiết kế · UITrung cấp★ 38,895⑂ 4,143Điểm AI 5/10Cập nhật lần cuối: 18 thg 8, 2026
Skill này làm được gì
- Giải thích các mức tuân thủ WCAG 2.2 (A / AA / AAA) và mức nào cần cho quy định pháp lý nào.
- Phân loại vấn đề theo bốn nguyên tắc POUR: Cảm nhận được, Vận hành được, Hiểu được, Bền vững với công nghệ hỗ trợ.
- Xếp lỗi theo mức độ tác động Critical / Serious / Moderate (thiếu alt text, không truy cập được bằng bàn phím, thiếu label form, độ tương phản màu thấp...).
- Đưa ra danh sách Nên / Không nên: kết hợp kiểm tra tự động với kiểm tra thủ công, ưu tiên HTML ngữ nghĩa trước ARIA, không ẩn viền focus, không tắt zoom.
- Trỏ tới
references/details.mdcho các mẫu chi tiết hơn.
Phù hợp với ai
- Lập trình viên web, QA phải đáp ứng ADA, Section 508 hoặc chuẩn bị VPAT.
- Frontend developer và designer muốn đưa tiêu chí truy cập vào design system.
- Nhóm cần viết báo cáo audit hoặc sửa các lỗi truy cập đã bị chỉ ra.
Ví dụ sử dụng
- "Kiểm định trang chủ của chúng tôi theo WCAG 2.2 mức AA" → liệt kê hạng mục cần kiểm và lỗi tiềm năng theo mức nghiêm trọng.
- "Sửa các lỗi tương phản màu mà công cụ tự động phát hiện" → hướng khắc phục và cách không chỉ dùng màu để truyền tải thông tin.
- "Viết lại component dropdown tùy biến sao cho truy cập được" → rà soát theo nguyên tắc HTML ngữ nghĩa và giữ chỉ báo focus.
· · · Hướng dẫn cài đặt · · ·
Dùng thử ngay, không cần cài
Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.
Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình: https://raw.githubusercontent.com/wshobson/agents/HEAD/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md Mình muốn: (viết việc bạn cần ở đây)
Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.
↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục plugins/accessibility-compliance/skills/wcag-audit-patterns từ repo GitHub wshobson/agents vào ~/.claude/skills/wcag-audit-patterns/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
git clone https://github.com/wshobson/agents.git /tmp/agents && mkdir -p ~/.claude/skills && cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns ~/.claude/skills/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Mở Terminal (macOS/Linux) hoặc PowerShell/WSL (Windows).
- Tải repo về thư mục tạm:
git clone https://github.com/wshobson/agents.git /tmp/agents - Tạo thư mục skill:
mkdir -p ~/.claude/skills - Sao chép skill:
cp -r /tmp/agents/plugins/accessibility-compliance/skills/wcag-audit-patterns ~/.claude/skills/ - Kiểm tra bằng
ls ~/.claude/skills/wcag-audit-patternsđể chắc chắn có cảSKILL.mdvà thư mụcreferences. - Khởi động lại Claude Code và thử yêu cầu: "Audit accessibility trang này theo WCAG 2.2 AA".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT