Trong tiêu chuẩn về khả năng tiếp cận web, “ngôn ngữ của từng phần” yêu cầu phải chỉ định chính xác ngôn ngữ của văn bản và nội dung trong trang. Đối với các trang web cần hỗ trợ đa ngôn ngữ, việc cài đặt ngôn ngữ cho từng nội dung là điều cần thiết để người dùng có thể hiểu thông tin một cách suôn sẻ. Tuân thủ tiêu chuẩn này sẽ đặc biệt hữu ích cho người dùng sử dụng trình đọc màn hình, giúp nội dung được đọc bằng đúng ngôn ngữ và cải thiện khả năng tiếp cận.
Tầm quan trọng của “Ngôn ngữ của từng phần”
Khi ngôn ngữ không được chỉ định chính xác trên các trang web hoặc nội dung có sự pha trộn các ngôn ngữ khác nhau, có thể xảy ra những vấn đề sau:
-
Trình đọc màn hình đọc nội dung bằng ngôn ngữ sai
Trình đọc màn hình chuyển đổi cách phát âm dựa trên cài đặt ngôn ngữ, nhưng nếu không có chỉ định ngôn ngữ, nội dung có thể không được đọc chính xác. -
Sự nhầm lẫn của người dùng hoặc giảm khả năng hiểu nội dung
Nếu ngôn ngữ không được thiết lập chính xác, việc hiểu nội dung có thể trở nên khó khăn, đặc biệt đối với những người sử dụng nhiều ngôn ngữ. -
Giảm độ chính xác trong việc nhận diện của công cụ tìm kiếm
Các công cụ tìm kiếm cũng tham chiếu đến cài đặt ngôn ngữ của nội dung, do đó, nếu ngôn ngữ không được chỉ định chính xác, có thể ảnh hưởng đến SEO.
Phương pháp triển khai để thực hiện “Ngôn ngữ của từng phần”
1. Chỉ định ngôn ngữ cho toàn bộ trang
Ngôn ngữ của toàn bộ trang được chỉ định bằng thuộc tính lang trong thẻ HTML. Ví dụ, đối với một trang web tiếng Nhật, bạn có thể chỉ định như sau:
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Về khả năng tiếp cận web</title>
</head>
<body>
<!-- Nội dung -->
</body>
</html>
- Chuyển đổi ngôn ngữ theo từng phần Khi trang chứa nội dung bằng các ngôn ngữ khác nhau, việc chỉ định ngôn ngữ cho từng phần cụ thể sẽ giúp người dùng dễ dàng hiểu nội dung một cách tự nhiên hơn.
Ví dụ: Trong đoạn mã dưới đây, một trích dẫn tiếng Anh được chèn vào trang tiếng Nhật và ngôn ngữ được chỉ định là tiếng Anh:
html Sao chép đoạn mã <p>Dưới đây là một câu tục ngữ tiếng Anh nổi tiếng</p> <blockquote lang=“en”>“Actions speak louder than words.”</blockquote> <p>Ý nghĩa: Hành động có sức mạnh hơn lời nói</p> 3. Cài đặt ngôn ngữ cho nội dung động Hãy áp dụng ngôn ngữ cho nội dung được tạo động, chẳng hạn như nội dung được tạo bằng JavaScript. Dưới đây là cách thiết lập thuộc tính lang cho một phần tử được tạo bằng JavaScript:
javascript Sao chép đoạn mã const message = document.createElement(“p”); message.lang = “en”; // Đặt ngôn ngữ là tiếng Anh message.textContent = “This content is in English.”; document.body.appendChild(message); 4. Thực hiện cài đặt ngôn ngữ phù hợp cho các cụm từ hoặc từ ngắn Ngay cả khi có các cụm từ hoặc từ ngắn thuộc ngôn ngữ khác xuất hiện trong văn bản, việc chỉ định ngôn ngữ cho phần tương ứng sẽ giúp các công nghệ hỗ trợ xử lý chính xác.
Ví dụ: Khi từ “インターネット” được giới thiệu là “Internet” trong tiếng Anh:
html Sao chép đoạn mã <p>Internet (<span lang=“en”>Internet</span>) là công nghệ không thể thiếu trong xã hội thông tin hiện đại.</p> Các điểm cần kiểm tra khi triển khai “Ngôn ngữ của từng phần” Kiểm tra xem ngôn ngữ đã được chỉ định chính xác cho toàn bộ trang và từng phần chưa. Kiểm tra xem ngôn ngữ của toàn bộ trang có được chỉ định như <html lang=“ja”> hay không.
Kiểm tra bằng trình đọc màn hình Thực tế sử dụng trình đọc màn hình để kiểm tra xem nội dung đa ngôn ngữ có được đọc chính xác hay không.
Kiểm tra hoạt động của công cụ dịch tự động Để kiểm tra xem việc chỉ định ngôn ngữ có chính xác hay không, việc sử dụng chức năng dịch của trình duyệt hoặc các công cụ dịch khác để kiểm tra trang cũng rất hiệu quả.
Tóm tắt “Ngôn ngữ của từng phần” là một yếu tố quan trọng để nâng cao khả năng tiếp cận web. Bằng cách chỉ định chính xác ngôn ngữ cho từng nội dung, bạn có thể tạo ra một trang web thân thiện với người khiếm thị và người dùng đa ngôn ngữ. Điều này giúp tất cả người dùng có thể dễ dàng truy cập và hiểu được thông tin, mang lại trải nghiệm web tốt hơn cho mọi đối tượ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.