Trình kiểm tra ARIA
Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn
Dán đoạn HTML và công cụ chỉ ra thiếu alt, phần tử tương tác rỗng, role không hợp lệ, và aria-hidden trên phần tử có thể focus.
Công cụ phát hiện những lỗi gì
Thiếu alt trên <img>, <button>/<a> rỗng không có aria-label, anchor có href rỗng hoặc "#", input không có label/id, role không hợp lệ, và aria-hidden="true" trên phần tử có thể focus.
Có thay thế axe hay Lighthouse không
Không. Đây là bước kiểm tra nhanh để bắt lỗi dễ sửa. Trước khi phát hành, vẫn cần audit đầy đủ bằng axe, Lighthouse và kiểm thử với screen reader.
Vì sao chấp nhận role="presentation" cho ảnh
role="presentation" (và role="none") loại bỏ ngữ nghĩa mặc định, đánh dấu ảnh là trang trí. Cùng với alt="" thì công nghệ hỗ trợ sẽ bỏ qua ảnh.
Câu hỏi thường gặp
- Công cụ phát hiện những lỗi gì?
- Thiếu alt trên <img>, <button>/<a> rỗng không có aria-label, anchor có href rỗng hoặc "#", input không có label/id, role không hợp lệ, và aria-hidden="true" trên phần tử có thể focus.
- Có thay thế axe hay Lighthouse không?
- Không. Đây là bước kiểm tra nhanh để bắt lỗi dễ sửa. Trước khi phát hành, vẫn cần audit đầy đủ bằng axe, Lighthouse và kiểm thử với screen reader.
- Vì sao chấp nhận role="presentation" cho ảnh?
- role="presentation" (và role="none") loại bỏ ngữ nghĩa mặc định, đánh dấu ảnh là trang trí. Cùng với alt="" thì công nghệ hỗ trợ sẽ bỏ qua ảnh.
- Có gì được upload không?
- Không. Việc kiểm tra là một hàm JavaScript nhỏ trong trang này; markup không rời khỏi trình duyệt.