Alt-tekst beskriver billedets formål i den konkrete sammenhæng. Før et WordPress-felt redigeres, bør du afgøre, om billedet informerer, fungerer som betjening eller blot pynter. Samme fil kan kræve forskellig behandling på forskellige sider.
Beskriv den nyttige information
Ved et informativt billede skal teksten formidle det, læseren ellers mangler. Et produktfoto kan vise en relevant finish eller vinkel; et diagram kan kræve en mere udførlig forklaring i den omgivende tekst. Undgå gentagne søgeord og detaljer, der ikke hjælper med sidens opgave. Overvej også, hvad brødteksten allerede forklarer.
Skil funktion fra dekoration
Når billedet er et link eller en betjeningsknap, bør beskrivelsen forklare funktionen. Et rent dekorativt billede kan have tom alt-tekst, når implementeringen understøtter det. Antag ikke, at alle tomme værdier er fejl, eller at et filnavn er en meningsfuld erstatning.
Kontrollér den udgivne forekomst
Undersøg billedet dér, hvor det bruges, frem for kun mediebiblioteket. Kontrollér output efter tema- eller editorændringer og på hvert sprog. Gaveks sidetjek kan tælle HTML-signaler, men et antal afgør ikke, hvilken redaktionel beskrivelse der er rigtig.
Brug metoden i praksis
Tænkt beslutning: Et nærfoto af en gulvprøve viser finish på en produktside og beskrives derfor med den relevante detalje. Det samme foto bag en overskrift er dekorativt. Behandlingen følger sidens rolle frem for en universel søgeordsformel.
Dine næste skridt
- Fastslå billedets rolle.
- Beskriv den manglende nyttige information.
- Undgå søgeordslister og filnavne.
- Kontrollér den aktive forekomst og sproget.
Spørgsmål og svar
Skal alle billeder have beskrivende tekst?
Nej. Dekoration skal behandles passende som dekoration; informative og funktionelle billeder skal beskrives efter deres rolle.
Opdaterer mediebiblioteket alle forekomster?
Antag det ikke. Undersøg den udgivne side, da editorer, temaer og gemt sideindhold kan være forskellige.
Dokumentation og videre læsning
- www.w3.org · › WAI › tutorials › images › decision-tree ›
- wordpress.org · › documentation › article › image-block ›
Se den relaterede dybdegående guide ↗ · Lav en handlingsplan ↗