Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Kiểm toán khả năng tiếp cận (Accessibility Audit)

Skill kiểm toán khả năng tiếp cận web theo WCAG 2.1 AA qua 5 giai đoạn và xuất ra báo cáo kèm kế hoạch khắc phục theo mức ưu tiên.

Web · APITrung cấp★ 867⑂ 120Điểm AI 9/10Cập nhật lần cuối: 15 thg 9, 2026

Làm được gì

  • Rà soát đầy đủ 4 nguyên tắc WCAG 2.1 AA: Perceivable, Operable, Understandable, Robust.
  • Quy trình kiểm toán 5 giai đoạn: ① quét tự động (axe DevTools, Lighthouse, WAVE, Pa11y) → ② test bàn phím thủ công (Tab, Enter, Escape, focus trap) → ③ test trình đọc màn hình (VoiceOver, NVDA, JAWS, TalkBack) → ④ test thị giác (tương phản màu, zoom 200%, reflow 320px, mô phỏng mù màu) → ⑤ khả năng tiếp cận nhận thức.
  • Phân loại lỗi theo P0 (chặn luồng người dùng) đến P3 (tinh chỉnh trên mức AA), kèm ví dụ cụ thể cho từng mức.
  • Xuất báo cáo accessibility-audit.md với executive summary, findings theo nguyên tắc, roadmap khắc phục và bảng theo dõi.
  • Có quy tắc trung thực: nếu thiếu dữ liệu đo hoặc kết quả công cụ, phải nêu rõ khoảng trống 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 release
  • Đội ngũ cần chuẩn bị tuân thủ ADA, EN 301 549, AODA, Section 508
  • Chủ sản phẩm vừa bị phản ánh về lỗi tiếp cận và cần khắc phục hệ thống
  • Designer muốn đưa tiêu chuẩn tiếp cận vào design system

Ví dụ sử dụng

  1. "Kiểm toán luồng đăng ký và thanh toán theo WCAG 2.1 AA" → danh sách lỗi keyboard trap, thiếu label, thông báo lỗi không được announce, xếp theo P0–P3.
  2. "Đây là kết quả quét axe, hãy viết báo cáo kiểm toán" → báo cáo hoàn chỉnh cộng danh mục việc phải test thủ công vì scanner chỉ bắt được 30–50%.
  3. "Chúng tôi cần đánh giá rủi ro kiện ADA" → chọn trang ưu tiên, chỉ định tổ hợp trình đọc màn hình, lập roadmap sửa lỗi có ước lượng công sức và tác động.

· · · 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/codex/.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)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
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/codex/.agents/skills/accessibility-audit từ repo GitHub rampstackco/claude-skills vào ~/.claude/skills/rampstackco-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 /tmp/claude-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-skills/dist/codex/.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.

  1. Mở Terminal.
  2. Clone repo: git clone https://github.com/rampstackco/claude-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r claude-skills/dist/codex/.agents/skills/accessibility-audit ~/.claude/skills/
  5. Kiểm tra thư mục references/ (template báo cáo, tóm tắt WCAG, mẫu ARIA) đã được copy kèm.
  6. Khởi động lại Claude Code, rồi yêu cầu "kiểm toán accessibility" hoặc "WCAG audit" để kích hoạt skill.
  7. Để kết quả chính xác hơn, hãy cung cấp thêm kết quả từ axe DevTools hoặc Pa11y (npm i -g pa11y).
Xem mã nguồn trên GitHub ↗Giấy phép: MIT