Khi hướng tới việc nâng cao khả năng truy cập web, việc chỉ định đúng ngôn ngữ cho trang là vô cùng quan trọng. Đối với những người sử dụng công nghệ hỗ trợ, việc thiết lập chính xác ngôn ngữ của trang web có ảnh hưởng lớn đến việc họ có thể hiểu đúng nội dung và sử dụng được nó hay không. Tại Nhật Bản, tiêu chuẩn về khả năng truy cập web được đặt ra trong WCAG, trong đó yêu cầu chỉ định ngôn ngữ của trang một cách phù hợp.
Trong bài viết này, chúng tôi sẽ giải thích tại sao việc thiết lập ngôn ngữ trên các trang web lại quan trọng và cách thực hiện để tuân thủ theo tiêu chuẩn WCAG.
Lý do tại sao ngôn ngữ của trang lại quan trọng
Nếu ngôn ngữ của trang web không được thiết lập chính xác, điều này sẽ trở thành một rào cản lớn, đặc biệt đối với những người khiếm thị sử dụng trình đọc màn hình. Trình đọc màn hình nhận diện ngôn ngữ của trang và đọc nội dung với cách phát âm và ngữ điệu phù hợp theo ngôn ngữ đó. Tuy nhiên, nếu ngôn ngữ không được cài đặt, trình đọc có thể đọc sai, dẫn đến việc người dùng không thể hiểu nội dung.
Ví dụ, nếu nội dung tiếng Nhật bị nhận diện là tiếng Anh, trình đọc màn hình sẽ đọc văn bản tiếng Nhật bằng cách phát âm tiếng Anh, khiến người dùng không thể hiểu được nội dung. Điều này là một vấn đề nghiêm trọng khi xét từ góc độ khả năng truy cập.
Tiêu chuẩn về “ngôn ngữ của trang” trong WCAG
Trong WCAG, việc chỉ định chính xác ngôn ngữ của trang là một trong những yêu cầu cơ bản. Để tuân thủ tiêu chuẩn này, cần phải xác định rõ ngôn ngữ của toàn bộ trang hoặc ngôn ngữ của từng phần cụ thể trong mã HTML.
Cài đặt ngôn ngữ cho toàn bộ trang
Cách phổ biến nhất để thiết lập ngôn ngữ cho toàn bộ trang là thêm thuộc tính lang vào thẻ <html>. Dưới đây là một ví dụ:
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Tầm quan trọng của khả năng truy cập</title>
</head>
<body>
<h1>Khả năng truy cập là gì?</h1>
<p>Hãy đảm bảo rằng mọi người đều có thể truy cập nội dung web</p>
</body>
</html>
Trong ví dụ này, lang=“vi” được sử dụng để chỉ ra rằng tiếng Việt là ngôn ngữ của toàn bộ trang. Điều này giúp trình đọc màn hình và trình duyệt nhận biết rằng trang được viết bằng tiếng Việt, từ đó đảm bảo nội dung được đọc đúng cách.
Cài đặt ngôn ngữ cho một phần trong trang
Khi trong trang có chứa nội dung bằng ngôn ngữ khác, cần thiết lập ngôn ngữ phù hợp cho phần đó. Ví dụ, nếu trong một trang tiếng Việt có chứa cụm từ bằng tiếng Anh, để đảm bảo cụm từ tiếng Anh được đọc đúng cách, bạn có thể chỉ định ngôn ngữ như sau:
<p>Khả năng truy cập còn được gọi là <span lang="en">web accessibility</span></p>
Bằng cách sử dụng thẻ <span> để bao quanh và chỉ định ngôn ngữ cho phần văn bản bên trong với lang=“en”, trình đọc màn hình sẽ nhận diện phần đó là tiếng Anh và đọc đúng cách.
Lợi ích của việc thiết lập ngôn ngữ cho trang
Việc thiết lập chính xác ngôn ngữ cho trang mang lại nhiều lợi ích
- Nâng cao khả năng truy cập: Khi ngôn ngữ của trang được chỉ định một cách chính xác, người dùng sử dụng công nghệ hỗ trợ, chẳng hạn như người khiếm thị, có thể hiểu đúng nội dung.
- Cải thiện trải nghiệm người dùng: Nếu ngôn ngữ không được thiết lập chính xác, việc phát âm hoặc đọc sai có thể khiến người dùng dễ bị nhầm lẫn. Bằng cách thiết lập đúng, bạn có thể mang lại trải nghiệm tốt hơn cho người dùng.
- Tác động đến SEO (Tối ưu hóa công cụ tìm kiếm): Các công cụ tìm kiếm cũng sử dụng thông tin ngôn ngữ của trang để hiển thị kết quả tìm kiếm phù hợp. Khi ngôn ngữ được thiết lập chính xác, bạn có thể tiếp cận hiệu quả hơn với người dùng ở khu vực ngôn ngữ mục tiêu.
Những lỗi thường gặp và cách tránh chúng
-
Không chỉ định ngôn ngữ: Nếu không chỉ định ngôn ngữ, các công nghệ hỗ trợ và trình duyệt sẽ không thể diễn giải chính xác nội dung của trang. Hãy luôn sử dụng thuộc tính lang để xác định ngôn ngữ của trang.
-
Sử dụng sai mã ngôn ngữ: Nếu bạn thiết lập mã ngôn ngữ sai, chẳng hạn như lang=“en” cho một trang tiếng Nhật, trình đọc màn hình sẽ phát âm sai. Việc kiểm tra và sử dụng đúng mã ngôn ngữ là rất quan trọng.
-
Không chỉ định ngôn ngữ khi có nhiều ngôn ngữ trong trang: Trên các trang đa ngôn ngữ, nếu không chỉ định ngôn ngữ phù hợp cho từng phần, nội dung có thể bị đọc sai. Cần phải chỉ rõ ngôn ngữ cho từng phần nội dung cụ thể.
Tóm tắt
Từ góc độ khả năng truy cập web, việc thiết lập chính xác ngôn ngữ cho trang là nền tảng để cung cấp nội dung chính xác và dễ sử dụng cho người dùng. Tuân thủ tiêu chuẩn WCAG giúp mang lại trải nghiệm web dễ hiểu cho tất cả người dùng sử dụng công nghệ hỗ trợ. Ngoài ra, việc chỉ định ngôn ngữ cũng mang lại lợi thế về SEO, khiến đây trở thành một yếu tố không thể thiếu đối với các nhà quản lý trang web.
Nếu một trang web hỗ trợ đa ngôn ngữ, việc chỉ định ngôn ngữ phù hợp cho từng ngôn ngữ có thể nâng cao khả năng truy cập của người dùng hơn nữa. Hãy thiết lập ngôn ngữ chính xác để mang lại trải nghiệm web thoải mái và thân thiện 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.