Hướng dẫn khả năng truy cập web: Thay thế văn bản

Giới thiệu

Hướng dẫn "WCAG（Web Content Accessibility Guidelines) " đóng vai trò quan trọng trong việc loại bỏ rào cản và cải thiện khả năng truy cập cho nhiều người khi sử dụng nội dung trực tuyến. Hướng dẫn WCAG 2.2 cung cấp các tiêu chuẩn cụ thể để mang lại trải nghiệm web tốt hơn cho người dùng với các nhu cầu khác nhau, chẳng hạn như người khiếm thị hoặc người gặp khó khăn về nhận thức. Bài viết này sẽ tập trung vào ‘thay thế văn bản’, một phần đặc biệt quan trọng, và giải thích chi tiết về nội dung của hướng dẫn.

Thay thế văn bản là gì

Thay thế văn bản (Text Alternatives) là việc cung cấp thông tin văn bản thay thế cho nội dung hình ảnh. Điều này giúp người dùng sử dụng công nghệ hỗ trợ như phần mềm đọc màn hình hiểu được ý nghĩa của nội dung. Cụ thể, điều này bao gồm việc cung cấp văn bản mô tả cho các yếu tố hình ảnh như hình ảnh, video, và đồ họa.

Các điểm chính

• Mục đích: Đảm bảo tất cả người dùng đều có thể truy cập thông tin.
• Phạm vi áp dụng: Các yếu tố giao diện như hình ảnh, video, nút bấm và liên kết.
• Công cụ: Các công nghệ hỗ trợ như phần mềm đọc màn hình, trình duyệt bằng giọng nói và màn hình chữ nổi.

Thay thế văn bản không chỉ cải thiện khả năng truy cập mà còn có lợi cho SEO (tối ưu hóa công cụ tìm kiếm). Thông tin thay thế bằng văn bản được công cụ tìm kiếm đánh giá, do đó có thể cải thiện kết quả tìm kiếm của trang web.

Tiêu chuẩn WCAG 2.2 và thay thế văn bản

Trong WCAG 2.2, có một số hướng dẫn quan trọng về thay thế văn bản. Các tiêu chuẩn đáng chú ý bao gồm:

1.1.1 Nội dung không phải văn bản

Tiêu chuẩn này yêu cầu cung cấp văn bản thay thế phù hợp cho tất cả nội dung không phải văn bản. Ví dụ, đối với hình ảnh, sử dụng thuộc tính ‘alt’ để cung cấp mô tả ngắn gọn và dễ hiểu. Ngoài ra, đối với đồ họa hoặc biểu đồ phức tạp, cần cung cấp mô tả chi tiết trong văn bản riêng.

Điểm chính

• Giải thích đơn giản: Cung cấp mô tả ngắn cho hình ảnh hoặc biểu tượng cơ bản.
• Mô tả thay thế chi tiết: Cung cấp mô tả chi tiết cho thông tin hình ảnh phức tạp như đồ thị và biểu đồ.
• Các yếu tố minh họa: Đối với hình ảnh minh họa, sử dụng ‘alt=“”’ để cho phép phần mềm đọc màn hình bỏ qua.

1.1.2 Nhãn cho liên kết và nút bấm

Văn bản thay thế cho liên kết và nút bấm cần truyền đạt rõ ràng ý nghĩa của thao tác. Thay vì những cụm từ mơ hồ như ‘Nhấp vào đây,’ hãy sử dụng các từ ngữ cụ thể như ‘Bắt đầu quy trình mua hàng’ hoặc ‘Chuyển đến trang liên hệ’ để chỉ định hành động cụ thể.

Tình hình toàn cầu và tầm quan trọng của khả năng truy cập web

Khả năng truy cập web không chỉ quan trọng từ góc độ tuân thủ pháp luật và quy định mà còn rất quan trọng từ góc độ bao gồm xã hội. Đặc biệt là sau đại dịch COVID-19, việc cung cấp thông tin và dịch vụ trực tuyến đã mở rộng nhanh chóng, làm tăng nhu cầu về khả năng truy cập. Để đáp ứng không chỉ người dùng khuyết tật mà còn người cao tuổi, người có khuyết tật tạm thời và người dùng với kết nối internet chậm, việc cung cấp nội dung web dễ tiếp cận là điều cần thiết.

Các nỗ lực toàn cầu

• Hoa Kỳ: Theo ADA（Americans with Disabilities Act）các trang web công cộng phải đảm bảo khả năng truy cập.
• Châu Âu: Tại Liên minh Châu Âu (EU), theo Web Accessibility Directive yêu cầu các trang web và ứng dụng của khu vực công phải đảm bảo khả năng truy cập.
• Châu Á: Tại Nhật Bản, theo tiêu chuẩn quốc gia JIS X 8341-3, không chỉ các cơ quan công cộng mà cả các doanh nghiệp tư nhân cũng đang tiến hành cải thiện khả năng truy cập.

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.