Alternativ text för bilder & media
Anpassa textalternativ efter bildens funktion så att viktig information inte enbart är visuell. Genomgången kopplar webbstandarder och utvecklingsmetoder till konkreta webbsidor och mindre projekt.
- Nivå 1
Förstå → Se exempel → Träna
Förstå
Kärnan
Alternativ text ska förmedla den information eller funktion som bilden bidrar med. Dekorativa bilder bör inte skapa onödigt brus för hjälpmedel.
Så arbetar du
Fråga vad användaren behöver förstå om bilden i just detta sammanhang och skriv alt-text utifrån det syftet.
Nyanser och begränsningar
Samma bild kan behöva olika alt-text i olika sammanhang eftersom funktionen kan skilja sig.
I ett webbprojekt
Koppla kunskapen till ett tydligt användarbehov, en definierad struktur och konkreta kvalitetskrav. Bygg i små steg och kontrollera både funktion, standarder, tillgänglighet och dokumentation innan projektet avslutas.
Exempel
Exempel
- En diagram-bild får en kort text som beskriver huvudbudskapet i diagrammet i stället för bara filnamnet.
- Förklara därefter vilket webbtekniskt val som är viktigast för att lösningen ska bli robust, begriplig och ändamålsenlig.
Så gör du
- 1Identifiera de viktigaste användningsflödena.
- 2Granska semantik, etiketter, textalternativ och tangentbordsanvändning.
- 3Validera HTML och CSS där det är relevant.
- 4Testa funktionen i flera användaragenter.
- 5Dokumentera avvikelser och verifiera korrigeringar.
Vanliga misstag
Vanligt misstag
Att tro att validerad kod automatiskt är tillgänglig.
Bättre
Kombinera standardvalidering med tillgänglighets- och användartester.
Validering kontrollerar bara en del av kvaliteten.
Vanligt misstag
Att bara testa i den egna webbläsaren.
Bättre
Testa centrala funktioner i flera relevanta användaragenter och inputmetoder.
Interoperabilitet kräver bredare kontroll.
Fundera
Vilket val skulle vara viktigast att kunna motivera när du arbetar med alternativ text för bilder & media?
Träna
Övning
Beskriv hur du skulle använda kunskapen om alternativ text för bilder & media i ett mindre webbprojekt.
Sammanfattning
- Anpassa textalternativ efter bildens funktion så att viktig information inte enbart är visuell.
- Använd webbstandarder och välj teknik efter dess avsedda roll.
- Testa funktion, tillgänglighet och interoperabilitet systematiskt.
- Dokumentera viktiga tekniska, juridiska och etiska val i projektet.
Relaterade genomgångar
Fortsätt med något som hänger ihop med den här genomgången.
Tillgänglighet & god praxis
Förstå grundprinciper som gör webbinnehåll mer möjligt att uppfatta, förstå och använda.
Läs genomgångenValidering av HTML & CSS
Kontrollera att kod följer relevanta standarder och upptäck strukturella fel tidigt.
Läs genomgångenInteroperabilitet & användaragenter
Testa att webblösningen fungerar i olika webbläsare, enheter och andra användaragenter.
Läs genomgången