Việc đăng tải video trên trang web là một cách hiệu quả để làm nổi bật sự hấp dẫn về mặt thị giác và truyền đạt thông tin một cách dễ hiểu đến người dùng. Tuy nhiên, nội dung video đặc biệt cần được chú ý từ góc độ khả năng tiếp cận. Để người dùng có hạn chế về thị giác hay thính giác có thể hiểu được nội dung video, cần có sự quan tâm phù hợp. Bài viết này sẽ giải thích những điểm quan trọng khi đăng tải video có ý thức về khả năng tiếp cận Web.
1. Cung cấp phụ đề (caption)
Sự cần thiết của phụ đề
Đối với những người dùng không nghe được âm thanh của video hoặc không thể bật âm thanh, việc cung cấp phụ đề là rất quan trọng. Phụ đề không chỉ hữu ích cho những người khiếm thính mà còn trong những môi trường có nhiều tiếng ồn hoặc khi cần giữ im lặng. Lý tưởng nhất là phụ đề không chỉ hiển thị lời nói của người nói mà còn cả những âm thanh xung quanh và nhạc nền cần được truyền đạt qua hình ảnh.
Ví dụ về phụ đề tốt
<video controls>
<track src="captions.vtt" kind="captions" srclang="ja" label="Phụ đề tiếng Việt">
Trình duyệt của bạn không hỗ trợ video
</video>
Sử dụng thẻ <track> để thêm phụ đề vào video. Chuẩn bị tệp phụ đề (định dạng .vtt, v.v.) để người dùng có thể bật/tắt phụ đề. Bao gồm cả thông tin âm thanh cần thiết để hiểu tình huống, chẳng hạn như tiếng cười, tiếng vỗ tay, tiếng đóng cửa, trong phụ đề bên cạnh âm thanh chỉ có lời nói.
Ví dụ về phụ đề kém chất lượng
<video controls>
Trình duyệt của bạn không hỗ trợ video
</video>
- Nếu không cung cấp phụ đề, nội dung sẽ không được truyền tải đến người dùng có khiếm thính.
- Đối với video có thông tin âm thanh quan trọng, cần có cách truyền đạt không chỉ thông tin hình ảnh mà cả nội dung âm thanh.
2. Thêm thuyết minh âm thanh (audio description)
Vai trò của thuyết minh âm thanh
Thuyết minh âm thanh (audio description) rất hữu ích cho người dùng khiếm thị hoặc những người không thể nhìn thấy màn hình đầy đủ. Thuyết minh âm thanh mô tả bằng giọng nói những thông tin thị giác quan trọng trong video (như biểu cảm của nhân vật, thay đổi cảnh, thông tin chữ viết, v.v.).
Cách triển khai thuyết minh âm thanh
Thuyết minh âm thanh được chuẩn bị riêng biệt với video và cho phép người dùng chuyển đổi, hoặc chuẩn bị một phiên bản có kèm theo thuyết minh.
Ví dụ HTML:
<a href="video-with-description.mp4">Xem video có thuyết minh âm thanh</a>
- Mô tả bằng âm thanh những thông tin được truyền tải qua thị giác (như phong cảnh, chuyển động của nhân vật, v.v.).
- Cung cấp dưới dạng phiên bản video khác hoặc cho phép người dùng lựa chọn.
3. Cung cấp điều khiển phát video
Cho phép người dùng thao tác
Video cần cho phép người dùng dễ dàng phát, dừng, điều chỉnh âm lượng và bật/tắt phụ đề bằng thao tác bàn phím hoặc công nghệ hỗ trợ. Đặc biệt, trình phát video phải có khả năng hoạt động hoàn toàn đối với những người chỉ sử dụng bàn phím hoặc điều khiển bằng giọng nói.
Ví dụ HTML:
<video controls>
<source src="sample-video.mp4" type="video/mp4">
Trình duyệt của bạn không hỗ trợ video
</video>
Sử dụng thuộc tính controls để cung cấp các thao tác cơ bản như phát và dừng. Kiểm tra xem có thể phát/dừng video, điều chỉnh âm lượng, chuyển đổi phụ đề chỉ bằng bàn phím hay không.
Tránh tự động phát
Khi xem xét khả năng tiếp cận, nên tránh tự động phát video. Việc âm thanh phát đột ngột có thể gây nhầm lẫn cho người dùng và cản trở việc sử dụng công nghệ hỗ trợ. Hãy để người dùng tự kiểm soát việc phát video.
4. Cung cấp tóm tắt nội dung video bằng văn bản
Việc cung cấp văn bản là quan trọng
Việc tóm tắt nội dung video bằng văn bản là quan trọng cho những người dùng không thể truy cập video hoặc muốn nhanh chóng nắm bắt nội dung. Nhờ vậy, ngay cả những người không thể xem hoặc nghe video cũng có thể hiểu được nội dung.
Ví dụ HTML về văn bản tốt:
Nội dung video
Video này giới thiệu về sự hình thành và sứ mệnh của công ty. Ở cảnh đầu tiên, người sáng lập chia sẻ về bối cảnh thành lập công ty, tiếp theo là phần giải thích về các hoạt động kinh doanh hiện tại. Cuối cùng, video đề cập đến triển vọng tương lai và trách nhiệm xã hội của công ty.
- Tóm tắt các điểm chính của video một cách ngắn gọn để người dùng có thể hiểu nội dung chỉ qua việc đọc văn bản.
- Đặc biệt chú ý đến người khiếm thị và khiếm thính, mô tả chi tiết nội dung.
5. Điều chỉnh tốc độ tải và chất lượng video
Tốc độ tải và môi trường mạng
Vì môi trường kết nối internet của người dùng rất đa dạng, cần chú ý đến tốc độ tải và chất lượng video. Lý tưởng nhất là cung cấp video với nhiều độ phân giải khác nhau để người dùng có thể lựa chọn, đảm bảo phát mượt mà ngay cả với kết nối chậm.
Ví dụ HTML:
<video controls>
<source src="video-720p.mp4" type="video/mp4" label="HD">
<source src="video-480p.mp4" type="video/mp4" label="SD">
Trình duyệt của bạn không hỗ trợ video
</video>
Cung cấp video với nhiều độ phân giải như chất lượng cao, chất lượng tiêu chuẩn, và chất lượng thấp để người dùng có thể lựa chọn. Đảm bảo người dùng có thể xem video một cách thoải mái ngay cả khi tốc độ tải chậm.
Tóm tắt
Khi đăng tải video với ý thức về khả năng tiếp cận Web, cần chú ý đến các yếu tố như phụ đề, thuyết minh âm thanh, tính dễ thao tác, và tóm tắt nội dung video bằng văn bản. Điều này giúp người dùng có hạn chế về thính giác, thị giác hoặc chỉ sử dụng bàn phím để truy cập trang web cũng có thể thoải mái thưởng thức nội dung. Việc đăng tải video đáp ứng khả năng tiếp cận là một phần của việc xây dựng trang web thân thiện với mọi người. Đặc biệt, việc thêm phụ đề và tóm tắt nội dung bằng văn bản là những biện pháp dễ thực hiện, nên hãy cân nhắc triển khai ngay.
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.