Attribute alt cung cấp văn bản thay thế mô tả nội dung hoặc chức năng của một hình ảnh. Nó phục vụ những người dùng và công cụ không thể nhìn thấy hình ảnh.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Attribute alt cung cấp văn bản thay thế mô tả nội dung hoặc chức năng của một hình ảnh. Nó phục vụ những người dùng và công cụ không thể nhìn thấy hình ảnh.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt, để một người khiếm thị biết hình ảnh truyền tải điều gì. Nếu không có nó, họ nghe tên file hoặc chỉ "image" — vô dụng.alt text thay cho biểu tượng ảnh hỏng.alt để hiểu và index hình ảnh (image SEO).<!-- ✅ mô tả Ý NGHĨA, không phải "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ với hình ảnh có chức năng, mô tả HÀNH ĐỘNG -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ hình ảnh TRANG TRÍ dùng alt RỖNG để screen reader bỏ qua -->
<img src="divider.png" alt="" />
alt="" (rỗng, nhưng có mặt) là quan trọng: nó báo cho screen reader "cái này là trang trí, hãy bỏ qua." Bỏ hẳn alt thì khác — khi đó reader có thể đọc tên file.
alt là attribute accessibility quan trọng nhất cho hình ảnh và là yêu cầu pháp lý theo các tiêu chuẩn accessibility (WCAG).
Nó làm cho nội dung có thể cảm nhận được với người dùng khiếm thị, cung cấp dự phòng khi hình ảnh hỏng, và hỗ trợ SEO — hãy mô tả hình ảnh có nghĩa gì trong ngữ cảnh, và dùng alt="" cho hình ảnh thuần túy trang trí.