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

Trình kiểm toán khả năng truy cập (Accessibility Auditor)

Skill giúp phát hiện lỗi khả năng truy cập của website và sửa đến mức tuân thủ WCAG 2.1 AA.

Thiết kế · UITrung cấp★ 251⑂ 40Điểm AI 7/10Cập nhật lần cuối: 11 thg 8, 2026

Skill này làm gì

Trao cho Claude một quy trình kiểm toán 5 bước để đưa trang web đạt chuẩn WCAG 2.1 AA:

  1. Quét tự động — chạy CLI axe, thêm assertion jest-axe hoặc Playwright
  2. Kiểm tra bàn phím — thứ tự Tab, kích hoạt, phím Escape, hiển thị focus, không có bẫy focus
  3. Kiểm tra trình đọc màn hình — dùng NVDA hoặc VoiceOver xác nhận name, role, state được đọc đúng
  4. Đối chiếu tiêu chí WCAG — rà từng mục Level A và AA theo checklist
  5. Áp dụng bản sửa — dùng 7 mẫu lỗi phổ biến và mẫu ARIA cho tabs, accordion, menu, alert, progress rồi quét lại

Skill tham chiếu 4 tài liệu trong thư mục references/.

Phù hợp với ai

  • Lập trình viên front-end, UI engineer
  • Đội ngũ làm sản phẩm cho khu vực công, ngân hàng cần tuân thủ pháp lý về a11y
  • Nhóm muốn đưa kiểm thử a11y vào CI
  • Người bảo trì design system cần rà soát ARIA của component

Ví dụ sử dụng

  • "Kiểm toán khả năng truy cập trang chủ của tôi" → Claude chạy lần lượt các bước và tổng hợp danh sách vi phạm
  • "Làm cho component tab tự viết đọc đúng trên trình đọc màn hình" → sửa role, aria-selected, quản lý focus theo mẫu ARIA
  • "Thêm kiểm tra a11y vào bộ test Playwright" → chèn assertion và lặp lại đến khi 0 vi phạm

· · · 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/OneWave-AI/claude-skills/HEAD/accessibility-auditor/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 accessibility-auditor từ repo GitHub OneWave-AI/claude-skills vào ~/.claude/skills/accessibility-auditor/ 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/OneWave-AI/claude-skills.git && mkdir -p ~/.claude/skills && cp -r claude-skills/accessibility-auditor ~/.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. Tải repo: git clone https://github.com/OneWave-AI/claude-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy cả thư mục skill (để giữ đủ tài liệu tham chiếu): cp -r claude-skills/accessibility-auditor ~/.claude/skills/
  5. Kiểm tra: ls ~/.claude/skills/accessibility-auditor/references phải thấy 4 tệp .md.
  6. Khởi động lại Claude Code và yêu cầu "kiểm tra accessibility cho trang này".
  7. (Tùy chọn) Cài Node.js cùng @axe-core/cli, Playwright để chạy được bước quét tự động.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT