Hướng dẫn thực dụng về văn bản thay thế cho hình ảnh năm 2026

Vì sao alt text vẫn quan trọng

Alt text đã là một phần của đặc tả HTML từ năm 1995. Ba mươi năm sau, phần lớn hình ảnh trên web vẫn hoặc không có thuộc tính alt, hoặc có alt text nghe như được viết bởi một người chưa từng dùng trình đọc màn hình.

Vấn đề không còn là nhận thức nữa. Hầu hết hệ thống quản lý nội dung hiện nay đều bắt buộc trường alt. Vấn đề là alt text đã trở thành một ô kiểm tuân thủ thay vì một công cụ giao tiếp. Người ta viết "hình ảnh một người đang mỉm cười" trong khi ngữ cảnh thực sự là "CEO công bố kết quả kinh doanh Q4."

Alt text tồn tại vì một lý do: truyền đạt mục đích của một hình ảnh cho người không thể nhìn thấy nó. Mục đích đó thay đổi tùy theo ngữ cảnh. Một bức ảnh tách cà phê trên trang chủ của một quán café có chức năng khác với cùng bức ảnh đó trong một bài blog về kỹ thuật tráng men gốm.

Năm 2026, chúng ta cũng có các công cụ AI có thể tự động tạo alt text. Những công cụ này đang tốt hơn, nhưng chúng vẫn không hiểu ngữ cảnh. Chúng mô tả những gì chúng thấy, chứ không phải lý do hình ảnh đó xuất hiện ở đó.

Cây quyết định: Hình ảnh này có cần alt text không?

Không phải mọi hình ảnh đều cần alt text mang tính mô tả. Một số hình ảnh chỉ mang tính trang trí. Một số bị trùng lặp thông tin. Một số phù hợp hơn với chú thích hoặc phần văn bản xung quanh.

Đây là quy trình quyết định:

Hình ảnh có truyền tải thông tin không có trong phần văn bản xung quanh không? Nếu có, nó cần alt text. Nếu không, có lẽ nó là hình ảnh trang trí.

Người dùng khiếm thị có bỏ lỡ điều gì quan trọng nếu hình ảnh này biến mất không? Nếu có, hãy viết alt text. Nếu không, hãy dùng thuộc tính alt rỗng (alt="") để báo cho trình đọc màn hình bỏ qua nó.

Hình ảnh có phải là liên kết hoặc nút không? Alt text sẽ trở thành văn bản liên kết. Hãy mô tả đích đến, không phải hình ảnh. "Xem các gói giá" tốt hơn "biểu tượng mũi tên."

Hình ảnh có phức tạp không—biểu đồ, sơ đồ hoặc infographic? Alt text có giới hạn độ dài thực tế (khoảng 125 ký tự là thoải mái với hầu hết trình đọc màn hình). Hình ảnh phức tạp cần mô tả dài hơn, trong chú thích, trong nội dung bài viết, hoặc thông qua aria-describedby.

Alt text tốt thực sự nghe như thế nào

Alt text tốt phải cụ thể, ngắn gọn và hiểu ngữ cảnh. Nó trả lời câu hỏi: Vì sao hình ảnh này ở đây?

Tệ: "Hình ảnh một biểu đồ"

Tốt hơn: "Biểu đồ đường cho thấy lưu lượng truy cập di động tăng 23% từ tháng 1 đến tháng 3 năm 2026"

Tệ: "Một người đang dùng laptop"

Tốt hơn: "Nhà thiết kế đang xem lại mockup website trong Figma"

Tệ: "Nhấp vào đây"

Tốt hơn: "Tải xuống checklist kiểm toán khả năng truy cập đầy đủ (PDF)"

Hãy lưu ý rằng alt text tốt thường bao gồm số liệu, hành động hoặc kết quả. Nó không mô tả mọi chi tiết thị giác. Nó mô tả điều quan trọng.

Với hình ảnh trang trí—kết cấu nền hero, đường viền trang trí, minh họa thuần thẩm mỹ—hãy dùng alt="". Đây không phải là lười biếng. Đó là sự trung thực về ngữ nghĩa. Trình đọc màn hình sẽ bỏ qua hình ảnh hoàn toàn, và đó chính là điều bạn muốn.

Những lỗi phổ biến làm mất thời gian của mọi người

Bắt đầu bằng "Hình ảnh" hoặc "Bức ảnh": Trình đọc màn hình đã thông báo rằng đó là một hình ảnh. Hãy đi thẳng vào phần mô tả.

Nhồi nhét từ khóa cho SEO: Alt text không phải là nơi để nhồi "hạt cà phê hữu cơ ngon nhất Brooklyn rang thủ công." Google image search đã phát hiện tốt kiểu này trong nhiều năm. Hãy viết cho con người.

Mô tả tên tệp: "IMG_3847.jpg" chẳng giúp ích cho ai. "hero-banner-final-v3" cũng vậy.

Viết như một cuốn tiểu thuyết: Nếu alt text của bạn dài hơn hai câu, thông tin đó có lẽ nên nằm trong chú thích hoặc phần nội dung bài viết.

Lặp lại văn bản liền kề: Nếu tiêu đề là "Cách nướng bánh mì sourdough" và hình ảnh cho thấy ai đó đang tạo hình khối bột, alt text không cần lặp lại tiêu đề. Hãy mô tả điểm khác biệt về mặt thị giác: "Hai bàn tay đang gấp khối bột sourdough trên bề mặt phủ bột mì."

Công cụ và quy trình thực sự hữu ích

Hầu hết CMS hiện đại hiện nay đều có sẵn trường alt text. WordPress, Webflow, Contentful và Sanity đều hiển thị thuộc tính alt rõ ràng trong quá trình tải lên. Việc trường này hiện ra không có nghĩa là nó được điền tốt.

Nếu bạn đang kiểm toán một trang web để tìm alt text bị thiếu hoặc kém chất lượng, các tiện ích trình duyệt như Accessibility Insights hoặc axe DevTools có thể gắn cờ hình ảnh không có thuộc tính alt. Để kiểm tra thủ công nhanh, hãy tắt hình ảnh trong trình duyệt của bạn (Firefox và Chrome đều hỗ trợ việc này) rồi đọc trang. Nếu alt text hợp lý trong ngữ cảnh, bạn đang làm ổn.

Alt text do AI tạo—có trong các công cụ như Azure Computer Vision, Google Cloud Vision, hoặc được tích hợp trong các nền tảng như Cloudflare Images—có thể là điểm khởi đầu hợp lý, đặc biệt với thư viện hình ảnh lớn. Nhưng hãy xem alt text của AI như bản nháp đầu tiên. Nó sẽ mô tả nội dung của hình ảnh khá chính xác, nhưng sẽ không biết vì sao hình ảnh đó nằm trên trang. Biên tập viên là con người vẫn cần thêm ngữ cảnh.

Nếu bạn đang làm việc trên một trang web dùng nhiều hình ảnh và muốn phát hiện sớm các vấn đề hiệu năng, các công cụ như Wux Webtools' Image Compressor có thể giúp bạn tối ưu kích thước tệp trước khi tải lên—vì alt text chỉ hữu ích nếu hình ảnh thực sự tải được.

Alt text và SEO trong năm 2026

Google đã nói trong nhiều năm rằng alt text là một yếu tố xếp hạng cho tìm kiếm hình ảnh. Điều đó vẫn đúng. Nhưng tối ưu hóa tìm kiếm hình ảnh không giống với khả năng truy cập.

Nếu bạn viết alt text chủ yếu cho SEO, bạn sẽ tạo ra những câu nhồi nhét từ khóa vô nghĩa, khiến trang khó điều hướng hơn với người dùng trình đọc màn hình. Nếu bạn viết alt text cho khả năng truy cập trước tiên, lợi ích SEO sẽ đến một cách tự nhiên, vì alt text mô tả rõ ràng và có ngữ cảnh chính là thứ thuật toán Google image search đang cố gắng hiển thị.

Một điểm cần lưu ý: Google Images hiện sử dụng nội dung xung quanh trang nhiều hơn trước đây. Nếu alt text của bạn tốt nhưng chung chung ("bánh chocolate có phủ kem"), và trang của bạn nói về làm bánh thuần chay, Google sẽ hiểu ngữ cảnh. Bạn không cần viết "bánh chocolate thuần chay phủ kem không sữa" trừ khi sự khác biệt đó hiển thị rõ trong hình ảnh.

Những điểm chính cần nhớ

• Alt text tồn tại để truyền đạt mục đích của một hình ảnh, không phải để mô tả mọi chi tiết thị giác
• Hình ảnh trang trí nên dùng alt="" để trình đọc màn hình bỏ qua chúng hoàn toàn
• Alt text tốt phải cụ thể, hiểu ngữ cảnh và trả lời câu hỏi "vì sao hình ảnh này ở đây?"
• Alt text do AI tạo là điểm khởi đầu hữu ích nhưng vẫn cần con người chỉnh sửa để bổ sung ngữ cảnh
• Hãy viết cho khả năng truy cập trước; lợi ích SEO sẽ đến tự nhiên từ văn bản rõ ràng, giàu mô tả

FAQ

Q: Tôi có thể chỉ dùng AI để tạo toàn bộ alt text không?

A: Các công cụ AI giỏi mô tả những gì có trong hình ảnh, nhưng chúng không hiểu ngữ cảnh. Nếu bạn đang làm việc với hàng trăm hình ảnh sản phẩm và cần một nền tảng ban đầu, alt text của AI là ổn. Với nội dung biên tập, trang marketing, hoặc bất cứ thứ gì mà lý do hình ảnh tồn tại là quan trọng, con người cần xem lại và chỉnh sửa.

Q: Alt text nên dài bao nhiêu?

A: Hầu hết trình đọc màn hình hoạt động thoải mái với 125 ký tự hoặc ít hơn. Nếu bạn cần nhiều hơn thế, thông tin đó có lẽ nên nằm trong chú thích, trong phần nội dung bài viết, hoặc trong một mô tả dài hơn được liên kết qua aria-describedby. Không có giới hạn kỹ thuật cứng, nhưng alt text dài sẽ trở nên bất tiện khi điều hướng.

Q: Tôi có cần alt text cho logo không?

A: Có, nhưng hãy giữ đơn giản. Nếu logo của bạn nằm ở header và liên kết về trang chủ, alt text nên là tên công ty của bạn: alt="Acme Corp". Đừng viết alt="Acme Corp logo" trừ khi việc đó là logo bằng cách nào đó có liên quan đến ngữ cảnh.

Q: Sự khác nhau giữa alt text và chú thích là gì?

A: Alt text là phần thay thế trực tiếp cho hình ảnh. Nó được trình đọc màn hình đọc khi gặp hình ảnh. Chú thích là thông tin bổ sung, hiển thị với tất cả mọi người, để thêm ngữ cảnh hoặc ghi nguồn. Nếu bạn có cả hai, chúng không nên lặp lại nhau.

Q: Tôi có nên thêm alt text cho hình nền trong CSS không?

A: Không. Hình nền CSS theo định nghĩa là trang trí và không được cung cấp cho trình đọc màn hình. Nếu một hình nền truyền tải thông tin quan trọng, nó nên là một phần tử <img> trong HTML với alt text phù hợp.

Nguồn

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices