Về hướng dẫn WCAG 2.2 ‘1.4.7 Âm thanh nền thấp hoặc không có’ Cấp AAA
Mở đầu
WCAG 2.2 của “1.4.7 Âm thanh nền thấp hoặc không có” là hướng dẫn áp dụng chủ yếu đối với nội dung ghi âm trước chỉ có âm thanh, trong đó chủ yếu chứa âm thanh (lời nói). Tiêu chuẩn này yêu cầu âm thanh nền phải không làm cản trở lời nói, giúp nội dung được nghe rõ ràng.
Điều kiện áp dụng
Hướng dẫn này áp dụng trong trường hợp đáp ứng các điều kiện sau:
- Chứa chủ yếu là lời nói.
Lời nói là nội dung chính, vượt trội hơn âm thanh nền. - Không phải là CAPTCHA âm thanh hoặc logo âm thanh.
Nội dung như CAPTCHA hoặc logo thương hiệu ngắn không thuộc đối tượng áp dụng. - Không chủ yếu là biểu đạt âm nhạc.
Nội dung âm thanh mang tính âm nhạc như hát hoặc rap không thuộc đối tượng áp dụng.
1. Nội dung yêu cầu
Trong nội dung chỉ có âm thanh chứa lời nói, cần phải đáp ứng một trong các yêu cầu sau:
- Không có âm thanh nền.
- Âm thanh nền thấp hơn lời nói ít nhất 20 decibel (dB).
- Có cài đặt cho phép người dùng tắt âm thanh nền.
2. Cách triển khai
a. Loại bỏ hoàn toàn âm thanh nền.
Nếu âm thanh nền không cần thiết, hãy loại bỏ nó trong quá trình ghi âm hoặc chỉnh sửa.
Lưu ý khi ghi âm:
- Ghi âm trong một môi trường yên tĩnh.
- Sử dụng tính năng chống ồn của thiết bị ghi âm.
Công cụ sử dụng trong quá trình chỉnh sửa:
- Sử dụng phần mềm chỉnh sửa âm thanh như Audacity hoặc Adobe Audition để loại bỏ âm thanh nền.
b. Giảm âm thanh nền thấp hơn lời nói ít nhất 20dB.
Nếu không thể loại bỏ hoàn toàn âm thanh nền, hãy điều chỉnh âm lượng của nó sao cho đủ thấp so với lời nói.
Ví dụ cụ thể
- Nếu âm lượng của lời nói là 80dB, thì âm lượng của âm thanh nền cần được đặt ở mức 60dB hoặc thấp hơn.
Các bước chỉnh sửa trong Audacity:
- Chỉnh sửa tách biệt giữa bản nhạc nền và bản ghi âm lời nói.
- Điều chỉnh âm lượng của âm thanh nền sao cho thấp hơn lời nói ít nhất 20dB.
- Trộn cả hai bản nhạc và xuất ra tệp âm thanh.
c. Cung cấp cài đặt cho phép người dùng tắt âm thanh nền.
Khi có âm thanh nền, cung cấp chức năng cho phép người dùng bật/tắt âm thanh nền.
Ví dụ về HTML và JavaScript
HTML
<audio id="audioPlayer" controls>
<source src="speech-with-background.mp3" type="audio/mpeg">
Trình duyệt này không hỗ trợ âm thanh.
</audio>
<button id="toggleBackground">Tắt âm thanh nền</button>
JavaScript
const audioPlayer = document.getElementById('audioPlayer');
const toggleButton = document.getElementById('toggleBackground');
toggleButton.addEventListener('click', () => {
const withBackground = 'speech-with-background.mp3';
const withoutBackground = 'speech-only.mp3';
if (audioPlayer.src.includes(withBackground)) {
audioPlayer.src = withoutBackground;
toggleButton.textContent = 'Bật âm thanh nền';
} else {
audioPlayer.src = withBackground;
toggleButton.textContent = 'Tắt âm thanh nền';
}
audioPlayer.play();
});
3. Các ví dụ lỗi phổ biến và biện pháp khắc phục
a. Âm thanh nền che khuất lời nói
Ví dụ lỗi
- Âm thanh nền được phát với âm lượng bằng hoặc lớn hơn lời nói, khiến việc nghe trở nên khó khăn.
Biện pháp khắc phục
- Sử dụng phần mềm chỉnh sửa âm thanh để giảm âm thanh nền.
- Tăng âm lượng của lời nói và tăng cường sự tương phản với âm thanh nền.
b. Không thể loại bỏ hoàn toàn âm thanh nền.
Ví dụ lỗi
- Có tiếng ồn hoặc âm thanh môi trường trong bản ghi âm và chưa được loại bỏ.
Biện pháp khắc phục
- Chọn môi trường yên tĩnh khi ghi âm.
- Sử dụng tính năng giảm ồn (Noise Reduction) trong phần mềm chỉnh sửa.
4. Những điểm cần lưu ý khi triển khai
a. Độ chính xác trong chỉnh sửa âm thanh.
- Chỉnh sửa âm thanh để làm cho lời nói dễ nghe hơn.
- Tùy thuộc vào loại âm thanh nền, thay vì loại bỏ hoàn toàn, việc điều chỉnh âm lượng có thể là phương pháp phù hợp.
b. Cung cấp lựa chọn cho người dùng.
- Khi người dùng có thể chuyển đổi giữa bật/tắt âm thanh nền, sẽ có thể đáp ứng được nhiều nhu cầu khác nhau.
5. Lợi ích của khả năng tiếp cận (Accessibility)
a. Quan tâm đến người khiếm thính và người cao tuổi.
- Người dùng khiếm thính hoặc người cao tuổi cũng có thể nghe rõ lời nói.
b. Sử dụng trong môi trường ồn ào.
- Người dùng có thể sử dụng một cách thoải mái ngay cả trong những nơi ồn ào hoặc môi trường nơi việc phát âm thanh bị hạn chế.
Tóm tắt
WCAG 2.2 của “1.4.7 Âm thanh nền thấp hoặc không có” là tiêu chuẩn nhằm đảm bảo rằng âm thanh nền không làm cản trở lời nói trong nội dung âm thanh chủ yếu chứa lời nói.
Điểm cần lưu ý khi triển khai
- Loại bỏ hoàn toàn âm thanh nền.
- Đặt âm lượng của âm thanh nền thấp hơn lời nói ít nhất 20dB.
- Cung cấp chức năng cho phép người dùng tắt âm thanh nền.
Việc đáp ứng các tiêu chuẩn này sẽ giúp tạo ra nội dung âm thanh dễ sử dụng cho một lượng lớn 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.