Nguyên tắc “Hiểu được” trong tiêu chuẩn khả năng tiếp cận web nhằm mục đích giúp người dùng có thể trực quan hiểu và thao tác chính xác với nội dung và giao diện. Đặc biệt, đối với những người dùng có khuyết tật nhận thức hoặc rối loạn học tập, việc thông tin được tổ chức rõ ràng và dễ hiểu là rất quan trọng. Bài viết này sẽ giới thiệu chi tiết về nguyên tắc “Hiểu được” và cách thức triển khai cụ thể.
Nguyên tắc ‘Hiểu được’ là gì?
‘Hiểu được’ có nghĩa là nội dung và các bước thao tác trên website phải được cung cấp một cách rõ ràng và nhất quán, dễ hiểu đối với tất cả người dùng. Nguyên tắc này bao gồm các tiêu chí sau:
- Sử dụng ngôn ngữ rõ ràng hỗ trợ khả năng đọc hiểu
- Điều hướng có thể dự đoán được và nhất quán
- Thông báo lỗi và hỗ trợ nhập liệu
Phương pháp cụ thể để hiện thực hóa nguyên tắc ‘Hiểu được’
1. Sử dụng ngôn ngữ rõ ràng và ngắn gọn
Hãy tránh sử dụng các biểu hiện phức tạp và thuật ngữ chuyên ngành, và sử dụng những từ ngữ mà người dùng có thể dễ dàng hiểu. Khi đảm bảo tính dễ đọc, sẽ giúp ngăn ngừa sự bối rối của người dùng và làm cho việc hiểu trở nên dễ dàng hơn.
Ví dụ：Diễn đạt bằng những từ ngữ đơn giản
<p>Để mua sản phẩm trên trang web này, hãy thêm vào giỏ hàng và sau đó nhấp vào nút thanh toán</p>
2. Điều hướng và thiết kế nhất quán
Điều hướng và giao diện trên trang web nên có thiết kế nhất quán. Việc thay đổi thiết kế và sắp xếp các yếu tố trên từng trang sẽ gây nhầm lẫn, vì vậy việc thống nhất các hành động mà người dùng mong đợi là rất quan trọng.
Ví dụ：Đặt các liên kết điều hướng một cách rõ ràng và dễ hiểu
<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>
3. Hỗ trợ lỗi nhập liệu và phản hồi rõ ràng
Khi xảy ra lỗi nhập liệu, điều quan trọng là phải truyền đạt cụ thể lý do lỗi và giải pháp cho người dùng. Thông báo lỗi cần ngắn gọn, rõ ràng và giúp người dùng dễ dàng nhận biết cần sửa chữa ở đâu.
Ví dụ：Hiển thị thông báo lỗi và cách sửa chữa
<form>
<label for="email">Địa chỉ email</label>
<input type="email" id="email" required aria-describedby="error">
<div id="error" aria-live="assertive">Định dạng địa chỉ email không chính xác. Ví dụ: user@example.com</div>
</form>
4. Những nhãn ARIA hỗ trợ việc đọc và cấu trúc của trang web
Để hỗ trợ trình đọc màn hình, sử dụng nhãn ARIA cho các yếu tố quan trọng, giúp người dùng khiếm thị có thể hiểu được nội dung. Điều này giúp tên và vai trò của các yếu tố được truyền đạt rõ ràng, hỗ trợ việc hiểu nội dung.
<button aria-label="Thêm vào giỏ hàng">🛒</button>
Công cụ để kiểm tra tính ‘Hiểu được’
Hãy sử dụng các công cụ như sau để kiểm tra tính dễ hiểu của trang web:
- WAVE：Thực hiện kiểm tra khả năng tiếp cận về cấu trúc thị giác và xác nhận xem có yếu tố nào cản trở sự hiểu biết hay không. Kiểm tra khả năng đọc hiểu: Đây là công cụ đánh giá độ dễ đọc của nội dung, giúp xác định liệu lựa chọn từ ngữ có dễ hiểu hay không.
- Kiểm tra bàn phím: Kiểm tra xem giao diện có dễ dàng thao tác chỉ bằng bàn phím hay không và xác nhận xem nó có đáp ứng các tiêu chuẩn khả năng tiếp cận hay không.
Tóm tắt
Bằng cách áp dụng nguyên tắc ‘Hiểu được’, chúng ta có thể tạo ra giao diện và nội dung dễ hiểu cho tất cả người dùng. Thông qua việc sử dụng các biểu đạt dễ đọc, thiết kế nhất quán và thông báo lỗi dễ hiểu, có thể cải thiện đáng kể sự tiện lợi của trang web.
Cải thiện khả năng tiếp cận sẽ dẫn đến một trải nghiệm web thoải mái cho tất cả người dùng. Hãy hướng đến thiết kế ‘Hiểu được’ và tạo ra một môi trường web bao gồm tất cả mọi người.
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.