Atributi alt siguron një alternativë tekstuale që përshkruan përmbajtjen ose funksionin e një imazhi. Shërben përdoruesit dhe veglave që nuk mund ta shohin imazhin.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Atributi alt siguron një alternativë tekstuale që përshkruan përmbajtjen ose funksionin e një imazhi. Shërben përdoruesit dhe veglave që nuk mund ta shohin imazhin.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt me zë, kështu që një përdorues i verbër di se çfarë përcjell imazhi. Pa të, ata dëgjojnë vetëm emrin e skedarit ose thjesht "imazhin" — i padobishëm.alt në vend të ikonës me imazh të thyer.alt për të kuptuar dhe indeksuar imazhet (SEO i imazheve).<!-- ✅ 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="" (bosh, por i pranishëm) është i rëndësishëm: i thotë lexuesit të ekranit "kjo është dekorative, injoro." Mos përfshirja alt aspak është ndryshe — atëherë lexuesi mund ta njofto emrin e skedarit.
alt është atributi i vetëm më i rëndësishëm i aksesibilitetit për imazhet dhe kërkesë ligjore sipas standardeve të aksesibilitetit (WCAG).
I bën përmbajtjen të arritshme për përdoruesit jo të shikuarit, siguron një zgjidhje kur imazhet prishen, dhe ndihmon SEO — përshkruaj se çfarë do të thotë imazhi në kontekst, dhe përdor alt="" për imazhe purisht dekorative.