Alternativtext
Alternativtext förmedlar en bilds betydelse eller funktion i sitt sammanhang. Rent dekorativa bilder hanteras annorlunda.
Förmedla bildens relevanta information
Alternativtext ersätter en bilds relevanta betydelse eller funktion med text. För en HTML-bild anges den vanligtvis i attributet alt. Innehållet beror på hur bilden används.
Om ett tänkt produktfoto visar en apparats anslutning kan anslutningstypen vara viktig för valet. Om samma bild är den enda länken till ett datablad måste det tillgängliga namnet förmedla länkens mål. ”Bild av en apparat” hjälper då föga.
En rent dekorativ HTML-bild använder vanligtvis alt="" för att undvika onödig uppläsning. För ett komplext diagram måste den väsentliga informationen också finnas som tillgängligt innehåll. Alternativtext är varken en lista med sökord eller automatiskt bildtexten.
Källor
Relaterade begrepp
- SkärmläsareEn skärmläsare gör digitalt innehåll tillgängligt via tal eller punktskrift. Meningsfull struktur och etiketter gör användningen begriplig.
- FokusordningFokusordningen bestämmer vägen genom element som kan få fokus. Den ska bevara betydelse och användbarhet även vid dynamiska ändringar.
- TangentbordsfällaI en tangentbordsfälla fastnar användningen i ett område. Avsiktlig fokusbegränsning i en dialog behöver en utgång som kan användas med tangentbordet.
- Länk för att hoppa till huvudinnehålletEn hopplänk går förbi upprepad navigering till huvudinnehållet. Även nästa steg med tangentbordet måste fortsätta på rätt plats.
- Tillgängligt namnDet tillgängliga namnet benämner ett gränssnittselement för hjälpmedel. Det ska förklara handlingen och stämma med den synliga texten.
- SökförslagEtt sökförslag erbjuder en möjlig sökfråga under inmatning. Val, sökning och den senare resultatlistan måste samverka begripligt.
Artiklar om ämnet
Design & UX med ASES
Användarupplevelse, gränssnitt och varumärke