Về hướng dẫn WCAG 2.2, tiêu chí 3.1.4 (Viết tắt) Mức AAA
Mở đầu
Tiêu chí “3.1.4 Viết tắt” của WCAG 2.2 yêu cầu cung cấp cơ chế để xác định dạng mở rộng và ý nghĩa của các từ viết tắt được sử dụng trên trang web. Tiêu chí này rất quan trọng đối với người dùng không hiểu ý nghĩa của các từ viết tắt, giúp họ có được thông tin chính xác.
1. Khái quát tiêu chí
Yêu cầu
- Cần cung cấp dạng mở rộng và giải thích về các từ viết tắt (ví dụ: “WCAG”, “HTML”)
- Nếu từ viết tắt có nghĩa khác nhau tùy theo ngữ cảnh, cần cung cấp cơ chế để xác định từng nghĩa của nó
2. Phương pháp triển khai
a. Sử dụng thẻ abbr
Bằng cách sử dụng thẻ abbr trong HTML, bạn có thể liên kết dạng mở rộng với từ viết tắt.
Ví dụ: Sử dụng thẻ abbr
<p>Trang này dựa trên <abbr title="Web Content Accessibility Guidelines">WCAG</abbr></p>
- Bằng cách ghi dạng mở rộng vào thuộc tính title, khi người dùng di chuột lên từ viết tắt, ý nghĩa của nó sẽ được hiển thị.
b. Cung cấp dạng mở rộng gần từ viết tắt
Đây là cách chỉ ra dạng mở rộng khi từ viết tắt xuất hiện lần đầu tiên.
Ví dụ: Thêm dạng mở rộng sau từ viết tắt
<p>Dự án của chúng tôi tuân thủ các Hướng dẫn Tiếp cận Nội dung Web (WCAG).</p>
- Khi sử dụng từ viết tắt lần đầu tiên, cần ghi rõ dạng mở rộng.
c. Tạo một từ điển thuật ngữ (glossary)
Cung cấp một từ điển thuật ngữ bao gồm danh sách các từ viết tắt và ý nghĩa của chúng.
Ví dụ: Đặt từ điển thuật ngữ trong trang
<h2>Từ điển thuật ngữ</h2>
<dl>
<dt>WCAG</dt>
<dd>Web Content Accessibility Guidelines</dd>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
</dl>
Ví dụ: Thêm liên kết đến từ điển thuật ngữ bên ngoài
<p>Về chi tiết các từ viết tắt, vui lòng xem <a href="#glossary">từ điển thuật ngữ</a></p>
d. Cung cấp liên kết đến tài nguyên bên ngoài hoặc từ điển
Sử dụng liên kết đến từ điển trực tuyến hoặc từ điển thuật ngữ chuyên ngành
Ví dụ: Liên kết đến từ điển
<p>Chi tiết, vui lòng xem <a href="https://example.com/glossary/wcag" target="_blank">định nghĩa WCAG</a></p>
3. Các ví dụ thất bại phổ biến và biện pháp cải thiện
a. Không có dạng mở rộng của từ viết tắt
Ví dụ thất bại
<p>Tiêu chí này dựa trên WCAG</p>
Vấn đề
- Ý nghĩa của “WCAG” không được làm rõ, có thể gây nhầm lẫn cho người dùng.
Biện pháp cải thiện
<p>Tiêu chí này dựa trên Hướng dẫn Tiếp cận Nội dung Web（<abbr title="Web Content Accessibility Guidelines">WCAG</abbr>)</p>
b. Từ viết tắt có nhiều nghĩa nhưng không có giải thích
Ví dụ thất bại
<p>ATM rất tiện lợi. ATM là viết tắt của Adaptive Traffic Management</p>
Vấn đề
- Ý nghĩa của từ viết tắt thay đổi tùy theo ngữ cảnh, nhưng không có sự phân biệt rõ ràng
Biện pháp cải thiện
- Hiển thị dạng mở rộng khác nhau cho từng từ viết tắt
<p>ATM（Automated Teller Machine) rất tiện lợi. Trong một ngữ cảnh khác, ATM là viết tắt của Adaptive Traffic Management.</p>
4. Lợi ích của khả năng truy cập (accessibility)
a. Việc hiểu các từ viết tắt sẽ trở nên dễ dàng hơn
- Khi ý nghĩa của từ viết tắt được làm rõ, tất cả người dùng sẽ có thể hiểu chính xác nội dung.
b. Tích hợp với công nghệ hỗ trợ
- Vì trình đọc màn hình sẽ đọc dạng mở rộng của từ viết tắt, thông tin sẽ được truyền đạt một cách thích hợp đến người dùng khiếm thị.
c. Cải thiện hỗ trợ đa ngôn ngữ
- Bằng cách cung cấp ý nghĩa của từ viết tắt, nội dung sẽ dễ hiểu hơn đối với người không phải là người bản ngữ.
5. Phương pháp kiểm tra
a. Kiểm tra thủ công
- Xác định các từ viết tắt trong nội dung
- Kiểm tra xem mỗi từ viết tắt có được cung cấp dạng mở rộng hoặc giải thích hay không
b. Công cụ kiểm tra tự động
- Sử dụng Axe hoặc WAVE để kiểm tra xem thẻ abbr và thuộc tính title đã được thiết lập đúng cách hay chưa.
Tóm tắt
Tiêu chí “3.1.4 Viết tắt” của WCAG 2.2 nhằm cung cấp dạng mở rộng và giải thích của các từ viết tắt để tất cả người dùng có thể hiểu chính xác nội dung.
Điểm cần lưu ý khi triển khai
- Sử dụng thẻ abbr để cung cấp dạng mở rộng của từ viết tắt.
- Ghi rõ dạng mở rộng của từ viết tắt khi nó xuất hiện lần đầu tiên.
- Cung cấp liên kết đến từ điển thuật ngữ hoặc tài nguyên bên ngoài.
Điều này giúp cung cấp nội dung web dễ sử dụng và dễ truy cập 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.