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 (WCAG 2.2)

Skill tạo báo cáo kiểm toán accessibility theo WCAG 2.2 cho UI/thiết kế, kèm danh sách khắc phục đã xếp ưu tiên.

Thiết kế · UITrung cấp★ 1,335⑂ 234Điểm AI 9/10Cập nhật lần cuối: 3 thg 9, 2026

Skill này làm gì

  • Sinh checklist theo bốn nguyên tắc WCAG 2.2: Perceivable, Operable, Understandable, Robust.
  • Phân loại lỗi thành 🔴 Nghiêm trọng / 🟡 Trung bình / 🟢 Nhỏ, kèm mã tiêu chí WCAG, cách sửa cụ thể và mức công sức.
  • Tách riêng danh sách "Quick Wins" có thể sửa dưới 1 giờ.
  • Yêu cầu đo tỉ lệ tương phản bằng lệnh npx notugly (ngưỡng 4.5:1 cho chữ, 3:1 cho thành phần UI) thay vì ước lượng bằng mắt, và gợi ý màu gần nhất đạt chuẩn.
  • Đề xuất cách kiểm thử tiếp: bàn phím, screen reader (VoiceOver/NVDA/JAWS), Axe DevTools, Lighthouse.

Phù hợp với ai

  • Product designer, lập trình viên frontend, PM cần đáp ứng tiêu chuẩn a11y
  • Đội ngũ làm sản phẩm cho khu vực công, ngân hàng nơi mức AA là yêu cầu pháp lý
  • Nhóm nhỏ muốn soát rủi ro accessibility trước khi phát hành

Ví dụ sử dụng

  1. "Kiểm toán accessibility cho màn hình thanh toán này" → checklist theo nguyên tắc + bảng ưu tiên khắc phục.
  2. "Màu chữ #8ab4f8 trên nền trắng có đạt AA không?" → tính tỉ lệ và đề xuất màu thay thế đạt chuẩn.
  3. "Lập kế hoạch cải thiện a11y cho luồng onboarding app mobile" → tách quick wins và việc cho sprint sau.

· · · 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/mohitagw15856/pm-claude-skills/HEAD/exports/openclaw/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 exports/openclaw/accessibility-audit từ repo GitHub mohitagw15856/pm-claude-skills vào ~/.claude/skills/mohitagw15856-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/mohitagw15856/pm-claude-skills.git /tmp/pm-claude-skills && mkdir -p ~/.claude/skills/accessibility-audit && cp -r /tmp/pm-claude-skills/exports/openclaw/accessibility-audit/* ~/.claude/skills/accessibility-audit/

⚠ Đâ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/mohitagw15856/pm-claude-skills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills/accessibility-audit
  4. Sao chép tệp: cp -r pm-claude-skills/exports/openclaw/accessibility-audit/* ~/.claude/skills/accessibility-audit/
  5. Khởi động lại Claude Code và thử yêu cầu: "Audit màn hình này theo WCAG 2.2".
  6. (Tùy chọn) Để dùng phần đo tương phản, cần cài Node.js; kiểm tra bằng npx --yes notugly fix "#777777" "#ffffff".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT