Zoek de afbeeldingen die nader moeten worden bekeken
Alt Tag Checker
Controleer de alt-kenmerken van de afbeelding in geplakte HTML. Scheid ontbrekende kenmerken van opzettelijk lege alternatieven, bekijk elke afbeeldingsbron en exporteer uw bevindingen.
Image alt audit
Your image counts and alt text review will appear here.
Alt Tag Checker: wat uw cheque u vertelt
Met een alt-tagchecker kunt u afbeeldingselementen vinden waarvan de alternatieven aandacht behoeven. In HTML is alt een attribuut van een afbeelding, geen afzonderlijke tag. Een ontbrekend attribuut, een lege waarde en een bruikbare beschrijving zijn drie verschillende gevallen.
Deze lokale audit inspecteert img-elementen in de HTML die u plakt. Het haalt de pagina niet op, beoordeelt de afbeelding niet visueel, voert JavaScript uit, laadt afbeeldingen of certificeert de toegankelijkheid. Het telt het aantal afbeeldingen dat voorkomt in plaats van bestanden te ontdubbelen, omdat dezelfde afbeelding in verschillende contexten verschillende doeleinden kan dienen.
Ontbrekend attribuut
Een img-element zonder alt moet worden beoordeeld. Hulptechnologie kan de bestandsnaam aankondigen in plaats van een nuttig alternatief. Bepaal of de afbeelding informatie overbrengt of decoratief is.
Leeg alternatief
Een expliciete alt="" kan geschikt zijn voor een decoratieve afbeelding. Houd het leeg als de afbeelding geen informatie toevoegt; voeg nuttige tekst toe als deze iets communiceert wat de lezer nodig heeft.
Alleen witruimte
Spaties binnen alt worden afzonderlijk vermeld. Controleer het doel van de afbeelding en gebruik vervolgens een echt lege waarde ter decoratie of betekenisvolle tekst ter informatie.
Tekst aanwezig
Een niet-lege waarde is niet automatisch een goed alternatief. Controleer of het het doel in de context beschrijft, zonder trefwoorden te vullen, nabijgelegen tekst te herhalen of te vertrouwen op de bestandsnaam.
HOW IT WORKS
Van een cheque tot een nuttige volgende stap
Plak de bron of weergegeven HTML
Kopieer de HTML vanuit uw paginabron of browserontwikkelaarstools. Door alleen een webadres te plakken, wordt die pagina niet opgehaald.
Bekijk elke categorie
Begin met ontbrekende attributen en bekijk vervolgens lege alternatieven in hun context. Filter de resultaten en vergelijk de afbeeldingsbron en alternatieve tekst.
Repareer en controleer opnieuw
Update uw sjablonen of CMS-velden, exporteer de beoordelingslijst en controleer vervolgens de nieuwe HTML na publicatie. Test de pagina met ondersteunende technologie als onderdeel van een bredere beoordeling.
Hetzelfde attribuut, drie verschillende beslissingen
Informatieve productafbeelding
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Beschrijf de informatie die de afbeelding bijdraagt. Dit voorbeeld geeft een shopper een concreet visueel detail.
Decoratieve verdeler
<img src="divider.svg" alt="">Een leeg alternatief kan voorkomen dat een decoratieve afbeelding ruis toevoegt aan de leeservaring.
Maattabel zonder alternatief
<img src="size-guide.png">Ontbrekende alt moet worden beoordeeld. Een complex diagram heeft mogelijk ook tekst in de buurt of een gegevenstabel nodig, afgezien van een kort alternatief.
For contextual guidance, read the W3C image alt decision tree.