Các thành phần tương tác (chẳng hạn như đường liên kết và nút) phải cho biết trạng thái của các thành phần đó và dễ phân biệt với các thành phần không tương tác. Để kiểm tra xem các thành phần tương tác có cho biết mục đích và trạng thái của chúng hay không, hãy sử dụng cả hình ảnh và trình đọc màn hình.
Cách kiểm tra tính năng tập trung vào hình ảnh theo cách thủ công
Để kiểm tra tiêu điểm hình ảnh theo cách thủ công, hãy TAB thông qua trang của bạn.
- Bạn có thể gắn thẻ vào từng phần tử tương tác không?
- Khi bạn chuyển đến một thành phần tương tác, có manh mối bằng hình ảnh nào cho biết người dùng có thể tương tác với thành phần đó không?
- Mỗi phần tử tương tác có thay đổi giao diện khi bạn chọn phần tử đó không?
Có nhiều cách để tạo kiểu cho các chỉ báo tiêu điểm cho từng phần tử tương tác.
Một cách chắc chắn là sử dụng :focus.
Lớp giả (pseudo-class) :focus cho phép bạn áp dụng kiểu đồng nhất cho một phần tử.
Kiểu đó được áp dụng bất cứ khi nào phần tử được lấy làm tâm điểm, bất kể thiết bị đầu vào hoặc phương thức được dùng để lấy tiêu điểm phần tử đó là gì.
Tìm hiểu thêm trong phần Tiêu điểm kiểu.
Cách kiểm tra thủ công bằng trình đọc màn hình
Sử dụng trình đọc màn hình, hãy điều hướng trang và kiểm tra xem trình đọc màn hình có thể thông báo tên của từng chế độ điều khiển tương tác, vai trò của chế độ điều khiển đó và trạng thái tương tác hiện tại hay không. Nếu vai trò của một phần tử không rõ ràng và trạng thái của phần tử đó không rõ ràng, bạn có thể cần phải thêm các vai trò ARIA thích hợp. Tìm hiểu thêm trong bài viết Chế độ kiểm soát tuỳ chỉnh có vai trò ARIA.
Bạn cũng cần đặc biệt chú ý đến cách gắn nhãn các phần tử tương tác. Người dùng trình đọc màn hình và các công nghệ hỗ trợ khác dựa vào nhãn để hiểu ngữ cảnh của phần tử đó. Nhãn không rõ ràng thường gặp và không hữu ích khi điều hướng nội dung. Tìm hiểu cách cải thiện Nhãn và văn bản thay thế.
Tại sao điều này quan trọng
Việc cung cấp gợi ý trực quan về chức năng của một chế độ kiểm soát sẽ giúp mọi người vận hành và di chuyển trên trang web của bạn. Những gợi ý này được gọi là thành phần tương tác. Việc cung cấp thành phần giúp mọi người có thể sử dụng trang web của bạn trên nhiều loại thiết bị.
Tài nguyên
Mã nguồn cho Các phần tử tương tác cho biết mục đích và trạng thái kiểm tra của các phần tử đó