alt ატრიბუტი უზრუნველყოფს ტექსტობრივ ალტერნატივას, რომელიც აღწერს სურათის შინაარსს ან ფუნქციას. ის ემსახურება მომხმარებლებს და ხელსაწყოებს, რომლებმაც ვერ აკმარეს სურათი.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt ატრიბუტი უზრუნველყოფს ტექსტობრივ ალტერნატივას, რომელიც აღწერს სურათის შინაარსს ან ფუნქციას. ის ემსახურება მომხმარებლებს და ხელსაწყოებს, რომლებმაც ვერ აკმარეს სურათი.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt-ს ხმამბერი, ასე რომ ორბნელი მომხმარებელი იცის, რა ატარებს სურათი. მის გარეშე, ისინი ისმენენ ფაილის სახელს ან მხოლოდ "სურათი" — უსარგებო.alt ტექსტს დაშავებული სურათის ხატის ნაცვლად.alt-ს სურათების გასაგებად და ინდექსირებისთვის (სურათის SEO).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (ცარიელი, მაგრამ თქმული) მნიშვნელოვანია: ის უზღვებს ეკრანის მკითხველს "ეს დეკორატიული არის, იგნორირება გაუკე." აღმოფხვრა alt მთლიანად განსხვავებულია — მაშინ მკითხველმა შეიძლება გამოცხადოს ფაილის სახელი.
alt არის სურათების ერთადერთი ყველაზე მნიშვნელოვანი ხელმისაწვდომობის ატრიბუტი და იურიდიული მოთხოვნა ხელმისაწვდომობის სტანდარტების შესაბამისად (WCAG).
იგი ხელმისაწვდომს აქცევს კონტენტს ორბნელი მომხმარებლებისთვის, უზრუნველყოფს დაცემას როდესაც სურათები ხდება დეფექტური და ეხმარება SEO-ს — აღწერეთ რას ნიშნავს სურათი კონტექსტში და გამოიყენეთ alt="" განლიკიანი დეკორატიული სურათებისთვის.