Kiểm định Khả năng Tiếp cận (Accessibility Audit)
Kỹ năng rà soát khả năng tiếp cận web theo WCAG 2.1 AA qua 5 giai đoạn và xuất báo cáo khắc phục theo mức ưu tiên.
Lập trìnhTrung cấp★ 533⑂ 70Điểm AI 9/10Cập nhật lần cuối: 10 thg 8, 2026
Kỹ năng này làm gì
- Rà soát theo 4 nguyên tắc WCAG 2.1 AA: cảm nhận được, vận hành được, hiểu được, bền vững.
- Thực hiện 5 giai đoạn: ① quét tự động (axe, Lighthouse, WAVE, Pa11y) ② kiểm thử chỉ bằng bàn phím ③ kiểm thử screen reader (VoiceOver/NVDA/JAWS/TalkBack) ④ kiểm tra thị giác (độ tương phản, zoom 200%, reflow 320px, mô phỏng mù màu) ⑤ khả năng tiếp cận về nhận thức.
- Phân loại lỗi thành Critical (P0), Important (P1), Minor (P2), Polish (P3) và xuất báo cáo
accessibility-audit.mdkèm bảng theo dõi khắc phục. - Dùng các tệp tham chiếu kèm theo: mẫu báo cáo, bản rút gọn WCAG 2.1 AA, mẫu ARIA.
- Nếu thiếu số đo hoặc kết quả công cụ, kỹ năng nêu rõ khoảng trống dữ liệu thay vì bịa số.
Phù hợp với ai
- Lập trình viên frontend và QA cần kiểm tra trước khi phát hành sản phẩm.
- Người chuẩn bị hồ sơ tuân thủ ADA, Section 508, EN 301 549, AODA.
- Đội ngũ vừa bị phản ánh lỗi tiếp cận và cần lộ trình khắc phục hệ thống.
- Tổ chức muốn thiết lập đợt kiểm tra định kỳ hằng quý hoặc hằng năm.
Ví dụ sử dụng
- "Kiểm định WCAG 2.1 AA cho luồng thanh toán 3 trang" → danh sách phát hiện tự động, checklist bàn phím/screen reader, báo cáo P0–P3.
- "Đây là kết quả quét axe, hãy lập lộ trình sửa lỗi" → bản đồ theo từng tiêu chí thành công kèm ước lượng công sức và tác động.
- "Tôi cần tài liệu giảm rủi ro pháp lý về khả năng tiếp cận" → bản nháp báo cáo nêu rõ phương pháp, môi trường kiểm thử và phần chưa xác thực.
· · · 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/rampstackco/claude-skills/HEAD/dist/pi/.agents/skills/accessibility-audit/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 dist/pi/.agents/skills/accessibility-audit từ repo GitHub rampstackco/claude-skills vào ~/.claude/skills/accessibility-audit/ 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/rampstackco/claude-skills.git && mkdir -p ~/.claude/skills && cp -r claude-skills/dist/pi/.agents/skills/accessibility-audit ~/.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.
- Tải mã nguồn:
git clone https://github.com/rampstackco/claude-skills.git - Tạo thư mục kỹ năng:
mkdir -p ~/.claude/skills - Sao chép kỹ năng:
cp -r claude-skills/dist/pi/.agents/skills/accessibility-audit ~/.claude/skills/ - Kiểm tra thư mục
references/đã được copy kèm. - Khởi động lại Claude Code, sau đó yêu cầu ví dụ: "Hãy kiểm định khả năng tiếp cận WCAG cho site này".
- Để có kết quả chính xác, hãy chuẩn bị axe DevTools, Lighthouse và một screen reader, rồi cung cấp kết quả đo cho Claude.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT