Cách kiểm tra tính khả dụng của alt text hiệu quả

Giới thiệu

Khi xây dựng ứng dụng hoặc trang web, việc đảm bảo tính khả dụng cho người dùng là vô cùng quan trọng. Một trong những yếu tố quan trọng của tính khả dụng là việc sử dụng alt text (văn bản thay thế) cho hình ảnh. Tuy nhiên, việc kiểm tra tính khả dụng của alt text không chỉ dừng lại ở việc kiểm tra tự động, mà còn cần đánh giá chất lượng và ngữ nghĩa của văn bản thay thế.

Vấn đề của kiểm tra tự động

Các công cụ kiểm tra tự động có thể giúp phát hiện các vấn đề cơ bản như thiếu alt text hoặc alt text không chính xác. Tuy nhiên, chúng không thể đánh giá được chất lượng và ngữ nghĩa của văn bản thay thế. Ví dụ, một hình ảnh có alt text là "hình ảnh" không cung cấp thông tin gì về nội dung của hình ảnh. Do đó, cần có một phương pháp kiểm tra tính khả dụng của alt text hiệu quả hơn.

Cách tiếp cận của GitHub

GitHub đã xây dựng một plugin để kiểm tra tính khả dụng của alt text một cách hiệu quả. Plugin này không chỉ kiểm tra sự tồn tại của alt text mà còn đánh giá chất lượng và ngữ nghĩa của văn bản thay thế. Ví dụ, plugin có thể kiểm tra xem alt text có mô tả chính xác nội dung của hình ảnh hay không, hoặc xem alt text có đủ chi tiết để người dùng hiểu được nội dung của hình ảnh.

Ví dụ mã

Dưới đây là một ví dụ mã về cách kiểm tra tính khả dụng của alt text sử dụng plugin của GitHub:

python
import requests
from github import Github

# Khởi tạo plugin
g = Github("token")

# Lấy hình ảnh từ trang web
image_url = "https://example.com/image.jpg"
response = requests.get(image_url)

# Kiểm tra alt text
alt_text = g.get_alt_text(image_url)
if alt_text:
    print("Alt text:", alt_text)
else:
    print("Không có alt text")

Kết luận

Kiểm tra tính khả dụng của alt text không chỉ bằng kiểm tra tự động, mà còn cần đánh giá chất lượng và ngữ nghĩa của văn bản thay thế. Với cách tiếp cận của GitHub, chúng ta có thể xây dựng một plugin để kiểm tra tính khả dụng của alt text một cách hiệu quả. Điều này giúp đảm bảo rằng người dùng có thể hiểu được nội dung của hình ảnh, ngay cả khi họ không thể xem hình ảnh.

Nguồn: https://github.blog/engineering/user-experience/your-alt-text-passes-automated-checks-that-doesnt-mean-its-any-good/