Các thành phần điều khiển tương tác tuỳ chỉnh phải có thể lấy tiêu điểm.
Nếu bạn sử dụng JavaScript để biến <div> thành một trình đơn thả xuống ưa thích,
thì trình đơn này sẽ không tự động được chèn vào thứ tự thẻ.
Bạn cần kiểm tra theo cách thủ công để đảm bảo rằng tất cả các chế độ điều khiển tuỳ chỉnh đều có thể lấy tiêu điểm bằng bàn phím.
Xem thêm Nguyên tắc cơ bản về truy cập bàn phím.
Cách kiểm thử theo cách thủ công
Để kiểm tra xem thành phần điều khiển tuỳ chỉnh có thể làm tâm điểm hay không, hãy nhấn phím TAB để di chuyển qua trang web:
Bạn có thể truy cập tất cả các nút điều khiển tương tác trên trang không?
Nếu không, bạn có thể cần phải dùng tabindex để cải thiện khả năng lấy tiêu điểm của các chế độ điều khiển đó.
Hãy xem thêm phần Kiểm soát tiêu điểm bằng chỉ mục thẻ.
Cách khắc phục
Để làm cho một thành phần điều khiển tuỳ chỉnh có thể lấy tiêu điểm,
hãy chèn phần tử điều khiển tuỳ chỉnh vào thứ tự thẻ tự nhiên bằng cách sử dụng tabindex="0".
Ví dụ:
<div tabindex="0">Focus me with the TAB key</div>
Tại sao điều này quan trọng
Đối với những người dùng không thể hoặc không chọn không sử dụng chuột, thao tác bằng bàn phím là phương tiện chính để truy cập vào mọi nội dung trên màn hình. Trải nghiệm bàn phím tốt phụ thuộc vào thứ tự thẻ hợp lý và kiểu tiêu điểm dễ nhận thấy. Nếu người dùng bàn phím không thể nhìn thấy nội dung được đặt tiêu điểm, họ không có cách nào để tương tác với trang.
Tìm hiểu thêm trong bài viết Cách xem xét tính năng hỗ trợ tiếp cận.