alt attribut
| HTML |
|---|
| Jämförelser |
Alt -attributet är HTML-attributet som används i HTML- och XHTML- dokument för att specificera alternativ text ( alt text ) som ska visas istället för ett element som inte kan renderas. Alt-attributet används för korta beskrivningar, med längre beskrivningar som använder longdesc-attributet . Standardorganisationen för World Wide Web , World Wide Web Consortium (W3C), rekommenderar att varje bild som visas via HTML har ett alt-attribut, även om alt-attributet inte behöver innehålla text. Bristen på korrekta alt-attribut på webbplatsbilder har lett till flera tillgänglighetsrelaterade stämningar.
Alt-attributet används för att öka tillgängligheten och användarvänligheten, inklusive för blinda internetanvändare som förlitar sig på speciell programvara för webbsurfning. Användningen av alt-attributet för bilder som visas i HTML är en del av W3C:s Web Content Accessibility Guidelines ( WCAG). Skärmläsare och textbaserade webbläsare läser alt-attributet i stället för bilden. Texten i alt-attributet ersätter bilden när den kopieras in som text och gör bilderna mer maskinläsbara , vilket förbättrar sökmotoroptimeringen (SEO).
Historia
Attributet introducerades först i HTML 1.2-utkastet 1993 för att ge stöd för textbaserade webbläsare. I HTML 4.01 , som släpptes 1999, gjordes attributet som ett krav för img- och area- taggarna . Det är valfritt för indatataggen och den föråldrade applettaggen .
Internet Explorer 7 och tidigare renderar text i alt-attribut som verktygstipstext , vilket inte är kompatibelt med World Wide Web Consortium (W3C) HTML-standarder. Detta beteende ledde till att många webbutvecklare missbrukade alt-attributet när de ville visa verktygstips som innehåller ytterligare information om bilder, istället för att använda titelattributet som var avsett för den användningen. Från och med Internet Explorer 8, som släpptes 2009, återges inte längre alt-attribut som verktygstips i Internet Explorer.
Användande
Texten i alt-attributet används för att ersätta bilden när bilden inte kan laddas, utan att den avsedda innebörden av sidans innehåll ändras. W3C:s riktlinjer för tillgänglighet för webbinnehåll anger att alt-attributet används för att förmedla bildens betydelse och avsikt, snarare än att vara en bokstavlig beskrivning av själva bilden. Till exempel bör ett alt-attribut för en bild av en institutions logotyp förmedla att det är institutionens logotyp snarare än att beskriva detaljer om hur logotypen ser ut. Alt-attributet är avsett att användas för korta och koncisa beskrivningar av bilden. Längre beskrivningar kan ges med hjälp av longdesc-attributet, som ger mer detaljerad information och kompletterar men inte ersätter alt-attributet.
En skärmläsare som Orca läser upp alt-texten i stället för bilden. En textbaserad webbläsare som Lynx visar alt-texten istället för bilden (eller visar värdeattributet om bilden är en klickbar knapp ). En grafisk webbläsare visar vanligtvis bara bilden och visar alt-texten endast om användaren ser bildens egenskaper, eller har konfigurerat webbläsaren att inte visa bilder, eller om webbläsaren inte kunde hämta eller avkoda bilden.
Användningen av beskrivningar i alt-attributet förbättrar sökmotoroptimeringen och tillåter bildspecifika sökmotorer, såsom Google Bilder , att söka efter och visa relevanta bilder som används på webbplatser i sökresultat. För icke-bildsökresultat läses texten inom alt-attributet av sökmotorer på samma sätt som vanlig text på sidan läses.
W3C rekommenderar att bilder som inte förmedlar information, men som är rent dekorativa, specificeras i CSS snarare än i HTML-uppmärkningen. Om dekorativa bilder renderas med HTML som inte lägger till innehållet och inte ger någon ytterligare information, rekommenderar W3C att ett tomt alt-attribut inkluderas i form av alt="" . Detta gör sidan mer navigerbar för användare av skärmläsare eller icke-grafiska webbläsare genom att hoppa över bilder som inte förmedlar någon mening. Om inget alt-attribut har angetts, kommer webbläsare som inte kan visa bilden inte att förbise bilden utan istället läsa eller visa URL:en eller en annan identifierande markör. Detta skapar oklarheter eftersom användaren i allmänhet inte kan avgöra från en blottad läsning av en URL om bilden är relevant för texten eller om den är en rent dekorativ del av webbsidan. av Google Lighthouse 2021 visade att 27 % av de granskade alt-textattributen var tomma, trots att majoriteten av dessa bilder var icke-dekorativa informationsbilder.
Rättegångar
Det har förekommit många rättegångar om webbplatsens tillgänglighet och bristen på korrekta alt-attribut på webbplatser. Maguire mot Sydneys organisationskommitté för de olympiska spelen var en rättegång 2000 där en blind man i Australien stämde Sydneys organisationskommitté för de olympiska spelen eftersom deras webbplats www.olympics.com inte var tillgänglig för honom på grund av bristen på alt-attribut på bilder. Den australiensiska människorättskommissionen beslutade att webbplatsen hade diskriminerat honom för att han inte överensstämde med tillgänglighetsstandarder som gör det möjligt för blinda individer att navigera på webbplatser. Under rättegången utfärdade det australiensiska samväldets, delstats- och territoriets regeringar ett gemensamt uttalande genom Department of Broadband, Communications and the Digital Economy att de antog W3C:s riktlinjer för tillgänglighet för alla .gov.au-webbplatser.
I USA har det förekommit flera uppmärksammade rättegångar som involverar avsaknaden av alt-attribut på bilder som citerar ett brott mot Americans with Disabilities Act (ADA). Det amerikanska justitiedepartementet ger bristen på alt-attribut som ett exempel på ett hinder för webbplatsens tillgänglighet. National Federation of the Blind v. Target Corp. var en grupptalan från 2006 som påstod att Target.com bröt mot ADA eftersom bilderna inte använde alt-attribut. Denna rättegång skapade ett rättsligt prejudikat i USA för webbplatstillgänglighet och efterlevnad av ADA.