Svak alternativ tekst

Bilder bør ha skriftlige beskrivelser som formidler hva de viser. Silktide rapporterer bilder der det finnes beskrivelser, men der beskrivelsene ser ut til å være uten reell verdi, for eksempel et filnavn eller ordet «bilde».

Alternativ tekst skal fungere som en erstatning for bildet. Tekst som et filnavn, en URL eller et generisk ord beskriver ingenting:

<!-- Svak: Et filnavn forteller ikke lytteren noe -->
<img src="chart.png" alt="chart-final-v2.png">

<!-- Beskrivende: formidler hva bildet viser -->
<img src="chart.png" alt="Stolpediagram som viser at salget doblet seg mellom 2024 og 2026">

Hvorfor dette er viktig

Personer som bruker skjermlesere, hører den alternative teksten i stedet for bildet. «IMG understrek 4 3 2 7 punktum J P G» lest høyt er verre enn stillhet: Det avbryter innholdet uten å formidle noe. Svak alternativ tekst betyr vanligvis at et CMS har fylt ut feltet automatisk fra filnavnet, slik at bildet består en naiv test for «har alternativ tekst», samtidig som det fortsatt svikter personen teksten var ment for.

Søkemotorer leser også alternativ tekst for å forstå bilder, så svak tekst sløser bort en mulighet til å få bildene dine funnet i søk.

Slik løser du det

1. Skriv om den alternative teksten slik at den beskriver hva bildet viser eller hva det brukes til, i en naturlig frase eller setning. Forestill deg at du beskriver siden til noen på telefonen.
2. For bilder som er lenker eller knapper, beskriv målet eller handlingen («Søk», «Vis handlekurven din») i stedet for bildet.
3. For rent dekorative bilder bruker du en tom alt="", slik at skjermlesere hopper over dem fullstendig.
4. Løs også årsaken til problemet: Mange CMS-er fyller automatisk ut alternativ tekst fra filnavn når bilder lastes opp. Skriv inn reelle beskrivelser i mediebiblioteket.
5. Hvis den markerte alternative teksten faktisk er riktig, kan du godkjenne funnet.

Slik tester Silktide dette

1. Finn alle bildene på siden som har alternativ tekst som ikke er tom. Bilder med manglende eller tom alternativ tekst rapporteres av separate kontroller, for eksempel Manglende alternativ tekst.
2. Hopper over bilder som ikke trenger beskrivelse: bilder som er skjult for skjermlesere, sporingspiksler og andre bilder på 1 piksel, samt bilder uten kilde.
3. Markerer alternativ tekst som ser ut til å være lite informativ:
   • Den ser ut som et filnavn (for eksempel photo.jpg).
   • Den er en URL.
   • Den ser ikke ut som lesbare ord (for eksempel img_4327_final-2).
   • Den er et kjent generisk ord eller uttrykk, for eksempel «bilde», «fotografi», «logo» eller «klikk her».
   • Den inneholder ingen bokstaver eller tall i det hele tatt.

Feilsøking

Produktkoden eller merkenavnet mitt blir markert

Alternativ tekst som består av ett enkelt, kodelignende uttrykk, kan se maskingenerert ut for denne kontrollen. Hvis teksten faktisk er den riktige beskrivelsen (for eksempel en produkt-SKU kundene dine kjenner), kan du godkjenne funnet – eller enda bedre utvide den til en frase: «Produktbilde av ZX-200-boret».

Bilder fra innebygde kart blir markert

Kartfliser fra innebygde karttjenester genereres av leverandøren, og du kan ikke redigere den alternative teksten. Silktide kan utelate tredjepartsbilder som disse fra kontrollen. Hvis du ser at de blir markert, kan du godkjenne dem eller spørre oss om å utelate problemer fra tredjeparter for nettstedet ditt.

Finn ut mer

• Et beslutningstre for alternativ tekst (W3C Web Accessibility Initiative)
• Non-text Content (WCAG 2.1 understanding)
• Manglende alternativ tekst