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

Kiểm thử trình đọc màn hình

Skill hướng dẫn kiểm thử khả năng truy cập web bằng VoiceOver, NVDA, JAWS và TalkBack với checklist và kịch bản cụ thể.

Lập trìnhTrung cấp★ 38,895⑂ 4,143Điểm AI 9/10Cập nhật lần cuối: 18 thg 8, 2026

Làm được gì

  • Tổng hợp bảng trình đọc màn hình chính (VoiceOver, NVDA, JAWS, TalkBack, Narrator) kèm nền tảng, trình duyệt, thị phần và thứ tự ưu tiên kiểm thử.
  • Liệt kê phím tắt cốt lõi cho từng công cụ: rotor, danh sách phần tử, nhảy theo heading/form/landmark, và phân biệt chế độ Browse/Focus.
  • Cung cấp checklist theo nhóm (tải trang, điều hướng, biểu mẫu, nội dung động, bảng) và kịch bản kiểm thử NVDA từng bước.
  • Đưa ví dụ mã lỗi → mã đã sửa cho ARIA, cùng mẫu modal có focus trap, live region và tab interface.

Phù hợp với ai

  • Lập trình viên front-end, QA, chuyên viên accessibility
  • Nhóm cần đạt WCAG hoặc kiểm định truy cập cho dịch vụ công/ngân hàng
  • Người làm SPA gặp vấn đề quản lý focus và thông báo động

Ví dụ sử dụng

  1. Nút chỉ có icon không được đọc tên → áp dụng mẫu aria-label + aria-hidden.
  2. Trước khi phát hành form thanh toán, chạy đúng kịch bản NVDA để kiểm tra nhãn, thông báo lỗi và di chuyển focus.
  3. Thêm role=dialog, aria-modal và bẫy focus cho hộp thoại rồi đối chiếu bằng checklist VoiceOver.

· · · 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/wshobson/agents/HEAD/plugins/accessibility-compliance/skills/screen-reader-testing/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 plugins/accessibility-compliance/skills/screen-reader-testing từ repo GitHub wshobson/agents vào ~/.claude/skills/screen-reader-testing/ 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/wshobson/agents.git /tmp/agents && mkdir -p ~/.claude/skills && cp -r /tmp/agents/plugins/accessibility-compliance/skills/screen-reader-testing ~/.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/wshobson/agents.git /tmp/agents
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r /tmp/agents/plugins/accessibility-compliance/skills/screen-reader-testing ~/.claude/skills/
  5. Khởi động lại Claude Code và yêu cầu ví dụ: "kiểm thử trình đọc màn hình cho trang này".
  6. Để kiểm thử thật, bật VoiceOver trên macOS (Cmd+F5) hoặc cài NVDA từ nvaccess.org trên Windows.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT