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

Tuân thủ khả năng tiếp cận web (cho báo chí & xuất bản)

Bộ hướng dẫn kiểm tra và sửa lỗi accessibility theo chuẩn WCAG 2.2 AA cho website, ảnh, biểu đồ và video.

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

Làm được gì

  • Checklist WCAG 2.2 AA chia theo 4 nguyên tắc POUR để audit website từng bước.
  • Quy tắc viết alt text cho ảnh báo chí: ai – việc gì – ở đâu, không lặp lại caption, và cách công bố ảnh do AI tạo ra.
  • Biểu đồ dễ tiếp cận: bảng màu an toàn cho người mù màu (Paul Tol), hàm tính tỉ lệ tương phản WCAG, mẫu HTML <figure> kèm bảng dữ liệu.
  • Điều hướng bàn phím: skip link, chống bẫy focus trong modal, style :focus-visible, xử lý prefers-reduced-motion.
  • Form và thông báo lỗi với aria-describedby, aria-invalid, role="alert".
  • Audit tự động bằng axe-core (ghim phiên bản) chạy qua Playwright, xuất danh sách vi phạm.
  • Tóm tắt pháp lý: Section 508, ADA Title II/III, HHS 504 (Mỹ), EAA và EN 301 549 (EU) kèm mốc thời hạn.

Phù hợp với ai

  • Lập trình viên front-end trong tòa soạn, nhà báo dữ liệu
  • Người làm website cơ quan nhà nước, trường đại học
  • Đội ngũ cần đáp ứng quy định ADA/EAA để tránh rủi ro pháp lý
  • Biên tập viên muốn viết alt text chuẩn cho ảnh bài viết

Ví dụ sử dụng

  1. "Audit trang bài viết này theo WCAG 2.2 AA" → liệt kê vi phạm theo checklist và gợi ý đoạn code sửa.
  2. "Viết 3 phương án alt text cho ảnh biểu tình trước tòa án" → câu mô tả dưới 125 ký tự, không trùng caption.
  3. "Làm biểu đồ tỉ lệ thất nghiệp này đọc được bằng screen reader" → cấu trúc figure/aria + bảng dữ liệu ẩn/hiện + palette an toàn màu.

· · · 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/jamditis/claude-skills-journalism/HEAD/dev-toolkit/skills/accessibility-compliance/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 dev-toolkit/skills/accessibility-compliance từ repo GitHub jamditis/claude-skills-journalism vào ~/.claude/skills/accessibility-compliance/ 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/jamditis/claude-skills-journalism.git && mkdir -p ~/.claude/skills && cp -r claude-skills-journalism/dev-toolkit/skills/accessibility-compliance ~/.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 (macOS/Linux) hoặc Git Bash/WSL (Windows).
  2. Tạo thư mục skill: mkdir -p ~/.claude/skills
  3. Tải repo: git clone https://github.com/jamditis/claude-skills-journalism.git
  4. Chép skill vào đúng chỗ: cp -r claude-skills-journalism/dev-toolkit/skills/accessibility-compliance ~/.claude/skills/
  5. Kiểm tra: ls ~/.claude/skills/accessibility-compliance/SKILL.md
  6. (Tùy chọn) Để chạy audit tự động: npm install --save-dev --save-exact axe-core@4.12.1 và pip install playwright && playwright install chromium.
  7. Khởi động lại Claude Code, rồi yêu cầu ví dụ "kiểm tra accessibility trang này" để skill tự kích hoạt.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT