Các chế độ điều khiển tương tác tuỳ chỉnh phải có thể đặt làm tâm điểm. Ví dụ: nếu bạn sử dụng JavaScript để biến <div> thành một trình đơn thả xuống bắt mắt, thì trình đơn thả xuống đó sẽ không tự động được chèn vào thứ tự thẻ chính xác.
Bạn cần kiểm tra theo cách thủ công để đảm bảo tất cả các chế độ điều khiển tuỳ chỉnh đều có thể làm tâm điểm trên bàn phím.
Khi có thể, hãy sử dụng các phần tử HTML có ngữ nghĩa cho phép tương tác.
Cách kiểm thử
Để kiểm tra xem thành phần điều khiển tuỳ chỉnh có thể lấy tiêu đ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 chế độ điều khiển tương tác trên trang này không?
Nếu không, bạn có thể cần sử 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 đó.
Xem thêm phần Kiểm soát tiêu điểm bằng tabindex.
Cách khắc phục
Để đặt tiêu điểm cho một thành phần điều khiển tuỳ chỉnh, hãy chèn phần tử điều khiển tuỳ chỉnh vào thứ tự thẻ tự nhiên bằ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 chọn không sử dụng chuột, thao tác điều hướng 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à các kiểu tiêu điểm dễ nhận biết. Nếu người dùng bàn phím không thể nhìn thấy nội dung được lấy tiêu điểm, thì họ sẽ không có cách nào để tương tác với trang.
Nếu mới làm quen với hoạt động kiểm thử chức năng hỗ trợ tiếp cận, bạn nên tìm hiểu về kiểm thử chức năng hỗ trợ tiếp cận theo cách thủ công và kiểm thử Công nghệ hỗ trợ.