Screpy’s Image Alt Text Checker vindt ondersteunde afbeeldingselementen in de opgehaalde HTML van één pagina en onderscheidt ontbrekende alt-attributen, lege waarden en ingevulde tekst. Maak met de brongegevens een bewerklijst en beoordeel daarna de bijdrage van elke afbeelding. De tool vindt attributen; hij analyseert geen pixels, schrijft geen beschrijvingen en certificeert geen toegankelijkheid.
Controleer de pagina met de afbeeldingen
Voer een openbare HTTP-/HTTPS-pagina-URL in, niet het adres van een foto. De bron moet leesbare HTML opleveren. Controleer bij een productgalerij de productpagina waarop die staat. Het afbeeldingsbestand alleen toont niet de alternatieve tekst die bij een bepaald gebruik is toegekend.
Het rapport leest img-elementen en input-elementen van het type image. Het gebruikt de HTML-reactie zonder JavaScript uit te voeren. Later ingevoegde afbeeldingen kunnen ontbreken; CSS-achtergronden en inline-SVG vallen ook buiten de lijst.
Maximaal duizend afbeeldingsrijen blijven bewaard; lang bewijs kan worden ingekort. Het gaat om elementvoorkomens, geen unieke bestanden. Dezelfde foto kan twee rijen met verschillende doelen hebben. Lees meldingen over gedeeltelijke dekking: de lijst vertegenwoordigt niet elk visueel element van een grote of dynamische pagina. Geen ondersteunde elementen is geen bewijs dat er niets op het scherm staat.
Onderscheid ontbrekende, lege en ingevulde alt-tekst
Bekijk met de filters één categorie tegelijk. Ontbrekend betekent geen alt-attribuut. Leeg betekent een attribuut zonder betekenisvolle tekst, ook bij alleen witruimte. Ingevuld betekent alleen dat er tekst staat; niet dat die juist, nuttig of geschikt voor een schermlezer is.
Begin bij ontbrekende attributen en beoordeel lege waarden daarna in hun context. W3C WAI’s uitleg over decoratieve afbeeldingen laat zien waarom een leeg alternatief kan passen bij een afbeelding zonder extra informatie. Weglaten en leeg invullen zijn verschillende keuzes. Vul niet alles om de ingevuld-teller te verhogen.
Gebruik afbeeldingsbron en HTML-regelnummer om het element in template of CMS-uitvoer te vinden. De tool markeert enkele bestandsnaamachtige waarden, zoals een beschrijving die eindigt op .jpg. Dat is een aanwijzing, geen volledige taalkwaliteitsbeoordeling. Algemene, onjuiste of herhaalde tekst kan onopgemerkt blijven en toch aanpassing vragen.
Kies alternatieve tekst op basis van de functie
Vraag wat iemand mist als de afbeelding onzichtbaar is. De alt-beslisboom van W3C WAI onderscheidt informatief, decoratief en functioneel gebruik. Hetzelfde bestand kan per pagina andere behandeling vragen omdat omringende tekst en doel veranderen.
Deze fictieve voorbeelden tonen redactionele keuzes. De formulering past alleen als afbeelding en context werkelijk kloppen; de checker heeft deze beelden niet bekeken.
| Functie | Mogelijke aanpak | Voorwaarde om te controleren |
|---|---|---|
| Productfoto met detail | “Blauwe rugzak met twee voorvakken met rits” | Details zijn correct en relevant voor de keuze |
| Decoratieve scheidingslijn | Leeg alt-attribuut | Geen toegevoegde informatie of functie |
| Logo als enige inhoud van een home-link | “Example startpagina” | De afbeelding is de enige linkinhoud en leidt daarheen |
| Grafiek met belangrijke waarden | Kort alternatief plus uitleg of tabel ernaast | Kernbevinding en waarden blijven zonder grafiek beschikbaar |
Beschrijf bij een afbeeldingslink of -knop het doel of de actie als die anders onduidelijk is. Vervang de functie niet door de vorm van het pictogram. Stop bij een complexe grafiek niet de hele dataset in één attribuut; geef details in de pagina-inhoud.
Googles afbeeldingsrichtlijnen adviseren nuttige, contextuele alternatieven en waarschuwen voor zoekwoordstapeling. Beschrijf de relevante betekenis natuurlijk. Een zoekwoordenlijst vervangt geen uitleg; een ingevuld attribuut garandeert geen posities in afbeeldingen zoeken.
Herstel de bron en beoordeel de gepubliceerde pagina
Pas het veld of de component aan die het element maakt. Een CMS-mediabeschrijving helpt niet als de template hem nooit in alt zet. Herhaalt het probleem zich in kaarten of galerijen, onderzoek de gedeelde component en losse invoer. Gebruik niet overal dezelfde algemene standaardbeschrijving.
Publiceer de correctie en herhaal dezelfde URL. Bevestig het attribuut in de teruggestuurde HTML en bekijk de zichtbare pagina met de omringende tekst. Bewaar bewuste lege alternatieven en controleer de betekenis van informatieve en functionele beelden. Het doel is bruikbare inhoud, geen rapport met uitsluitend ingevulde waarden.
Beoordeel belangrijke ontbrekende graphics en JavaScript-gedrag handmatig. Volledige toegankelijkheid gaat verder dan dit attribuut. Gebruik voor andere signalen de On-Page SEO Checker en voor de koppenstructuur de Heading Structure Analyzer. Geen van beide maakt hiervan een certificering.