AI skriver alternativtexten – prova den med skärmläsare före publicering
AI kan ge dig ett snabbt utkast, men den ser inte automatiskt varför bilden finns på just din sida. Innan du publicerar behöver du avgöra om bilden är informativ, funktionell, komplex eller dekorativ, kontrollera varje detalj och lyssna på sidan i sitt sammanhang. Här är ett arbetssätt som ryms i den vanliga publiceringskontrollen.
AI-utkastet börjar en kontroll, det avslutar den inte
Alternativtextens uppgift är inte att bevisa att AI kan känna igen föremål. Texten ska ersätta bildens relevanta budskap för den som inte ser den. Därför kan samma fotografi behöva olika text på två sidor – eller tomt alt på den ena. Sammanhanget styr vad läsaren behöver.
Det är också där AI har sin tydligaste begränsning. En bildmodell kan föreslå att tre personer sitter vid ett bord, men den vet inte om bilden visar projektgruppen som artikeln handlar om, illustrerar en allmän kontorsmiljö eller bara skapar visuell rytm. Den kan dessutom lägga till en känsla, relation eller detalj som inte går att belägga i bilden.
Ge därför AI en smal roll: skapa ett granskningsbart utkast efter att du har bestämt bildens funktion. I yrkesguiden för kommunikatörer finns den bredare publiceringsprocessen. Här fokuserar vi på ett avgränsat leveransbeslut: vad ska en användare höra där bilden ligger?
Steg 1: välj en av fyra bildfunktioner
W3C:s kontrollmodell skiljer mellan informativa, funktionella, dekorativa och komplexa bilder. Använd kategorierna före prompten, eftersom de bestämmer vilken sorts text du över huvud taget ska be AI om.
| Funktion | Fråga | Textalternativets uppgift |
|---|---|---|
| Informativ | Tillför bilden en uppgift eller ett budskap som saknas i texten? | Förmedla den relevanta uppgiften kort och sakligt. |
| Funktionell | Är bilden en länk, knapp eller annan kontroll? | Beskriv vart kontrollen leder eller vad den gör, inte motivet. |
| Komplex | Är det ett diagram, en karta eller annan bild med flera data eller samband? | Nämn bildtyp och huvudpoäng kort; lägg detaljer i brödtext eller tabell. |
| Dekorativ | Fungerar sidan lika bra om bilden hoppas över? | Använd tomt attribut: alt="". |
En dekorativ bild ska inte sakna alt-attribut. W3C och Digg anger tomt alt för att hjälpmedel ska kunna hoppa över den; om attributet utelämnas kan vissa skärmläsare i stället läsa upp filnamnet. Skriv alltså inte ”dekorativ illustration” för att fylla fältet.
Var särskilt vaksam på bildkort som är länkar. Om bild och rubrik ligger i samma länk och rubriken redan ger ett tydligt namn kan en tom alt-text på bilden undvika dubbel uppläsning. Om själva bilden ensam är kontrollen behöver textalternativet däremot beskriva målet eller funktionen. Bedöm hela länken, inte bara bildfilen.
Steg 2: ge AI rätt underlag
Ladda inte bara upp bilden och skriv ”gör en alt-text”. Ge modellen sidans rubrik, det närmaste stycket, eventuell bildtext och ditt beslut om bildfunktion. Ta bort personuppgifter och annat material som inte får lämna er godkända miljö. Om du är osäker på vad som får matas in, börja med kontrollen i AI och upphovsrätt på jobbet.
Prompten beställer både text och granskningspunkter. Det gör ett påhittat namn eller en feltolkad aktivitet synligare än om du bara ber om en färdig formulering. För en funktionell bild byter du ut kravet om motiv mot kontrollens mål. För en komplex bild ber du om huvudpoängen och skriver själv den längre förklaringen i vanlig text.
Steg 3: granska utkastet rad för rad
Öppna originalbilden i den storlek som ska publiceras. Jämför sedan AI-utkastet med bilden och sidan. Godkänn inte formuleringen bara för att den låter naturlig.
- Fakta: syns verkligen antalet personer, färgen, platsen, texten eller handlingen som utkastet nämner?
- Slutsatser: har AI lagt till ord som ”glad”, ”orolig”, ”chef”, ”kund” eller ”samarbetar” utan säkert stöd?
- Relevans: hjälper varje detalj läsaren att förstå sidans budskap, eller beskriver den bara bakgrunden?
- Upprepning: säger rubrik, bildtext och alt-text samma sak tre gånger?
- Språk: är texten saklig och kärnfull, utan filnamn eller onödiga fraser som ”bild på”?
Digg rekommenderar en kort och saklig beskrivning framför en uppräkning av varje detalj. Kort betyder dock inte innehållslös. ”Diagram” räcker inte om diagrammets poäng är att svarstiden sjönk efter en förändring. Skriv hellre huvudpoängen i alt-texten och lägg värden, tidsperiod och metod i text eller tabell intill.
Håll också isär alt-text och bildtext. Bildtexten syns för alla och kan förklara källa, sammanhang eller redaktionell poäng. Alt-texten ersätter bildens relevanta innehåll. De kan komplettera varandra, men ska inte vara tecken för tecken identiska.
Steg 4: gör ersättningstestet
Dölj bilden tillfälligt och läs sidan från stycket före till stycket efter. Föreställ dig sedan att alt-texten står där som vanlig text. Testet tar två frågor:
- Får läsaren den uppgift eller funktion som bilden skulle förmedla?
- Blir läsningen tjatig därför att samma information redan finns i rubrik, brödtext eller bildtext?
Om viktig information försvinner är textalternativet för svagt eller den längre beskrivningen saknas. Om inget försvinner och den insatta texten bara upprepar sidan kan bilden vara dekorativ i just detta sammanhang. Då är alt="" ofta rätt beslut, även om AI kan skriva en träffsäker motivbeskrivning.
Exempel: ett porträtt bredvid namnet ”Sara Lind, projektledare” kan vara informativt om identifieringen är viktig. Samma porträtt kan vara dekorativt i ett kort där namn och roll redan är länkens tydliga text. Beslutet följer användningen, inte bildens tekniska egenskaper.
Steg 5: lyssna med skärmläsare
Digg pekar ut provlyssning som ett sätt att bedöma textalternativ och upptäcka upprepningar. Öppna en förhandsvisning eller testsida i den miljö ni stödjer och starta en skärmläsare. Navigera till rubriken före bilden och fortsätt förbi bild, bildtext och nästa stycke. Provet ska göras i sidans verkliga läsordning, inte i ett fristående alt-textfält.
Lyssna efter fyra saker:
- Begriplighet: går bildens bidrag att förstå utan att du ser skärmen?
- Dubbel information: hörs samma budskap direkt igen i bildtext eller brödtext?
- Rätt funktion: beskriver en länkad bild vart länken går eller upprepar den bara motivet?
- Oväntat brus: läses filnamn, intern arbetsrubrik eller andra tekniska rester upp?
Prova också bilden med tangentbordsnavigation om den ingår i en länk eller kontroll. Ett bra motivutkast hjälper inte om fokusordningen är fel eller länknamnet blir obegripligt. Den här korta lyssningen ersätter inte en fullständig tillgänglighetsgranskning, men den fångar precis de fel som lätt missas när redaktören bara ser formulärfältet.
Ett före- och efterexempel
Anta att en artikel handlar om ett nytt arbetssätt för att skilja faktauppgifter från bedömningar. Bilden visar två kollegor vid ett bord med kort i två färgade högar. Bildtexten säger: ”Teamet använder två högar för att skilja verifierade uppgifter från sådant som behöver bedömas.”
AI-utkast: ”Bild på två glada kommunikatörer som tillsammans kvalitetssäkrar AI-innehåll vid ett modernt kontorsbord.”
Utkastet hittar på yrkesroller, känsla och aktivitet. Det tillför dessutom mindre än bildtexten. Efter granskning kan beslutet bli alt="" eftersom bildtext och brödtext redan bär budskapet. Om de färgade högarna däremot inte förklaras någon annanstans kan en bättre text vara: ”Två kollegor sorterar kort i en hög för verifierade uppgifter och en för uppgifter som kräver bedömning.”
Poängen är inte att den senare texten passar i varje fall. Den är rätt bara om sorteringen är relevant, går att se och inte redan blir en störande upprepning när sidan läses upp.
Publiceringsgrind: sex ja eller ett stopp
- Vi har dokumenterat om bilden är informativ, funktionell, komplex eller dekorativ.
- Varje detalj i AI-utkastet går att verifiera i bilden eller det godkända underlaget.
- Texten förmedlar bildens syfte på sidan, inte bara dess motiv.
- Alt-text, bildtext och brödtext kompletterar varandra utan onödig upprepning.
- Ersättningstestet visar att informationen varken saknas eller dubbleras.
- Skärmläsarprovet fungerar i sidans läsordning och eventuella länkar har begriplig funktion.
Om en punkt blir nej ska bilden eller texten tillbaka till redigering. Spara gärna kategorin, slutversionen och vem som gjorde lyssningsprovet i publiceringschecklistan. Då blir alternativtext inte ett anonymt AI-fält utan ett redaktionellt beslut som går att följa upp.
Källor
- Digg: Beskriv med text allt innehåll som inte är text (öppnas i ny flik) – bildens budskap och sammanhang, dekorativa bilder, komplex grafik, upprepning och provlyssning.
- W3C WAI: Decorative Images (öppnas i ny flik) – tomt alt-attribut och det kontextberoende beslutet om en bild är dekorativ.
- W3C WAI: Image Alternative Text – Easy Checks (öppnas i ny flik) – kontrollpunkter för informativa, funktionella, dekorativa och komplexa bilder.