Nhờ AI viết alt text cho ảnh: để nó mô tả, đừng để nó đoán

Một bức ảnh sản phẩm có thể cần alt text rất khác khi nằm trong trang bán hàng, bài review hay một nút bấm. Vấn đề không phải AI có nhìn thấy vật thể trong ảnh hay không; vấn đề là nó có biết ảnh đang làm nhiệm vụ gì trong trang hay không. Nếu chỉ tải ảnh lên rồi hỏi viết alt text, mô hình dễ cho một câu mô tả trôi chảy nhưng thừa, thiếu hoặc sai mục đích.

W3C đặt ngữ cảnh và chức năng của ảnh ở trung tâm: ảnh cung cấp thông tin cần mô tả ngắn phần thông tin quan trọng; ảnh trang trí có thể dùng alt=""; ảnh dùng như nút hoặc liên kết cần mô tả chức năng; còn biểu đồ hay hình phức tạp thường cần phần tương đương đầy đủ ở nơi khác trên trang. MDN cũng lưu ý alt text nên là phần thay thế có ý nghĩa, không chỉ ghi kiểu hình ảnh hay lặp tên tệp.

Bài này dành cho blogger, người quản lý website, người làm social hoặc nội dung marketing muốn dùng AI để nháp nhanh hơn nhưng vẫn tự chịu trách nhiệm về bản cuối. Prompt và ví dụ dưới đây là ví dụ tổng hợp do biên tập xây dựng; chưa được chạy như một phép thử có ghi nhận trên một model, CMS hay screen reader cố định.

Đừng bắt đầu bằng ảnh; bắt đầu bằng câu “ảnh này làm gì ở đây?”

Trước khi mở AI, nhìn ảnh trong đúng trang hoặc bài đăng và chọn một trong bốn tình huống:

• Ảnh mang thông tin mà phần chữ chưa nói hết.
• Ảnh chỉ để trang trí hoặc lặp lại điều đã có ngay cạnh đó.
• Ảnh là nút, biểu tượng hoặc liên kết có hành động.
• Ảnh là biểu đồ, sơ đồ hoặc hình chứa nhiều dữ liệu.

Đây là bước con người phải quyết định. AI có thể nhận ra một người cầm cốc cà phê, nhưng nó không tự biết trong bài hiện tại điều quan trọng là mẫu cốc mới, không gian quán, hay đơn giản ảnh chỉ để tạo nhịp thị giác.

Với ảnh trang trí, đừng ép AI sinh một câu cho đủ. W3C khuyến nghị alt rỗng cho ảnh thuần trang trí để công nghệ hỗ trợ có thể bỏ qua nó. Với biểu đồ phức tạp, cũng đừng nhồi toàn bộ số liệu vào một câu alt dài; thông tin đầy đủ nên có một phần tương đương ở nội dung trang.

Cho AI cả ảnh lẫn hai câu ngữ cảnh

Một prompt hữu ích hơn viết alt text cho ảnh này là:

Tôi đang chuẩn bị alt text cho một ảnh trên website.

NGỮ CẢNH XUNG QUANH ẢNH:
[dán 1-3 câu trước/sau ảnh]

VAI TRÒ CỦA ẢNH DO TÔI XÁC ĐỊNH:
[thông tin / trang trí / chức năng / biểu đồ-phức-tạp]

NHIỆM VỤ:
- Nếu ảnh mang thông tin: đề xuất 2 alt text ngắn, ưu tiên điều ảnh đóng góp thêm cho ngữ cảnh.
- Nếu ảnh trang trí: nói rõ rằng nên cân nhắc alt rỗng thay vì cố mô tả.
- Nếu ảnh có chức năng: mô tả hành động hoặc đích đến, không chỉ mô tả hình dáng biểu tượng.
- Nếu ảnh phức tạp: viết một alt ngắn nêu mục đích và liệt kê thông tin nào cần đặt thành mô tả dài/bảng ở phần nội dung.
- Không đoán tên người, địa điểm, thương hiệu, cảm xúc, tuổi, quan hệ hay chi tiết không nhìn thấy chắc chắn.
- Cuối cùng ghi riêng: `Điều tôi chưa chắc:` và liệt kê mọi chi tiết cần con người xác nhận.

Prompt này không biến AI thành chuyên gia accessibility. Nó chỉ buộc đầu ra bám vào quyết định ngữ cảnh mà người biên tập đã đưa ra trước.

Một ảnh, hai trang, hai alt text khác nhau

Ví dụ sau là tình huống giả lập. Giả sử có ảnh chụp một chiếc bình nước màu xanh đặt trên bàn gỗ.

Trong trang sản phẩm, đoạn cạnh ảnh viết: Bình 750 ml có nắp bật và quai xách. Ở đây ảnh giúp người đọc thấy hình dáng và vị trí quai. Một alt text hợp lý có thể là: Bình nước xanh 750 ml với nắp bật và quai xách ở thân.

Nhưng cùng ảnh đó xuất hiện trong bài blog 5 cách giữ bàn làm việc gọn hơn, nơi chiếc bình chỉ làm nền cho bố cục. Nếu phần chữ không cần thông tin từ chiếc bình, alt rỗng có thể hợp lý hơn một câu mô tả chi tiết.

Điểm cần nhớ: alt text không phải chú thích ảnh và cũng không phải bài tập mô tả mọi pixel. Nó là phần thay thế cho thông tin hoặc chức năng mà ảnh mang vào đúng ngữ cảnh đó.

Kiểm bằng cách bỏ ảnh ra khỏi trang

Sau khi AI đề xuất, đừng hỏi tiếp câu này ổn chưa?. Hãy tự làm một phép kiểm đơn giản: tạm tưởng tượng ảnh không tồn tại và đọc phần chữ cùng alt text.

Nếu người đọc vẫn hiểu đúng thông tin hoặc chức năng mà ảnh cần truyền, bản nháp đang đi đúng hướng. Nếu câu alt lặp gần như nguyên văn đoạn ngay trước ảnh, bạn có thể đang tạo tiếng ồn. Nếu nó thêm tên người, địa điểm, cảm xúc hoặc mục đích mà bạn không xác nhận được, hãy xóa phần đoán đó.

Với ảnh là liên kết hoặc nút, đọc câu alt như một lệnh. Kính lúp thường kém hữu ích hơn Tìm kiếm; mũi tên phải kém hữu ích hơn Xem sản phẩm tiếp theo. W3C gọi đây là trường hợp ảnh chức năng: phần thay thế nên truyền chức năng thay vì chỉ hình thức.

Khi AI viết quá nhiều

Một lỗi dễ gặp là mô hình cố chứng minh nó “nhìn kỹ”: màu sắc, ánh sáng, bố cục, tâm trạng, vị trí từng vật thể đều bị đưa vào. Hãy quay lại câu hỏi duy nhất: thông tin nào mất đi nếu người đọc không thấy ảnh?

Bạn có thể sửa bằng lệnh ngắn:

Rút alt text còn phần thông tin cần để thay thế vai trò của ảnh trong ngữ cảnh đã cho.
Xóa chi tiết chỉ mang tính trang trí, chi tiết đã có ngay trong phần chữ và mọi suy đoán chưa được xác nhận.
Nếu ảnh thực tế là trang trí, nói rõ thay vì cố tạo alt text.

Nếu đó là biểu đồ, sơ đồ quy trình hoặc infographic, đừng tiếp tục rút cho đến khi mất dữ liệu. Chuyển phần dữ liệu quan trọng thành văn bản hoặc bảng trong bài; alt ngắn chỉ cần giúp người dùng biết hình đó là gì và nơi đọc phần tương đương đầy đủ.

Một vòng kiểm cuối trước khi đăng

Trước khi bấm publish, đọc alt text cùng tiêu đề, đoạn trước và đoạn sau ảnh. Kiểm xem nó có: mô tả đúng vai trò, tránh lặp vô ích, không chứa suy đoán, và không cố nhét dữ liệu phức tạp vào một câu. Nếu CMS của bạn hỗ trợ preview accessibility hoặc bạn có screen reader, hãy nghe thử trong chính trang thật; cách công nghệ hỗ trợ đọc một trang phụ thuộc markup và cấu trúc thực tế, không chỉ một câu alt đứng riêng.

AI đáng dùng ở đây khi nó giúp bạn tạo bản nháp và nhìn ra chi tiết cần xác nhận nhanh hơn. Quyết định ảnh có cần alt, cần alt rỗng, cần mô tả chức năng hay cần phần tương đương dài hơn vẫn phải dựa vào ngữ cảnh xuất bản.

Đọc thêm dễ hiểu

• W3C WAI — Alt Decision Tree: sơ đồ quyết định nhanh cho ảnh thông tin, trang trí, chức năng và ảnh phức tạp.
• W3C WAI — Images Tutorial: giải thích từng nhóm ảnh và loại text alternative phù hợp.
• MDN — HTML <img> element: tham khảo thực hành về thuộc tính alt và cách viết phần thay thế có ý nghĩa.