Báo cáo Accessibility & Kiểm thử Bàn phím
1. Đánh giá rào cản và giải pháp hỗ trợ
Đối với người khiếm thị sử dụng phần mềm đọc màn hình (Screen Reader) và người dùng chỉ sử dụng bàn phím (Keyboard-only):
- Rào cản: Các trường không có label hoặc dùng placeholder thay cho label khiến bộ đọc màn hình không thể đọc tên trường. Việc thiếu trạng thái :focus rõ ràng khiến người dùng điều hướng bằng Tab bị mất dấu vị trí hiện tại.
- Giải pháp khắc phục: 100% trường đều có label liên kết chuẩn qua for/id hoặc implicit bọc trực tiếp. Trạng thái :focus được bổ sung outline dày và box-shadow độ tương phản cao. Thêm văn bản hướng dẫn (<small>) giải thích rõ định dạng min, max, minlength.
2. Kết quả kiểm thử phím Tab
Thứ tự điều hướng Tab đi theo đúng dòng đọc tự nhiên: từ họ tên → email → mã HĐ → range điểm số → color → number số lần → nhóm radio NPS → nhóm checkbox → textarea góp ý → nút Gửi. Toàn bộ các tương tác đều có con trỏ pointer rõ ràng.