Accessibility cho landing page: kiểm tra gì trước khi nói trang dễ sử dụng?
Biên soạn: Nguyễn Minh Phương · 5 phút đọc · Cập nhật 21/8/2026
Trả lời nhanh
Accessibility landing page cần đánh giá cấu trúc, cảm nhận, thao tác, khả năng hiểu và tương thích theo WCAG; checklist hoặc công cụ tự động không đủ để tuyên bố conform.
Khung áp dụng
Ba điểm cần kiểm tra trước khi làm
Phù hợp với doanh nghiệp muốn trang dễ dùng hơn cho người dùng bàn phím, screen reader, zoom, thị lực màu và nhiều bối cảnh thiết bị.
| STT | Câu hỏi ra quyết định | Hành động hoặc bằng chứng cần có |
|---|---|---|
| 1 | Phạm vi WCAG và success criteria nào được kiểm tra? | Rà cấu trúc, màu, zoom và media. |
| 2 | Form, focus và lỗi có dùng được bằng bàn phím không? | Kiểm tra bàn phím và focus. |
| 3 | Kết quả tự động đã được kiểm tra thủ công chưa? | Rà label, instruction và error. |
Bắt đầu từ bốn nguyên tắc và nhiệm vụ thật của trang
W3C tổ chức WCAG theo perceivable, operable, understandable và robust với success criteria ở các cấp. Landing page cần cấu trúc heading, text alternative, tương phản, zoom, bàn phím, focus và nội dung media phù hợp. Công cụ tự động chỉ phát hiện một phần và không tự chứng minh conformance.
- Không dùng màu là tín hiệu duy nhất.
- Không bỏ focus visible.
- Không dùng alt như nơi nhồi từ khóa.
Form cần label, instruction, error và trạng thái thành công có thể hiểu
W3C WAI hướng dẫn label mô tả mục đích control và liên kết đúng với input. Placeholder không thay label. Trường bắt buộc, định dạng, lỗi và cách sửa cần rõ; focus phải tới lỗi phù hợp. Form được thử bằng bàn phím, screen reader và người dùng khi có thể.
- Không chỉ đánh dấu lỗi bằng màu.
- Không reset toàn form sau một lỗi.
- Không gọi trang đạt WCAG nếu chưa đánh giá success criteria.
Tình huống minh họa
Placeholder được thay bằng label thật
Label luôn hiển thị và liên kết input; instruction, lỗi cùng trạng thái required được đọc đúng khi test bàn phím và screen reader.
Bản ghi phạm vi accessibility
Nói rõ điều đã test, tiêu chí nào và lỗi nào vẫn còn
Kết hợp automated scan, keyboard, screen reader và review nội dung
W3C tổ chức WCAG bằng nguyên tắc, guidelines và success criteria. Bản ghi test nêu URL, phiên bản, trình duyệt, công cụ, thao tác và người kiểm tra. Form được rà label, instruction, error và focus. Chỉ khi phạm vi cùng tiêu chí được đánh giá mới có cơ sở nói về mức conformance.
- Không dùng một điểm công cụ làm chứng nhận.
- Không bỏ test zoom và reflow.
- Không che lỗi bằng overlay.
Checklist triển khai
- Rà cấu trúc, màu, zoom và media.
- Kiểm tra bàn phím và focus.
- Rà label, instruction và error.
- Ghi phạm vi test và lỗi còn lại.
Tóm tắt
Rà cấu trúc, cảm nhận, bàn phím, focus, zoom, form, lỗi và ghi phạm vi kiểm tra. Checklist và công cụ tự động không đủ để chứng nhận conformance WCAG.
Tài liệu tham khảo
Ghi chú biên soạn: nội dung được tổng hợp từ các tài liệu được liệt kê và giới hạn ở góc nhìn quản lý thông tin marketing; bài không bảo đảm vị trí hiển thị trên Google.