Về hướng dẫn WCAG 2.2, ‘2.2.3 Không có thời gian’ cấp AAA
Mở đầu
Trong “2.2.3 Không có thời gian” của WCAG 2.2, yêu cầu rằng các hạn chế về thời gian trong nội dung không được cản trở thao tác hoặc trải nghiệm của người dùng. Tiêu chuẩn này nhằm ngăn ngừa các hạn chế về thời gian gây ảnh hưởng đến hành vi của người dùng.
1. Tổng quan về tiêu chuẩn
Yêu cầu
- Không đặt giới hạn thời gian trừ khi thời gian là một phần thiết yếu của sự kiện hoặc hoạt động trong nội dung.
- Ngoại lệ:
- Phương tiện đồng bộ không tương tác (ví dụ: phát phim hoặc nhạc).
- Sự kiện thời gian thực (ví dụ: phát trực tiếp hoặc trận đấu thể thao).
2. Phương pháp triển khai
a. Loại bỏ giới hạn thời gian
Ví dụ về việc triển khai biểu mẫu và nhiệm vụ
HTML
<form id="taskForm">
<label for="task">Vui lòng nhập nhiệm vụ:</label>
<input type="text" id="task" name="task">
<button type="submit">Gửi</button>
</form>
<div id="message"></div>
JavaScript
const form = document.getElementById('taskForm');
const message = document.getElementById('message');
form.addEventListener('submit', (event) => {
event.preventDefault(); // Không đặt giới hạn thời gian, người dùng có thể thao tác theo nhịp độ của mình
message.textContent = 'Nhiệm vụ đã được gửi. Cảm ơn bạn đã làm việc vất vả!';
});
Trong ví dụ này, vì biểu mẫu không có giới hạn thời gian, người dùng có thể nhập dữ liệu theo nhịp độ của mình.
b. Xử lý ngoại lệ cho sự kiện thời gian thực
Thông báo sự kiện trực tiếp
Nếu giới hạn thời gian là điều không thể thiếu đối với sự kiện diễn ra theo thời gian thực, điều này sẽ được thông báo rõ ràng.
HTML
<div>
<p>Sự kiện trực tiếp này đang diễn ra theo thời gian thực. Không thể tua lại hoặc tạm dừng.</p>
</div>
c. Ngoại lệ trong trường hợp phương tiện đồng bộ
Phương tiện đồng bộ không tương tác (ví dụ: phát phim) yêu cầu thời gian là yếu tố thiết yếu. Tuy nhiên, nếu thêm tính năng cho phép người dùng điều chỉnh nhịp độ, tính khả dụng sẽ được cải thiện.
Cung cấp điều khiển phát và tạm dừng
HTML
<video id="movie" controls>
<source src="movie.mp4" type="video/mp4">
Trình duyệt của bạn không hỗ trợ phát video.
</video>
3. Các ví dụ thất bại thường gặp và cách khắc phục
a. Không thể bỏ giới hạn thời gian
Ví dụ thất bại
<form>
<label for="name">Tên:</label>
<input type="text" id="name" name="name">
<button type="submit">Gửi</button>
<p>Vui lòng gửi trong vòng 10 giây</p>
</form>
Vấn đề
- Vì có giới hạn thời gian, không phải tất cả người dùng đều có thể hoàn thành
Ví dụ cải thiện
- Loại bỏ giới hạn thời gian và cho phép người dùng hoàn thành nhiệm vụ theo nhịp độ của mình
b. Không có phương án thay thế không có giới hạn thời gian được cung cấp
Ví dụ thất bại
- Cần nhập dữ liệu theo thời gian thực, nhưng không có phương án thay thế nếu người dùng không thể hoàn thành trong thời gian quy định.
Ví dụ cải thiện
- Cung cấp thêm thời gian hoặc tùy chọn nhập liệu thủ công cho người dùng gặp khó khăn trong việc hoàn thành nhiệm vụ theo thời gian thực.
4. Lợi ích của khả năng tiếp cận
a. Cải thiện trải nghiệm người dùng
- Cung cấp môi trường giúp người dùng thao tác theo nhịp độ của mình mà không gặp phải căng thẳng.
b. Hỗ trợ người dùng đa dạng
- Thiết kế thân thiện với người dùng có rối loạn nhận thức hoặc vận động
c. Cải thiện tính linh hoạt
- Thiết kế không có giới hạn thời gian cung cấp trải nghiệm thân thiện cho tất cả người dùng.
5. Phương pháp kiểm tra
a. Kiểm tra thủ công
- Xác nhận rằng không có giới hạn thời gian đối với biểu mẫu và nhiệm vụ.
- Xác nhận rằng các sự kiện thời gian thực và phương tiện đồng bộ được thông báo đúng cách.
b. Kiểm tra tính khả dụng
- Yêu cầu các người dùng khác nhau, bao gồm cả người dùng có khuyết tật, tham gia kiểm tra và xác nhận xem có vấn đề gì liên quan đến thời gian hay không.
Tóm tắt
Mục tiêu của “2.2.3 Không có thời gian” trong WCAG 2.2 là loại bỏ các giới hạn thời gian, giúp tất cả người dùng có thể tự do thao tác với nội dung.
Điểm cần chú ý khi triển khai
- Ưu tiên thiết kế không có giới hạn thời gian.
- Nếu cần giới hạn thời gian trong trường hợp ngoại lệ, phải thông báo rõ ràng.
- Cung cấp cơ chế cho phép người dùng điều chỉnh nhịp độ của mình.
Bằng cách thực hiện những điều này, bạn có thể cung cấp nội dung web dễ sử dụng cho tất cả 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.