alt attribut - alt attribute

Den alt-attribut er HTML-attribut bruges i HTML og XHTML -dokumenter for at angive alternativ tekst ( alt-tekst ), der skal gengives , når elementet , som det er anvendt, kan ikke gengives.

Alt -attributten bruges af "skærmlæser" -software, så en person, der lytter til indholdet på en webside (f.eks. En person, der er blind) kan interagere med dette element. Derudover erstatter det billedet, når det kopieres som tekst og gør billeder mere maskinlæsbare , hvilket forbedrer søgemaskineoptimering . Hvert billede skal have en alt -attribut for at være tilgængeligt, men det behøver ikke at indeholde tekst. Det kan være en tom eller nul attribut: alt="".

Attributten blev introduceret i HTML 2 og i HTML 4.01 var påkrævet for imgog area tags . Det er valgfrit for inputtagget og det forældede applet tag.

Eksempel

På himlen flyver et rødt flag med et hvidt kryds, hvis lodrette bjælke forskydes mod flagstangen.

Her er et billede, for hvilket alt -attributten er "På himlen flyver et rødt flag med et hvidt kryds, hvis lodrette bjælke forskydes mod flagstangen."

HTML -koden til dette billede kan være noget i retning af følgende: 

<img  alt="In the sky flies a red flag with a white cross whose vertical bar is shifted toward the flagpole." src="http://upload.a.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg">
Image
Dette afsnit ses i den tekstbaserede Lynx-webbrowser, der viser alt-teksten i stedet for billedet.

En synshæmmet læser, der bruger en skærmlæser som Orca, vil høre alt -teksten i stedet for billedet. En tekstbaseret webbrowser som Lynx viser alt-teksten i stedet for billedet. En grafisk browser viser typisk kun billedet og viser kun alt -teksten, hvis brugeren beder den om at vise billedets egenskaber eller har konfigureret browseren til ikke at vise billeder, eller hvis browseren ikke kunne hente eller afkode billedet .

En alternativ alt -attributværdi ville være "Det danske flag".

Almindelige misforståelser

Den altattribut ikke altid behøver at bogstaveligt beskrive indholdet af billedet. Husk formålet og konteksten med billedet, og hvad der ville være nyttigt for nogen, der ikke kan se det. Alt -attributten formodes at være et alternativ til billedet, der normalt angiver dets formål. For eksempel bør et billede af et advarselsskilt ikke have alt tekst “en trekant med gul baggrund, sort kant og et udråbstegn”, men blot “Advarsel!” - medmindre billedets formål naturligvis er at vise, hvad advarselssymbol faktisk ser ud.

Image
IE7 gengiver alt -attributten som værktøjstip

Internet Explorer 7 og tidligere gengiver tekst i alt-attributter som værktøjstiptekst , hvilket ikke er standardkompatibelt. Denne adfærd fik mange webudviklere til at misbruge alt, når de ønskede at vise værktøjstip, der indeholder yderligere oplysninger om billeder, i stedet for at bruge den titleattribut, der var beregnet til den brug. Fra Internet Explorer 8 gengives alt -attributter ikke længere som værktøjstip.

Alt -attributten kaldes almindeligvis, men forkert, som "alt -tagget".

Dekorative billeder

W3C anbefaler, at billeder, der ikke formidler oplysninger, men som er rent dekorative, specificeres i CSS frem for i HTML -markeringen. Det kan dog nogle gange være nødvendigt at inkludere et dekorativt billede som et HTML img-tag. I dette tilfælde, hvis billedet virkelig ikke føjer til indholdet, skal en tom alt -attribut inkluderes i form af alt="". Dette gør siden navigabel for brugere af skærmlæsere eller ikke-grafiske browsere. Hvis (i strid med standarden) ingen alt -attribut er blevet leveret, vil browsere, der ikke kan vise billedet, stadig vise noget der, f.eks. Billedets URL eller en fast tekststreng.

Se også

Noter

Referencer

eksterne links