Về tiêu chí 2.4.5 ‘Nhiều cách’ trong hướng dẫn WCAG 2.2, mức độ AA
Mở đầu
Tiêu chí 2.4.5 “Nhiều cách” trong WCAG 2.2 yêu cầu cung cấp nhiều phương thức để truy cập vào một trang cụ thể trong website. Điều này giúp người dùng có thể đến được trang mong muốn theo cách phù hợp với sở thích và nhu cầu của họ.
1. Tổng quan tiêu chí
Yêu cầu
- Cung cấp nhiều phương thức (ví dụ: menu điều hướng, chức năng tìm kiếm, sơ đồ trang web, v.v.) để giúp người dùng dễ dàng tìm thấy một trang cụ thể.
- Tiêu chí này không áp dụng cho các phần của quy trình (ví dụ: quy trình mua hàng) hoặc các trang kết quả tìm kiếm.
2. Phương pháp triển khai
a. Cung cấp menu điều hướng
Ví dụ về điều hướng phù hợp
HTML
<nav>
<ul>
<li><a href="/">Trang chủ</a></li>
<li><a href="/about">Giới thiệu công ty</a></li>
<li><a href="/products">Danh sách sản phẩm</a></li>
<li><a href="/contact">Liên hệ</a></li>
</ul>
</nav>
- Việc cung cấp điều hướng toàn cục (global navigation) giúp dễ dàng truy cập đến tất cả các trang trên website.
b. Cung cấp sơ đồ trang web
Ví dụ về sơ đồ trang web đơn giản
HTML
<h2>Sơ đồ trang web</h2>
<ul>
<li><a href="/">Trang chủ</a></li>
<li><a href="/about">Giới thiệu công ty</a></li>
<li><a href="/products">Danh sách sản phẩm</a></li>
<ul>
<li><a href="/products/product1">Sản phẩm 1</a></li>
<li><a href="/products/product2">Sản phẩm 2</a></li>
</ul>
<li><a href="/contact">Liên hệ</a></li>
</ul>
- Việc cung cấp sơ đồ trang web giúp người dùng có thể nắm bắt cấu trúc tổng thể của trang web một cách nhanh chóng.
c. Cung cấp chức năng tìm kiếm
Ví dụ về biểu mẫu tìm kiếm
HTML
<form action="/search" method="get">
<label for="search">Tìm kiếm trong trang web:</label>
<input type="text" id="search" name="q" placeholder="Nhập từ khóa">
<button type="submit">Tìm kiếm</button>
</form>
- Bằng cách sử dụng chức năng tìm kiếm, người dùng có thể tìm thấy nội dung mong muốn trực tiếp thông qua từ khóa.
d. Cung cấp liên kết đến các trang liên quan
Ví dụ về liên kết liên quan
HTML
<aside>
<h3>Trang liên quan</h3>
<ul>
<li><a href="/products">Danh sách sản phẩm</a></li>
<li><a href="/services">Tổng quan dịch vụ</a></li>
<li><a href="/faq">Câu hỏi thường gặp</a></li>
</ul>
</aside>
- Việc đặt liên kết đến các trang liên quan trong nội dung hoặc thanh bên giúp di chuyển giữa các trang trở nên mượt mà hơn.
3. Ví dụ thường gặp về lỗi và cách cải thiện
a. Không có nhiều phương thức truy cập
Ví dụ lỗi
- Toàn bộ trang web chỉ phụ thuộc vào một menu điều hướng duy nhất, không có chức năng tìm kiếm hay sơ đồ trang web.
Biện pháp cải thiện
- Thêm chức năng tìm kiếm và sơ đồ trang web để cung cấp các phương thức truy cập khác.
b. Cấu trúc trang web không rõ ràng
Ví dụ lỗi
- Không cung cấp sơ đồ trang web, khiến người dùng gặp khó khăn trong việc tìm đến trang mong muốn.
Biện pháp cải thiện
- Tạo sơ đồ trang web hoặc mục lục để làm rõ cấu trúc tổng thể của trang web.
4. Lợi ích của khả năng truy cập
a. Tăng sự lựa chọn cho người dùng
- Bằng cách cung cấp nhiều phương thức, người dùng có thể truy cập vào trang mong muốn theo cách phù hợp với bản thân.
b. Nâng cao trải nghiệm người dùng
- Vì người dùng có thể truy cập nhanh chóng vào thông tin cần thiết, nên tính dễ sử dụng của toàn bộ trang web được cải thiện.
c. Quan tâm đến người dùng có khuyết tật
- Có thể cung cấp các phương thức điều hướng phù hợp cho người dùng sử dụng bàn phím hoặc trình đọc màn hình.
5. Phương pháp kiểm tra
a. Kiểm tra thủ công
- Xác nhận xem menu điều hướng, chức năng tìm kiếm và sơ đồ trang web có khả dụng hay không.
- Xác minh xem có thể truy cập cùng một trang thông qua nhiều phương thức khác nhau hay không.
b. Công cụ kiểm tra tự động
- Sử dụng các công cụ như Axe hoặc WAVE để kiểm tra chức năng điều hướng của toàn bộ trang web.
Tóm tắt
Tiêu chí 2.4.5 “Nhiều cách” trong WCAG 2.2 nhằm mục đích cung cấp nhiều phương thức để truy cập vào một trang cụ thể, giúp tất cả người dùng có thể tiếp cận nội dung mong muốn một cách hiệu quả.
Điểm cần lưu ý khi triển khai
- Cung cấp menu điều hướng toàn cục (global navigation).
- Thêm sơ đồ trang web và chức năng tìm kiếm.
- Hiển thị rõ ràng các liên kết đến trang liên quan.
Điều này giúp nâng cao sự tiện lợi cho người dùng và xây dựng một trang web có khả năng truy cập tốt.
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.