Claude Skill MartKhám phá skillSkill là gì?
 
← Về danh sách

a11y-audit (Kiểm toán khả năng tiếp cận)

Kỹ năng quét, sửa và xác minh tuân thủ WCAG 2.2 mức A/AA cho dự án React, Next.js, Vue, Angular, Svelte và HTML thuần.

Lập trìnhTrung cấp★ 24,151⑂ 3,405Điểm AI 9/10Cập nhật lần cuối: 9 thg 8, 2026

Kỹ năng này làm gì

Một quy trình kiểm toán accessibility gồm ba giai đoạn Scan → Fix → Verify.

  • Quét toàn bộ mã nguồn để tìm vi phạm WCAG 2.2 Level A và AA, phân loại Critical / Major / Minor
  • Tự nhận diện framework và sinh mã sửa before/after phù hợp với từng framework
  • contrast_checker.py kiểm tra tỉ lệ tương phản màu chữ/nền theo chuẩn AA, AAA và gợi ý màu thay thế
  • Rà soát điều hướng bàn phím, quản lý focus và các thuộc tính ARIA sai/thừa
  • Xuất báo cáo tuân thủ sẵn sàng cho developer, PM và bộ phận pháp chế
  • Cấu hình sẵn cho GitHub Actions, GitLab CI, Azure DevOps để chặn hồi quy

Phù hợp với ai

  • Lập trình viên frontend làm dự án cho khu vực công, ngân hàng, giáo dục nơi accessibility là yêu cầu bắt buộc
  • Kỹ sư UI cần kiểm chứng bảng màu của design system đạt ngưỡng tương phản
  • Trưởng nhóm muốn thêm cổng kiểm tra a11y vào code review hoặc CI
  • QA/PM cần báo cáo mức độ tuân thủ cho các bên liên quan

Ví dụ sử dụng

  1. Rà soát trước khi phát hành — chạy /a11y-audit --scope src/ --report để nhận danh sách lỗi Critical kèm báo cáo cho stakeholder.
  2. Sửa component — dán một thẻ card dùng <div onClick>; kỹ năng chỉ ra lỗi thiếu alt, không truy cập được bằng bàn phím, tương phản kém rồi trả về phiên bản dùng <a> với aria-label và màu đạt chuẩn.
  3. Chặn hồi quy trong CI — lưu file baseline JSON rồi chạy chế độ --ci ở mỗi pull request để build fail khi xuất hiện lỗi Critical mới.

· · · Hướng dẫn cài đặt · · ·

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 .gemini/skills/a11y-audit từ repo GitHub alirezarezvani/claude-skills vào ~/.claude/skills/a11y-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/alirezarezvani/claude-skills.git /tmp/claude-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-skills/.gemini/skills/a11y-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 và tải kho mã về: 
    git clone https://github.com/alirezarezvani/claude-skills.git
  2. Tạo thư mục skills của Claude Code: 
    mkdir -p ~/.claude/skills
  3. Sao chép riêng kỹ năng a11y-audit: 
    cp -r claude-skills/.gemini/skills/a11y-audit ~/.claude/skills/
  4. Kiểm tra bằng ls ~/.claude/skills/a11y-audit; thấy SKILL.md, scripts/, references/ là thành công.
  5. Cần Python 3 để chạy các script quét — kiểm tra bằng python3 --version.
  6. Khởi động lại Claude Code, mở thư mục dự án và gõ /a11y-audit hoặc yêu cầu "kiểm tra accessibility cho dự án này".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT