Về hướng dẫn WCAG 2.2 ‘3.1.6 Phát âm’ Level AAA
Mở đầu
Tiêu chí ‘3.1.6 Phát âm’ của WCAG 2.2 yêu cầu cung cấp cơ chế xác định phát âm cho các từ mà nếu không biết phát âm sẽ gây ra sự mơ hồ về nghĩa trong ngữ cảnh. Tiêu chí này nhằm đảm bảo rằng người đọc có thể hiểu đúng nội dung, đặc biệt là đối với các từ đa nghĩa hoặc những từ có phát âm chính xác quan trọng.
1. Khái quát tiêu chí
Yêu cầu
- Đối với các từ mà phát âm không rõ ràng trong ngữ cảnh, gây ra sự mơ hồ về nghĩa, cung cấp phương pháp để xác định phát âm.
- Điều này bao gồm các phương pháp như chữ ruby, giải thích bổ sung, và cung cấp phát âm qua liên kết.
2. Phương pháp triển khai
a. Dùng yếu tố ruby để hiển thị chữ ruby
Dùng yếu tố ruby, bạn có thể hiển thị phát âm ở phía trên hoặc bên cạnh từ
b. Hiển thị phát âm theo kiểu in-line
Hiển thị phát âm ngay sau từ dưới dạng dấu ngoặc hoặc chú thích
Ví dụ: Hiển thị phát âm của từ tiếng Anh
<p>Cái từ này được phát âm là <strong>read</strong>（rīdo hoặc redd）</p>
c. Cung cấp liên kết phát âm
Cung cấp liên kết đến tài nguyên bên ngoài hoặc tệp âm thanh liên quan đến phát âm của từ.
Ví dụ: Liên kết đến tệp âm thanh phát âm
<p>Phát âm của từ này có thể được kiểm tra <a href="audio/pronunciation.mp3" target="_blank">tại đây</a></p>
d. Ghi chú phát âm trong từ điển
Tạo một danh sách thuật ngữ và bao gồm phát âm trong đó
---
### e. Sử dụng dấu phụ âm
Thêm các dấu phụ âm chuẩn (như dấu nhấn) khi cần thiết để chỉ ra phát âm.
#### **Ví dụ: Chỉ ra phát âm tiếng Pháp**
```html
<p>Cô ấy đã gọi cà phê tại 'café' (quán cà phê)</p>
</code></pre>
<hr>
<h2>3. Các ví dụ thất bại phổ biến và biện pháp cải thiện</h2>
<h3>a. Phát âm không rõ ràng</h3>
<pre><code>
---
### b. Phát âm của từ mượn không rõ ràng
**Ví dụ thất bại**
```html
<p>Từ này viết là read</p>
Vấn đề
- Không rõ phát âm là ‘rīdo’ hay ‘redd’
Biện pháp cải thiện
<p>Từ này được phát âm là <strong>read</strong>（rīdo hoặc redd）</p>
4. Lợi ích của khả năng truy cập (accessibility)
a. Ngăn ngừa sự hiểu lầm về nghĩa
- Công nhận phát âm giúp ngăn ngừa sự hiểu lầm, đặc biệt là đối với các từ đa nghĩa và từ mượn.
b. Quan tâm đến người học và người nói không phải là người bản ngữ
- Các người dùng đang học ngôn ngữ mới hoặc những người dùng không sử dụng ngôn ngữ của nội dung làm tiếng mẹ đẻ có thể hiểu chính xác.
c. Tính tương thích với trình đọc màn hình
- Bằng cách cung cấp ruby và thông tin phát âm, trình đọc màn hình có thể đọc chính xác phát âm.
5. Phương pháp kiểm tra
a. Kiểm tra thủ công
- Xác định các từ có phát âm mơ hồ trong ngữ cảnh.
- Xác nhận rằng thông tin phát âm đã được cung cấp cho những từ đó.
b. Công cụ kiểm tra tự động
- Sử dụng các công cụ như Axe và WAVE để xác nhận xem yếu tố ruby và liên kết đã được thiết lập đúng cách hay chưa.
Tóm tắt
Tiêu chí “3.1.6 Phát âm” của WCAG 2.2 nhằm cung cấp cơ chế cung cấp phát âm chính xác cho các từ có phát âm mơ hồ, để tất cả người dùng có thể hiểu đúng nội dung.
Điểm cần lưu ý khi triển khai
- Sử dụng yếu tố ruby và giải thích in-line để làm rõ phát âm.
- Cung cấp liên kết đến danh sách thuật ngữ và tài nguyên bên ngoài.
- Sử dụng dấu phụ âm khi cần thiết để chỉ ra phát âm chính xác.
Đ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.