Không được khoá hoặc giữ tiêu điểm bàn phím tại một phần tử trang cụ thể. Người dùng cần có thể di chuyển đến và đi từ tất cả các phần tử trang chỉ bằng bàn phím.
Cách kiểm thử theo cách thủ công
Để kiểm thử rằng người dùng không vô tình chặn được tiêu điểm của họ, hãy di chuyển đến và đi từ tất cả các phần tử trang chỉ bằng bàn phím.
Sử dụng TAB để di chuyển "tiến" và SHIFT + TAB để di chuyển "lùi".
Nếu không thể vượt qua tất cả các phần tử trang thành công, thì nghĩa là bạn đã không vượt qua bài kiểm thử. Khi kiểm thử, đặc biệt là hãy chú ý đến các tiện ích tự động hoàn thành vì tiêu điểm bàn phím có thể bị kẹt.
Cách khắc phục
Các trang trình bày nội dung ở nhiều định dạng, chẳng hạn như hộp thoại và tiện ích phương thức, có nguy cơ bị bẫy lấy nét. Trong trường hợp hiển thị một phương thức, khi bạn không muốn người dùng tương tác với phần còn lại của trang, bạn nên tạm thời mắc kẹt người dùng.
Tuy nhiên, bạn cũng nên cung cấp một phương thức để thoát khỏi phương thức mà bạn có thể truy cập bằng bàn phím. Hãy xem ví dụ này về cách tạo một cửa sổ có thể truy cập được. Xem thêm về Mô-đun và đàn bẫy bàn phím. Trong ví dụ này, bạn nhận được các hành vi mong muốn của một phương thức mà không buộc người dùng phải làm mới trang để thoát khỏi bẫy tiêu điểm.
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 bị mắc kẹt trong một thành phần cụ thể của trang, họ sẽ 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.
Tài nguyên
Mã nguồn cho bài kiểm tra Tiêu điểm người dùng không vô tình bị mắc kẹt trong một khu vực