pen calendar to do checklist
Photo by Breakingpic on Pexels.com

Hướng dẫn WCAG 2.2 “3.1.3 Thuật ngữ khẩn cấp” Mức AAA

Mở đầu

Tiêu chí “3.1.3 Thuật ngữ khẩn cấp” trong WCAG 2.2 yêu cầu cung cấp một cơ chế để xác định ý nghĩa của những từ ngữ có ý nghĩa hạn chế trong một ngữ cảnh cụ thể, các thành ngữ hoặc thuật ngữ chuyên ngành. Tiêu chuẩn này nhằm đảm bảo người đọc có thể hiểu chính xác nội dung, đặc biệt là đối với những người dùng không quen thuộc với các thành ngữ hoặc thuật ngữ chuyên ngành.


1. Khái quát tiêu chí

Yêu cầu

  • Cần cung cấp một cơ chế để người dùng có thể hiểu nghĩa của các từ hoặc cụm từ có ý nghĩa đặc biệt hoặc sử dụng một cách hạn chế (ví dụ: thành ngữ, thuật ngữ ngành).
  • Cơ chế này nên được cung cấp theo các phương thức sau:
    • Cung cấp định nghĩa
    • Liên kết đến từ điển (glossary)
    • Cung cấp giải thích phù hợp với ngữ cảnh trong trang

2. Phương pháp triển khai

a. Thêm định nghĩa trực tiếp vào trong câu.

Đây là phương pháp thêm giải thích ngay sau từ hoặc cụm từ.

Ví dụ: Định nghĩa trực tuyến

<p>Công cụ này được thiết kế để người dùng có thể dễ dàng sử dụng "Single Sign-On"(<span title="Chức năng cho phép truy cập nhiều dịch vụ với một lần đăng nhập">)</p>
  • Bằng cách sử dụng thuộc tính title, bạn có thể cung cấp một giải thích ngắn gọn cho từ hoặc cụm từ.

b. Sử dụng thẻ dfn để định nghĩa từ hoặc cụm từ

Sử dụng thẻ dfn trong HTML để làm rõ các từ hoặc cụm từ đã được định nghĩa.

Ví dụ: Định nghĩa bằng thẻ dfn

<p>Hệ thống này hỗ trợ Single Sign-On <dfn title="Chức năng cho phép sử dụng nhiều dịch vụ với một lần xác thực"></dfn></p>

c. Tạo từ điển (glossary)

Cung cấp một từ điển trong trang hoặc cung cấp liên kết đến từ điển bên ngoài.

Ví dụ: Liên kết đến từ điển

<p>Vui lòng xem <a href="#glossary">từ điển</a> để biết thêm chi tiết.</p>

Ví dụ: Danh sách từ điển

<dl>
  <dt>Single Sign-On</dt>
  <dd>Chức năng cho phép truy cập nhiều dịch vụ với một lần đăng nhập</dd>
  <dt>Khả năng tiếp cận</dt>
  <dd>Thiết kế đảm bảo rằng mọi người đều có thể sử dụng được</dd>
</dl>

d. Cung cấp liên kết đến từ điển hoặc tài nguyên bên ngoài

Thêm liên kết đến từ điển trực tuyến hoặc tài nguyên chuyên môn.

Ví dụ: Liên kết đến tài nguyên bên ngoài

<p>Chi tiết về "Single Sign-On" vui lòng xem <a href="https://example.com/glossary/sso" target="_blank">tại đây</a></p>

3. Các ví dụ thất bại phổ biến và biện pháp cải thiện

a. Cụm từ không được giải thích

Ví dụ thất bại

<p>Công cụ này hỗ trợ Single Sign-On (SSO)</p>

Vấn đề

  • Ý nghĩa của “Single Sign-On” chưa được giải thích, điều này có thể gây khó khăn cho người dùng không quen thuộc với thuật ngữ chuyên ngành.

Biện pháp cải thiện

<p>Công cụ này hỗ trợ Single Sign-On(<span title="Chức năng cho phép sử dụng nhiều dịch vụ với một lần đăng nhập">Single Sign-On</span>)</p>

b. Giải thích không phù hợp với ngữ cảnh

Ví dụ thất bại

  • Các cụm từ có ý nghĩa khác nhau trong một trang nhưng lại được giải thích bằng cùng một định nghĩa.

Biện pháp cải thiện

  • Thay đổi định nghĩa phù hợp với từng ngữ cảnh.

4. Lợi ích của khả năng truy cập (accessibility)

a. Ngăn ngừa hiểu lầm

  • Bằng cách giải thích các thuật ngữ đặc biệt hoặc thành ngữ, người dùng có thể hiểu chính xác nội dung.

b. Hỗ trợ học tập

  • Đặc biệt đối với người dùng không quen thuộc với các thuật ngữ chuyên ngành, nội dung sẽ trở nên dễ tiếp cận hơn.

c. Trải nghiệm toàn diện

  • Khi các thuật ngữ được định nghĩa rõ ràng, nó sẽ cung cấp khả năng truy cập công bằng cho tất cả người dùng.

5. Phương pháp kiểm tra

a. Kiểm tra thủ công

  1. Kiểm tra các thành ngữ và thuật ngữ chuyên ngành có trong nội dung.
  2. Kiểm tra xem chúng có được định nghĩa chính xác hoặc có bổ sung qua các liên kết 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 xem các yếu tố phù hợp (ví dụ: thẻ dfn, thuộc tính title) đã được sử dụng đúng cách hay chưa.

Tóm tắt

Tiêu chí “3.1.3 Thuật ngữ khẩn cấp” trong WCAG 2.2 nhằm mục đích cung cấp một cơ chế làm rõ nghĩa của các từ ngữ đặc biệt hoặc thuật ngữ chuyên ngành, giúp 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

  1. Thêm định nghĩa trực tuyến cho các từ ngữ đặc biệt.
  2. Cung cấp liên kết đến từ điển hoặc từ điển ngoài.
  3. Sử dụng thẻ dfn hoặc danh sách giải thích để làm rõ các từ ngữ.

Đ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.

By greeden

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)