Rekommendationer för textalternativLänk hit

• Välj detaljnivå efter användarens behov
• Använd tomt textalternativ (alt=””) till dekorativa bilder
• Anpassa textbeskrivningen efter eventuell synlig bildtext
• Undvik upprepningar genom att provlyssna

Välj detaljnivå efter användarens behovLänk hit

Beskriv innehållet tillräckligt detaljerat för den som enbart uppfattar textbeskrivningen. Det är ofta bättre att sakligt och kortfattat beskriva innehållet än att ta upp varje detalj eller att ge subjektiva omdömen. Men det finns undantag. Ibland är det viktigt att beskriva känslan i en bild för att användaren ska få en förståelse för innehållet. Utgå från användarens behov och innehållets syfte.

Ofta finns det möjlighet att kombinera en kort textbeskrivning genom att till exempel använda alt-attribut på en bild med en mer utförlig separat text för den som vill fördjupa sig. Använd då till exempel attributet aria-describedby för att relatera innehållet till en separat text.

Andra riktlinjer (R117 Texta inspelad rörlig media (video, ljud, animationer…) och R119. Texta direktsändningar) tar upp frågor om fullständig textversion av “tidsberoende media” det vill säga inspelningar och direktsändningar. Denna riktlinje innebär bara att det behöver finnas en sammanfattande text som beskriver sådant innehåll.

Därför är textpresentationer viktigaLänk hit

Med hjälp av digital teknik kan de flesta användare ta till sig en text. Den som ser kan läsa texten, den som hör kan få den uppläst, den kan presenteras som punktskrift för den som läser med hjälp av känseln. Text kan förstoras och presenteras med olika teckensnitt och färgskalor. Uppläsning med skärmläsare (talsyntes) kan ske med olika hastighet och röst. Ibland kan text till och med översättas automatiskt innan den presenteras för användaren.

Anpassa textbeskrivningen efter eventuell synlig bildtextLänk hit

Tanken med textalternativ (oftast attributet alt) är att det ska kunna ersätta bilden för den som inte ser. Textalternativ innebär oftast en kort beskrivning av motivet – eller av funktionen i de fall bilden används exempelvis som symbol på en knapp.

Tanken med en bildtext (alltså text som presenteras visuellt i anslutning till bilden – oftast under den) är att komplettera bilden, på bland annat följande sätt:

1. Ange kompletterande uppgifter om bilden (upphovsrätt, datering, länk till högupplöst version…)
2. Förklara bildens innehåll och hur den knyter an till sidan.
3. Ange en benämning på bilden (exempelvis ”Figur 13” eller ”Ansökningsprocessens fem steg”) som går att hänvisa till från brödtext. Detta är värdefullt inte minst för att slippa hänvisningar som ”den liggande bilden” och liknande (se Gör inte instruktioner beroende av sensoriska kännetecken).

Figure och figcaption

Bilder, men även kodfragment och annat innehåll som kompletterar eller illustrerar annat innehåll på en webbsida, kan med fördel ligga i html-elementet figure. Då kan nämligen HTML-elementet figcaption på ett standardiserat sätt koppla den synliga bildtexten till bilden.

Ibland kan en förklaring av bilden (punkt 2 ovan) innebära att figcaption i praktiken beskriver bilden. Då är det formellt okej att dölja bilden för hjälpmedel eftersom innehåll alltså beskrivs i ett element som semantiskt är kopplat till bilden. Men i praktiken blir detta ändå inte helt lyckat: Vissa skärmläsare anser nämligen att det inte finns någon mening med att presentera figcaption om bilden är dold. Det finns en viss logik i detta: Om bilden är dold skulle det kunna anses onödigt eller ologiskt att ha en benämning på den och diskutera dess innehåll. När figcaption används måste det därför finnas ett alt-attribut som antingen beskriver bildens motiv eller som anger exempelvis ”figurens innehåll beskrivs i bildtexten”.

Undvik upprepningar genom att provlyssnaLänk hit

Om det finns en bildtext eller annan brödtext som beskriver bildens innehåll bör inte den alternativa textbeskrivningen upprepa textens innehåll. Ett bra sätt att bedöma hur bra alternativa textbeskrivningar fungerar är att lyssna på webbplatsen med hjälp av en skärmläsare.

Utdrag från WCAG-standardenLänk hit

Riktlinje 1.1 Textalternativ: Tillhandahåll alternativ i form av text till allt icke-textbaserat innehåll så att det kan konverteras till format som användarna behöver, till exempel stor stil, punktskrift, tal, symboler eller enklare språk.

1.1.1 Innehåll som inte är text: Allt innehåll som inte är text, som presenteras för användaren har ett textalternativ med samma syfte, utom i de situationer som anges nedan. (Nivå A)

• Navigeringsmetod/funktion, inmatning: Om innehåll som inte är text är en navigeringsmetod/funktion eller accepterar inmatning från användare så ska den ha ett namn som beskriver dess syfte. (Se Riktlinje 4.1 för ytterligare krav på navigeringsmetod/funktion och innehåll som accepterar inmatning från användare).
• Tidsberoende media: Om innehåll som inte är text är tidsberoende media så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text. (Se Riktlinje 1.2 för ytterligare krav på media).
• Test: Om innehåll som inte är text är ett test eller en övning som inte skulle fungera om det visades som text, så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text.
• Sensorisk: Om innehåll som inte är text främst är avsett för att ge en specifik sensorisk upplevelse så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text.
• CAPTCHA: Om syftet med innehållet som inte är text är att bekräfta att en människa, snarare än en dator, försöker komma åt informationen så ska textalternativ som identifierar och beskriver syftet av innehållet tillhandahållas. Alternativa former av CAPTCHA, som använder sig av utmatningsmetoder för olika typer av sensorisk upplevelse, tillhandahålls för att tillgodose olika funktionsnedsättningar.
• Dekoration, formatering, osynlig: Om innehåll som inte är text är rent dekorativt, bara används för visuell formatering eller inte presenteras för användare, så implementeras det på ett sätt så att det kan ignoreras av hjälpmedel.

TerminologiLänk hit

Attributet alt

Termerna alt-text och alt-texter används ofta för textbeskrivning av bilder. De kommer av att textbeskrivningar av bild-element på webben (img) oftast anges i attributet alt. Det går även att använda attributen aria-label och aria-labelledby, men alt är säkrast eftersom det funnits så länge.

Attributet longdesc

Ibland förekommer attributet longdesc, som kan användas för att hänvisa till beskrivningar på annan plats i dokumentet, eller på någon annan sida. Stödet i webbläsare för longdesc är dock begränsat, och idag är det bättre att använda aria-describedby.

CAPTCHA

CAPTCHA är en förkortning av ”Completely Automated Public Turing test to tell Computers and Humans Apart” vilket innebär att det är ett sätt att avgöra om användaren är en människa eller ett datorprogram (ibland kallad ”bot” i detta sammanhang). Framförallt används CAPTCHAs för att förhindra skräppost och annat missbruk av digitala tjänster, som ofta sker med hjälp av program. Tyvärr finns risk för att även användare som faktiskt är människor har problem att ta sig förbi testet, eftersom det kan ställa mycket höga krav på syn, kognition eller hörsel. Erbjud sätt att komma förbi CAPTCHA som fungerar oavsett eventuell funktionsnedsättning.