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-srceller den første post isrcset. 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 lignerIMG_1234, tæller også. - Hovedbillede (produktsider): det største synlige
imgmed 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å udenalt. - 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
- 1.1.1 Non-text Content, niveau A
Afsnit i EN 301 549
| 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 tjekEller 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