Trong khả năng tiếp cận web, “Thay đổi theo yêu cầu” là một tiêu chuẩn quan trọng nhằm cho phép người dùng tùy chỉnh cách hiển thị và thao tác nội dung phù hợp với nhu cầu cá nhân. Việc này giúp những người gặp hạn chế về thị giác, thính giác hoặc thao tác có thể truy cập nội dung web với các cài đặt phù hợp với bản thân, đảm bảo rằng mọi người đều có cơ hội sử dụng web một cách công bằng.
“Thay đổi theo yêu cầu” là gì?
“Thay đổi theo yêu cầu” có nghĩa là cho phép nội dung và giao diện được điều chỉnh linh hoạt theo yêu cầu của người dùng. Cụ thể, điều này đòi hỏi phải đáp ứng các thao tác và cài đặt của người dùng như sau
- Thay đổi kích thước phông chữ và màu sắc
- Điều chỉnh độ tương phản
- Hỗ trợ thao tác bằng bàn phím và trình đọc màn hình
- Điều chỉnh tốc độ phát video và âm thanh hoặc hiển thị phụ đề
Lý do cần thiết phải có “Thay đổi theo yêu cầu”
Do mỗi người dùng có sự khác biệt về thị giác, thính giác và cách thao tác, việc thực hiện “Thay đổi theo yêu cầu” trở nên quan trọng vì những lý do sau:
- Người dùng khiếm thị hoặc có sự khác biệt về nhận thức màu sắc: Việc thay đổi độ tương phản màu sắc và kích thước chữ có thể cải thiện khả năng quan sát nội dung.
- Người dùng khiếm thính: Việc thêm phụ đề vào video giúp họ hiểu được nội dung ngay cả khi không có thông tin âm thanh.
- Người dùng gặp hạn chế trong thao tác: Hỗ trợ thao tác chỉ bằng bàn phím hoặc tương thích với trình đọc màn hình giúp họ điều hướng và sử dụng trang web một cách dễ dàng.
Phương pháp triển khai để thực hiện “Thay đổi theo yêu cầu”
1. Chức năng cho phép người dùng thay đổi kích thước phông chữ và phối màu.
Cung cấp các nút cho phép người dùng phóng to hoặc thu nhỏ kích thước phông chữ, cùng với tùy chọn chuyển đổi giữa các chủ đề màu sắc. Đặc biệt, tính năng điều chỉnh độ tương phản giữa màu nền và màu chữ sẽ rất hữu ích.
Ví dụ: Nút thay đổi kích thước phông chữ
<button onclick="document.body.style.fontSize='larger'">Phóng to kích thước phông chữ</button>
<button onclick="document.body.style.fontSize='smaller'">Thu nhỏ kích thước phông chữ</button>
2. Cung cấp phụ đề hoặc bản chép lời cho nội dung video và âm thanh
Bằng cách cung cấp phụ đề cho video và bản chép lời cho nội dung âm thanh, người dùng có khiếm thính cũng có thể dễ dàng hiểu được nội dung. Phụ đề có thể được triển khai bằng cách sử dụng thẻ <track> trong HTML.
Ví dụ: Thêm phụ đề vào video
<video controls>
<source src="movie.mp4" type="video/mp4">
<track src="subtitles.vtt" kind="subtitles" srclang="ja" label="Phụ đề tiếng Nhật">
</video>
3. Hỗ trợ thao tác bằng bàn phím
Đảm bảo mọi thao tác đều có thể thực hiện được bằng bàn phím, giúp người dùng không thể sử dụng chuột cũng có thể truy cập một cách thuận tiện. Hãy thiết lập rõ ràng vùng focus mà người dùng có thể di chuyển bằng phím Tab và cho phép sử dụng phím Enter để nhấn nút.
Ví dụ: Nút hỗ trợ thao tác bằng bàn phím
<button>Gửi</button>
4. Hỗ trợ trình đọc màn hình
Để hỗ trợ người dùng khiếm thị, hãy sử dụng các thuộc tính ARIA để cung cấp thông tin bổ sung, giúp trình đọc màn hình có thể đọc chính xác nội dung trên trang.
Ví dụ: Cài đặt thuộc tính ARIA
<button aria-label="Tìm kiếm">🔍</button>
Lưu ý khi triển khai “Thay đổi theo yêu cầu”:
-
Cung cấp giao diện cho phép người dùng dễ dàng thay đổi cài đặt Đặt nút cài đặt ở vị trí dễ thấy để người dùng có thể truy cập nhanh chóng các tính năng cần thiết.
-
Đảm bảo việc thay đổi màu sắc và kích thước phông chữ không ảnh hưởng đến bố cục Sử dụng thiết kế đáp ứng (responsive design) và kích thước phông chữ tương đối để đảm bảo bố cục không bị phá vỡ.
-
Tiến hành kiểm tra với trình đọc màn hình và thao tác bằng bàn phím Hãy kiểm tra trong quá trình thử nghiệm khả năng sử dụng (usability test) để đảm bảo các thay đổi đã triển khai tương thích với các công nghệ hỗ trợ.
Tóm tắt
“Thay đổi theo yêu cầu” là một tiêu chuẩn quan trọng về khả năng tiếp cận, nhằm tạo ra một môi trường mà tất cả người dùng đều có thể sử dụng web một cách thoải mái. Bằng cách cho phép tùy chỉnh các cài đặt như điều chỉnh kích thước phông chữ, cung cấp phụ đề hoặc hỗ trợ thao tác bằng bàn phím, trang web có thể đáp ứng nhu cầu đa dạng của người dùng, giúp mọi người dễ dàng truy cập hơn. Hãy thiết kế với sự chú trọng đến khả năng tiếp cận, hướng đến một môi trường web nơi mọi người đều có thể tiếp cận thông tin một cách bình đẳ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.