Produktbilleder skal have en meningsfuld alternativ tekst

Blinde kunder er afhængige af alt-tekst for at vide, hvordan et produkt ser ud. Et filnavn som »IMG_4021_final.jpg«, en tom beskrivelse eller den samme tekst på alle billeder i galleriet fortæller dem intet om farve, snit eller detaljer, så de ikke kan vælge med sikkerhed og køber et andet sted.

Regel-id
vs-product-images
Kilde
Validiscan-kontrol
Alvorlighed
Alvorlig
Rettelsesniveau
ASSISTED
på Shopify, Shopware, WooCommerce og Magento
Status
køres

Hvad kontrollen gør

Kontrollerer produktbilleder for alt-tekst, der er lig med filnavnet, tom alt på hovedproduktbilledet, den samme alt-tekst på alle billeder i et galleri, alt-tekst på mere end 150 tegn og overflødige indledninger som »billede af« eller »foto af« (1.1.1).

Kontrollen aflæser img-elementer og elementer med role="img", men springer dem over, der ligger inde i et element med aria-hidden="true" eller i klonede karrusel-slides. Et img uden alt overlades til axe-cores regel image-alt.

  • Filnavn: alt-teksten er lig med filnavnet fra src, data-src eller den første post i srcset. Indeholder navnet cifre, bindestreger eller understregninger, er det nok, at alt-teksten er lig med navnet uden filendelse eller størrelsessuffiks (_1024x1024). Alt-tekst, der ender på en billedfilendelse eller ligner IMG_1234, tæller også.
  • Hovedbillede (produktsider): det største synlige img med et areal på mindst 10.000 CSS-pixels, som begynder inden for 1,5 viewporthøjder inde i en produkt- eller gallericontainer, ellers inden for den første viewporthøjde. Billeder i header, navigation og footer kommer aldrig i betragtning; role="presentation" eller "none" regnes som tom alt-tekst, også uden alt.
  • Galleri: i den nærmeste container med tre eller flere viste billeder med alt har tre eller flere billeder fra forskellige filer den samme alt-tekst.
  • Generisk: alt-teksten er kun et ord som »foto« eller »billede«.

Kontrollen vurderer ikke, om teksten beskriver billedet.

Sådan retter du det

Skriv en kort, præcis alt-tekst til hvert produktbillede, der siger, hvad netop det billede viser (farve, vinkel, detalje), hold den under omkring 150 tegn, udelad »billede af«, og sørg for, at teksterne i et galleri er forskellige. De fleste platforme gemmer alt-teksten for hvert produktbillede i administrationen; sørg for, at temaet bruger den i stedet for filnavnet eller produkttitlen.

WCAG-succeskriterier

Afsnit i EN 301 549

Afsnittet i EN 301 549 for hvert kriterium, fordelt på versioner af standarden
WCAG-kriterium Version 3.2.1 Version 4.1.1
1.1.1 9.1.1.1 9.1.1.1

Begynd med et gratis tjek af din webshop.

Send din webshops adresse. Validiscan scanner den og svarer med hver fejl, scanningen kan påvise, med siden og koden.

Bestil et gratis tjek

Eller skriv til info@validiscan.com.

Hvad det gratis tjek omfatter, og hvad det udelader
Du sender
din webshops adresse
Sider, der scannes
op til 15
Du får
hver fejl, scanningen kan påvise, med siden og koden
På din webshop
kun offentlige sider; intet login, intet købt, ingen formularer sendt
Hvad det ikke er
et fuldt audit

Skriv til Validiscan

Til et gratis tjek skal du skrive din webshops adresse og platform.

Validiscan bruger det, du sender, til at svare dig. Privatlivspolitik