Nguyên tắc “Có thể thao tác” trong tiêu chuẩn tiếp cận web nhằm mục đích giúp người dùng dễ dàng thao tác với giao diện. Đối với những người khuyết tật về thị giác, vận động, hoặc những người chỉ sử dụng bàn phím để điều khiển, một trang web có tính khả dụng cao là vô cùng quan trọng. Dưới đây là tóm tắt về nguyên tắc “Có thể thao tác” và cách triển khai cụ thể.
Nguyên tắc “Có thể thao tác” là gì?
“Có thể thao tác” có nghĩa là tất cả các chức năng trên trang web phải có thể sử dụng được không chỉ với chuột mà còn đối với người dùng sử dụng bàn phím hoặc công nghệ hỗ trợ. Nguyên tắc này dựa trên các tiêu chuẩn sau:
- Có thể thao tác bằng bàn phím
- Có thể điều chỉnh giới hạn thời gian
- Không gây ra cơn động kinh
- Cung cấp điều hướng rõ ràng và thông tin dễ hiểu
Các phương pháp cụ thể để thực hiện nguyên tắc “Có thể thao tác”
1. Hỗ trợ thao tác bằng bàn phím
Một trang web có thể thao tác chỉ bằng bàn phím sẽ cung cấp môi trường dễ sử dụng cho tất cả người dùng. Đặc biệt, cần lưu ý các điểm sau để hỗ trợ thao tác bằng bàn phím:
- Đảm bảo có thể di chuyển đến các liên kết quan trọng, nút bấm và trường nhập liệu bằng phím Tab
- Cấu hình để có thể nhấn nút bằng phím Enter hoặc Spaceキー
- Hiển thị tiêu điểm bàn phím: Quan trọng là phải làm cho các yếu tố đang được tiêu điểm rõ ràng, thông qua màu sắc hoặc viền, để người dùng dễ dàng nhận biết.
Ví dụ: Nút bấm hỗ trợ thao tác bằng bàn phím
<button>Gửi</button>
2. Cài đặt và điều chỉnh giới hạn thời gian
Khi có giới hạn thời gian, cần cho phép người dùng kéo dài thời gian nếu cần thiết, để tất cả người dùng có thể thao tác một cách thoải mái. Nếu thời gian giới hạn quá ngắn, sẽ gây ra căng thẳng cho những người gặp khó khăn trong việc thao tác.
Ví dụ: Cảnh báo cho phép người dùng chọn kéo dài thời gian
<div role="alert" aria-live="assertive">
Trang này có giới hạn thời gian xem. Để kéo dài thời gian, vui lòng nhấp vào nút "Kéo dài thời gian"
<button>Kéo dài thời gian</button>
</div>
3. Thiết kế không gây kích thích động kinh
Đối với một số người dùng, nội dung có nhấp nháy hoặc nhấp nháy mạnh có thể gây ra cơn động kinh. Thông thường, người ta khuyến nghị tránh nhấp nháy quá 3 lần mỗi giây.
- Tránh các yếu tố nhấp nháy nhanh
- Giới hạn hoạt ảnh và cung cấp nút dừng khi cần thiết
4. Các biện pháp giúp người dùng dễ dàng điều hướng:
Bằng cách sử dụng cấu trúc trang rõ ràng và tên liên kết, nút bấm dễ hiểu, việc điều hướng trở nên mượt mà hơn. Đặc biệt, đối với các liên kết trong phần đầu trang (header) và thanh bên (sidebar), hãy gắn nhãn rõ ràng để truyền đạt nội dung một cách dễ dàng.
- Tạo một liên kết Skip to Content ở đầu trang để người dùng có thể truy cập ngay vào nội dung chính.
- Sử dụng thuộc tính ARIA Landmark để giúp người dùng trình đọc màn hình dễ dàng nhận diện các phần trên trang. Ví dụ: Liên kết điều hướng rõ ràng
<a href="#main-content" class="skip-link">Bỏ qua đến nội dung chính</a>
<nav aria-label="Điều hướng chính">
<ul>
<li><a href="#home">Trang chủ</a></li>
<li><a href="#about">Về trang web này</a></li>
<li><a href="#contact">Liên hệ</a></li>
</ul>
</nav>
Công cụ và phương pháp kiểm tra để thực hiện nguyên tắc “Có thể thao tác”
Để xác nhận một trang web có thể thao tác, hãy sử dụng các công cụ và phương pháp kiểm tra sau đây.
- Kiểm tra bàn phím: Kiểm tra xem có thể thao tác toàn bộ trang web chỉ bằng phím Tab và phím Enter hay không.
- Kiểm tra trình đọc màn hình: Sử dụng trình đọc màn hình để kiểm tra xem các liên kết và nút bấm có được đọc rõ ràng với vai trò của chúng hay không.
- Công cụ WAVE: Sử dụng các công cụ kiểm tra khả năng tiếp cận như WAVE để kiểm tra xem thiết kế có đảm bảo tính thao tác được hay không.
Tóm tắt
Bằng cách áp dụng nguyên tắc “Có thể thao tác”, tất cả người dùng sẽ có thể tự do truy cập và thao tác với nội dung trên web. Bằng cách hỗ trợ thao tác bằng bàn phím, thiết kế ngăn ngừa cơn động kinh và tạo điều hướng đơn giản, chúng ta có thể cải thiện đáng kể tính khả dụng của trang web.
Tiếp cận khả năng sử dụng là một yếu tố quan trọng giúp nâng cao trải nghiệm người dùng. Hướng đến một trang web mà nhiều người có thể sử dụng một cách thoải mái, hãy thực hiện thiết kế “Có thể thao tác” để đảm bảo rằng trang web của bạn phù hợp với mọi người dùng.
Chúng tôi đã phát hành UUU Web Accessibility Widget Tool, công cụ giúp dễ dàng triển khai khả năng truy cập web. Nếu bạn quan tâm đến việc cải thiện khả năng truy cập, hãy xem thêm thông tin chi tiết.