YuJa EqualGround scant op diverse veelvoorkomende problemen in uw webpagina's en documenten. Deze handleiding biedt een overzicht van alle problemen die met het platform worden gedetecteerd, inclusief de naam van het probleem, de beschrijving en aanvullende details waar van toepassing.
Toegankelijkheidsproblemen
Opmerking: Alle problemen die in de tabellen WCAG, ARIA, en Beste praktijken staan, kunnen worden opgelost door YuJa AutoPilot en inline remediatie.
WCAG
| Naam van probleem | Beschrijving van het probleem | Samenvatting van de remediatie |
| Ontbrekende alt-attributen bij niet-tekstuele inhoud | Het img-element mist alternatieve tekst. | Voegt een toegankelijke naam toe. |
| Ontbrekende alternatieve tekst bij afbeeldingsknoppen | Deze afbeelding wordt als knop gebruikt, maar heeft geen alternatieve tekst, waardoor gebruikers van schermlezers niet kunnen weten wat de knop doet. | Voegt een toegankelijke naam toe. |
| Ontbrekende alternatieve tekst bij elementen met de rol img | Dit element is als afbeelding gemarkeerd (role="img") maar heeft geen beschrijving. | Voegt een toegankelijke naam toe. |
| Presentatierollen en verborgen statussen bij decoratieve inhoud | Dit decoratieve element wordt door schermlezers voorgelezen, hoewel het geen informatie bevat. | Voegt aria-hidden="true" toe aan <svg>; stelt role="presentation" in op <img>/<area>. |
| Overbodige title-attributen bij afbeeldingen met lege alternatieve tekst | Deze afbeelding is als decoratief gemarkeerd (lege alternatieve tekst), maar heeft toch een tooltiptitel, waardoor schermlezers de afbeelding alsnog voorlezen. | n.v.t. |
| Problemen met ontbrekende audiotranscripten | Deze audiospeler heeft geen transcript, waardoor mensen die doof of slechthorend zijn geen toegang hebben tot de inhoud. | Voegt <track> toe als onderliggend element. |
| Ontbrekende ondertiteling in ingesloten Vimeo-video's | Deze ingesloten Vimeo-video heeft geen ondertiteling. | De ondertiteling van video's van andere platforms kan niet worden gewijzigd. |
| Ontbrekende ondertiteling in ingesloten YouTube-video's | Deze ingesloten YouTube-video heeft geen ondertiteling. | De ondertiteling van video's van andere platforms kan niet worden gewijzigd. |
| Ontbrekende ondertiteling in video-inhoud | Deze video heeft geen ondertiteling, waardoor mensen die doof of slechthorend zijn de video niet kunnen volgen. | Voegt <track> toe als onderliggend element. |
| Onjuiste structuur van definitielijsten | Deze beschrijvingslijst bevat inhoud die geen term en geen beschrijving is, waardoor de koppeling tussen term en beschrijving niet klopt. | Dwingt een geldige structuur af binnen beschrijvingslijsten (<dl>) door ongeldige directe onderliggende elementen in <dd>-tags te plaatsen. |
| Onjuiste lijststructuur | Deze lijst bevat inhoud die geen lijstitem is, waardoor schermlezers een verkeerd aantal items voorlezen. | Voegt lijstitems op de juiste plaatsen in om een lijststructuur binnen tabellen te herstellen. |
| Onjuist gebruik van het headers-attribuut door scope te gebruiken in tabellen | Deze tabel gebruikt gewone gegevenscellen als koppen, waardoor schermlezers niet elke waarde aan de juiste kop kunnen koppelen. | Voegt ontbrekende <th>-elementen toe aan de <thead> en stelt columnheader-rollen in op bestaande koppen. |
| Onjuist gebruik van het scope-attribuut in tabellen | Het scope-attribuut wordt gebruikt op een cel die geen kop is, waardoor schermlezers de structuur van de tabel niet kunnen bepalen. | Stelt het attribuut van een tabelrol in op 'col' of 'row', afhankelijk van de locatie. |
| Ontbrekend aria-level bij koprollen | Dit element fungeert als kop, maar geeft niet aan welk niveau het heeft, waardoor gebruikers van schermlezers niet kunnen zien waar het in de paginastructuur staat. | Voegt een aria-level van 1, 2, 3, 4, 5 of 6 toe. |
| Ontbrekende fieldset of groep voor invoervelden met dezelfde naam | Deze keuzerondjes of selectievakjes zijn gegroepeerd, maar missen een label dat gebruikers van schermlezers vertelt wat de groep voorstelt. | n.v.t. |
| Ontbrekende legend in fieldset | Het element <fieldset> mist een <legend>, waardoor schermlezers de context of het groepslabel van deze formuliervelden niet kunnen herkennen. | Voegt een legend-element toe als eerste onderliggende element van een fieldset. |
| Ontbrekend bovenliggend element voor definitie-elementen | Deze term of beschrijving staat niet in een beschrijvingslijst, waardoor schermlezers de twee niet aan elkaar kunnen koppelen. | Plaatst losstaande <dt>- of <dd>-elementen in een <dl>-container. |
| Ontbrekend bovenliggend element voor lijstitems | Dit lijstitem staat niet in een lijst, waardoor schermlezers het niet als onderdeel van een lijst voorlezen. | Plaatst losstaande <li>-elementen in een <ul>- of <ol>-container. |
| Tabelkoppen bevatten geen tabelgegevens | De kopcellen van deze tabel hebben geen gegevenscellen die eraan gekoppeld zijn, waardoor de koppen niets beschrijven. | Voegt op de juiste positie een nieuwe, gevulde gegevenscel in, zodat elke kop aan zinvolle inhoud is gekoppeld. |
| Oriëntatieproblemen bij Apple mobile web apps | Deze pagina vergrendelt zichzelf op één schermoriëntatie, waardoor mensen die hun apparaat in een vaste positie bevestigen de pagina niet kunnen gebruiken. | Wijzigt de Apple-oriëntatie in 'any'. |
| Oriëntatieproblemen bij meta viewport | De viewportinstellingen van deze pagina vergrendelen de oriëntatie of blokkeren zoomen, waardoor mensen die de pagina moeten draaien of vergroten dat niet kunnen. | Stelt het juiste attribuut en de bijbehorende waarde in voor meta viewports. |
| Ongeldige autocomplete-waarden in formuliervelden | Dit formulierveld geeft de browser niet aan welk soort informatie het verzamelt, waardoor het niet automatisch kan worden ingevuld. | Valideert het autocomplete-attribuut op formulierelementen en zet het terug op 'off' als de waarde ongeldig is. |
| Ontbrekend autocomplete-attribuut in formuliervelden | Dit formulierveld geeft de browser niet aan welk soort informatie het verzamelt, waardoor het niet automatisch kan worden ingevuld. | n.v.t. |
| Ontbrekende opmaak voor links | Deze link onderscheidt zich alleen door de kleur van de omringende tekst, waardoor mensen die kleurverschillen niet kunnen zien de link zullen missen. | Dwingt standaardopmaak voor links af door een onderstreping en een aanwijzercursor toe te voegen aan ankertags die deze missen. |
| Ontbrekende audiobediening in audiospelers | Deze audio wordt afgespeeld zonder dat de gebruiker de mogelijkheid heeft om te pauzeren of te stoppen. | Voegt het controls-attribuut toe. |
| Problemen met laag contrast in tekst | Deze tekst steekt onvoldoende af tegen de achtergrond, waardoor slechtziende mensen de tekst mogelijk niet kunnen lezen. | Past de tekstkleur aan naar het omgekeerde van de achtergrondkleur. |
| Problemen met verhoogd contrast in tekst | Deze tekst voldoet niet aan het verhoogde contrastniveau dat bij WCAG AAA vereist is. | Past de tekstkleur aan naar het omgekeerde van de achtergrondkleur. |
| Absolute lettergroottes in alinea's | De tekstgrootte van deze alinea is vastgelegd in pixels, waardoor de tekst niet meegroeit wanneer een lezer de tekstgrootte van de browser vergroot. | Stelt de lettergrootte in op 1em. |
| Absolute regelhoogtes in alinea's | De regelafstand van deze alinea is vastgelegd in pixels, waardoor de regelafstand niet meegroeit wanneer een lezer de tekstgrootte vergroot. | Stelt de regelhoogte in op 1.5em. |
| Onvoldoende regelafstand in alinea's | De regels in deze alinea staan te dicht op elkaar, waardoor de tekst moeilijk te lezen is voor mensen met dyslexie of een visuele beperking. | Stelt de regelhoogte in op 1.5em. |
| Uitgevulde tekstuitlijning in alinea's | Deze alinea is uitgevuld, waardoor er ongelijke ruimtes tussen woorden ontstaan en de tekst moeilijker te lezen is. | Stelt de tekstuitlijning in op links. |
| Problemen met viewportbeperkingen | Deze pagina past zich niet aan de breedte van het scherm aan, waardoor mensen met een klein scherm of een sterke zoom zijwaarts moeten scrollen om de pagina te lezen. | Stelt het content-attribuut in op de juiste waarden. |
| Bedieningselementen met problemen met laag contrast | De rand, achtergrond of tekst van dit formulierbesturingselement steekt onvoldoende af, waardoor slechtziende mensen het mogelijk niet zien. | Past de tekstkleur aan naar het omgekeerde van de achtergrondkleur. |
| Ontoegankelijke letterspatiëring | Deze tekst verhindert dat lezers de ruimte tussen letters vergroten, wat sommige mensen nodig hebben om comfortabel te kunnen lezen. | Stelt de letterspatiëring in op 0.12em met een important-declaratie in de inlinestijl. |
| Ontoegankelijke regelhoogte | Deze tekst verhindert dat lezers de ruimte tussen regels vergroten, wat sommige mensen nodig hebben om comfortabel te kunnen lezen. | Stelt de line-height in op 1.5em. |
| Ontoegankelijke woordafstand | Deze tekst verhindert dat lezers de ruimte tussen woorden vergroten, wat sommige mensen nodig hebben om comfortabel te kunnen lezen. | Stelt de word-spacing in op 0.16em. |
| Ontoegankelijke scrollbare gebieden | Dit gebied scrolt, maar toetsenbordgebruikers kunnen het niet bereiken omdat het geen focus kan krijgen. | Stelt de tabindex van het knooppunt in op 0. |
| Door de gebruiker te beheren tijdgebonden inhoudswijzigingen | Deze pagina ververst zichzelf op een timer, wat mensen die langzaam lezen of een schermlezer gebruiken kan onderbreken. | Stelt het content-attribuut van de meta refresh in op 72000. |
| Verouderde tags in inhoud | Deze inhoud gebruikt een knipperende of scrollende tag die browsers niet meer ondersteunen en die problemen kan veroorzaken voor mensen met aandachts- of evenwichtsstoornissen. | Verwijdert het verouderde element. |
| Ontbrekend omzeilmechanisme | Toetsenbord- en schermlezergebruikers moeten op elke pagina door de hele koptekst tabben voordat ze bij de inhoud komen. | Voegt aan het begin van de body een zichtbare link “skip to main content” toe en zorgt ervoor dat er een geldig doelelement bestaat. |
| Ontbrekende paginatitels | Deze pagina heeft geen titel, waardoor de pagina als “Zonder titel” wordt weergegeven in browsertabbladen, bladwijzers en zoekresultaten, en schermlezers niets aankondigen wanneer de pagina wordt geladen. | Voegt een tijdelijke titel toe aan de html. |
| Onjuiste focusvolgorde | De toetsenbordfocus springt over deze pagina heen en weer in plaats van de volgorde te volgen waarin dingen op het scherm verschijnen. | Stelt de tabindex van het knooppunt in op 0. |
| Problemen met het doel van links | Meerdere links op deze pagina hebben dezelfde tekst maar gaan naar verschillende bestemmingen, waardoor gebruikers van schermlezers ze niet uit elkaar kunnen houden. | Werkt het href-attribuut bij door de bestemming te kopiëren van een ander element met dezelfde toegankelijke naam, of gebruikt een tijdelijke aanduiding als er geen overeenkomst wordt gevonden. |
| Ontbrekende paginakoppen | Deze pagina mist een hoofdkop, waardoor het voor gebruikers van schermlezers moeilijk is om snel het hoofdonderwerp te begrijpen of door de structuur te navigeren. | Voegt een h1-element toe aan de body. |
| Ontbrekende sectiekoppen | Deze sectie heeft geen kop, waardoor gebruikers van schermlezers niet kunnen weten wat de sectie bevat of de sectie niet kunnen overslaan. | Voegt een h2-kop met standaardtekst in als eerste onderliggende element van het element. |
| Onvoldoende grootte van interactieve elementen | Dit bedieningselement is te klein om betrouwbaar te klikken of aan te tikken, wat lastig is voor mensen met beperkte handvaardigheid. | Stelt de minimumbreedte van het knooppunt in op 44px en de minimumhoogte op 44px. |
| Te klein aanraakdoel | Dit bedieningselement is te klein om nauwkeurig aan te tikken op een touchscreen, of staat te dicht bij het element ernaast. | n.v.t. |
| Te klein aanraakdoel | Dit bedieningselement is te klein om nauwkeurig aan te tikken op een touchscreen, of staat te dicht bij het element ernaast. | n.v.t. |
| Niet-overeenkomende opgegeven taal | Deze pagina geeft twee verschillende talen op, waardoor schermlezers niet kunnen bepalen welke uitspraak ze moeten gebruiken. | Kan het HTML-referentieknooppunt niet verkrijgen. |
| Ontbrekende taalaanduiding | Deze pagina geeft niet aan in welke taal ze is geschreven, waardoor schermlezers de pagina mogelijk met de verkeerde uitspraak voorlezen. | Kan het HTML-referentieknooppunt niet verkrijgen. |
| Ongeldige waarde voor het lang-attribuut | De pagina gebruikt een ongeldige taalcode, waardoor schermlezers terugvallen op standaardinstellingen en inhoud verkeerd uitspreken. | n.v.t. |
| Onverwachte contextwijzigingen bij focus | Dit formulier wordt verzonden zodra een veld de focus krijgt of de muisaanwijzer erboven staat, waardoor de gebruiker de controle kwijtraakt. | n.v.t. |
| Gebruikers waarschuwen over nieuwe tabbladen | Deze link opent zonder waarschuwing in een nieuw tabblad, wat gebruikers van schermlezers en mensen die vergroting gebruiken kan desoriënteren. | Voegt “(opens in a new tab)” toe aan het oorspronkelijke knooppuntattribuut. |
| Foutbeschrijvingen voor invoervelden als atomisch | Wanneer deze foutmelding wordt bijgewerkt, lezen schermlezers alleen het gewijzigde deel voor, waardoor de melding niet meer te begrijpen is. | Stelt de waarde van aria-atomic in op 'true'. |
| Ontbrekende toegankelijke naam bij knoppen | Deze knop heeft geen tekst of label, waardoor gebruikers van schermlezers alleen de algemene naam van het element horen. | Voegt een aria-label 'Button' toe. |
| Ontbrekende toegankelijke naam bij input/select/textarea | Dit formulierveld heeft geen label, waardoor gebruikers van schermlezers niet weten wat ze moeten invoeren. | Voegt een toegankelijke naam toe. |
| Ontbrekende toegankelijke namen voor <iframe> | Dit ingesloten frame heeft geen titel, waardoor gebruikers van schermlezers niet kunnen weten wat het bevat voordat ze het openen. | n.v.t. |
| Ontbrekende linkbeschrijvingen | De link heeft geen beschrijvende linktekst of toegankelijk label, waardoor gebruikers van schermlezers alleen “link” horen zonder enige aanwijzing over de bestemming. | Voegt een toegankelijke naam toe. |
| Geneste interactieve bedieningselementen | Een klikbaar bedieningselement staat binnen een ander, waardoor schermlezers en toetsenborden ze niet uit elkaar kunnen houden of beide kunnen bereiken. | Zet links/knoppen om in statische spans, verwijdert formulierinvoer en verwijdert interactieve attributen. |
ARIA
| Naam van probleem | Beschrijving van het probleem | Samenvatting van de remediatie |
| Ongeldige ARIA-attributen | Dit element heeft een ARIA-attribuut dat erop niet is toegestaan, waardoor ondersteunende technologie het mogelijk onjuist beschrijft. | Verwijdert alle ARIA-attributen van een element die ongeldig of niet ondersteund zijn voor de toegewezen rol, zodat de toegankelijkheidssemantiek van het element geldig blijft. |
| Ongeldige ARIA-attributen | Dit element heeft een ARIA-attribuut dat erop niet is toegestaan, waardoor ondersteunende technologie het mogelijk onjuist beschrijft. | n.v.t. |
| Ongeldige ARIA-rollen | Het element heeft geen geldige rolwaarde. | Verwijdert ongeldige role-attributen van zichtbare elementen en probeert ze te vervangen door de juiste impliciete rol van het element, of verwijdert het attribuut volledig om geldige semantiek te herstellen. |
| Ontbrekende toegankelijke naam voor braille-eigenschappen | Dit element heeft een braillelabel maar geen bijbehorend tekstlabel, waardoor er geen tekstalternatief is voor gebruikers die op ondersteunende technologie vertrouwen. | Zorgt voor geldig gebruik van braille-ARIA door braillespecifieke attributen te verwijderen als de vereiste standaardtegenhangers ontbreken. |
| Ontbrekende toegankelijke naam voor braille-eigenschappen | Dit element heeft een braillelabel maar geen bijbehorend tekstlabel, waardoor er geen tekstalternatief is voor gebruikers die op ondersteunende technologie vertrouwen. | Zorgt voor geldig gebruik van braille-ARIA door braillespecifieke attributen te verwijderen als de vereiste standaardtegenhangers ontbreken. |
| Voorwaardelijk onjuiste ARIA-attributen | De voorwaarden voor het gebruik van het ARIA-label zijn niet geschikt. Bepaalde ARIA-labels mogen alleen op elementen worden gebruikt als aan bepaalde voorwaarden is voldaan. | Verwijdert overbodige aria-checked-attributen van native selectievakjes en wijzigt de rol van een tabel naar treegrid. |
| Gebruik van verouderde ARIA-rollen | De waarde die aan het role-attribuut is toegewezen, is verouderd en niet langer geldig. | Detecteert verouderde ARIA-rollen en vervangt ze door een moderne tegenhanger (met name directory naar section) of verwijdert het attribuut om naleving van de standaarden te waarborgen. |
| Ongeldige ARIA-dialogen | Het dialoogvenster heeft geen toegankelijke naam, waardoor het voor gebruikers van schermlezers moeilijk is om het doel ervan te herkennen of te bepalen wat er is geopend. | Zorgt ervoor dat het dialoogvenster een geldige toegankelijke naam heeft door een aria-label toe te voegen dat is afgeleid van de tekstinhoud, of een standaardterugvaloptie als er geen expliciete labelattributen bestaan. |
| Verborgen body-element | De hele pagina is verborgen voor ondersteunende technologie, waardoor gebruikers geen toegang hebben tot de inhoud of functionaliteit. | Verwijdert het aria-hidden-attribuut. |
| Ontbrekende toegankelijke namen voor invoervelden | Dit invoerveld heeft geen toegankelijk label, waardoor gebruikers van schermlezers niet kunnen bepalen welke informatie ze moeten invoeren. | Past een standaardlabel “Toggle Option” toe als er geen is, of stelt het aria-label expliciet in op de bestaande tekst. |
| Gebruik van verboden ARIA-attributen | Het ARIA-attribuut mag niet worden gebruikt voor de rol van het element. | Verwijdert ARIA-attributen die voor de rol van een element strikt verboden zijn. |
| Overbodige ARIA-rollen | Dit element heeft al de semantiek die door de rol wordt geboden, dus de rol is overbodig. | n.v.t. |
| Ontbrekende vereiste ARIA-attributen | De rol van dit element vereist een attribuut dat ontbreekt, waardoor ondersteunende technologie de status niet kan melden. | Voegt standaardwaarden toe voor de ongeldige attributen. |
| Ontbrekende vereiste onderliggende ARIA-elementen | Het element mist een onderliggende rolwaarde. | Voegt ontbrekende vereiste onderliggende elementen toe en verwijdert ongeldige onderliggende elementen. |
| Ontbrekend vereist bovenliggend ARIA-element | Het element mist een bovenliggende rolwaarde. | Verwijdert onjuiste ARIA-rollen. |
| Gebruik van ongeldige ARIA-roolbeschrijving | Het element met het attribuut aria-roledescription vereist een expliciete of impliciete ondersteunde rol. | Verwijdert aria-roledescription van decoratieve elementen of elementen zonder rol (waar het verboden is) en zet het om in een aria-label. |
| Gebruik van abstracte ARIA-rollen | De toegewezen ARIA-rolwaarde is niet geldig. Rolwaarden moeten worden gecontroleerd op spelfouten en moeten overeenkomen met bestaande ARIA-rolwaarden. | Verwijdert alle role-attributen die typefouten bevatten, niet worden ondersteund of “abstracte” rollen zijn. |
| Ongeldig gebruik van ARIA-rollen | De toegewezen ARIA-rolwaarde is niet geldig. Rolwaarden moeten worden gecontroleerd op spelfouten en moeten overeenkomen met bestaande ARIA-rolwaarden. | Verwijdert alle role-attributen die typefouten bevatten, niet worden ondersteund of “abstracte” rollen zijn. |
| Gebruik van niet-ondersteunde ARIA-rollen | De toegewezen ARIA-rolwaarde is niet geldig. Rolwaarden moeten worden gecontroleerd op spelfouten en moeten overeenkomen met bestaande ARIA-rolwaarden. | Verwijdert alle role-attributen die typefouten bevatten, niet worden ondersteund of “abstracte” rollen zijn. |
| Ontbrekende toegankelijke namen voor invoervelden | Het element met een semantische rol heeft geen toegankelijke naam. | Past een standaardlabel “Toggle Option” toe als er geen is, of stelt het aria-label expliciet in op de bestaande tekst. |
| Ongeldige ARIA-attributen | Dit attribuut is geen echt ARIA-attribuut: het is verkeerd gespeld of bestaat niet, waardoor ondersteunende technologie het negeert. | Verwijdert alle ongeldige ARIA-attributen. |
| Ongeldige waarden van ARIA-attributen | Dit ARIA-attribuut van het element bevat een ongeldige waarde. | Corrigeert ongeldige waarden die aan ARIA-attributen zijn toegewezen door ze terug te zetten naar veilige standaardwaarden. |
| Globale ARIA-attributen op elementen met de rol presentation | Dit element is als decoratief gemarkeerd maar blijft toegankelijk met het toetsenbord, waardoor gebruikers van schermlezers een element tegenkomen dat niet wordt aangekondigd. | Verwijdert expliciete role-attributen die exact overeenkomen met de ingebouwde impliciete rol van het element. |
| Focusbare elementen met de rol presentation | Dit element is als decoratief gemarkeerd maar blijft toegankelijk met het toetsenbord, waardoor gebruikers van schermlezers een element tegenkomen dat niet wordt aangekondigd. | Verwijdert de rol als het element focusbaar is om de semantische waarde te herstellen, of verwijdert conflicterende globale ARIA-attributen om de decoratieve status te behouden. |
Beste praktijken
| Naam van probleem | Beschrijving van het probleem |
| Niet-overeenkomende toegankelijke naam en zichtbaar label | De tekst die als label voor het interactieve element wordt weergegeven, komt niet voor in de geprogrammeerde toegankelijke naam die in de HTML is opgegeven, zoals die van de tags <label> en <aria-label>. |
| Lege koppen | Koppen bevatten geen zinvolle beschrijving, wat verwarrend kan zijn bij het navigeren. |
| Overgeslagen kopniveaus | Bepaalde kopniveaus zijn op de pagina overgeslagen, wat de logische structuur van de inhoud verstoort. |
| Herhaalde alternatieve tekst bij afbeeldingen | De alternatieve tekst van deze afbeelding herhaalt woorden die al direct ernaast staan. |
|
Landmarkrollen op geneste elementen |
De rol van de landmark is niet toegepast op de juiste paginahiërarchie. |
| Onjuiste <noscript>-elementen | De pagina bevat <noscript>-elementen die alleen inhoud bieden wanneer JavaScript is uitgeschakeld. |
| Ontbrekende kop van niveau 1 (H1) | De pagina bevat geen kop van niveau 1, die bedoeld is om het hoofdonderwerp of het doel van de pagina aan te geven. |
| Gebruik van visuele tags zonder semantische betekenis | De pagina gebruikt uitsluitend visuele tags om tekst op te maken in plaats van semantische tags. Deze tags veranderen alleen hoe de tekst eruitziet, maar geven geen betekenis aan ondersteunende technologieën. |
| Ontbrekende of onjuist gedefinieerde omringende regio's | Deze inhoud staat niet binnen een landmark, waardoor gebruikers van schermlezers de inhoud moeilijker vinden bij het navigeren per regio. |
|
Dubbele bijschriften bij tabellen |
Twee of meer tabellen op deze pagina hebben hetzelfde bijschrift. |
| Dubbele landmarkregio's | Deze pagina heeft meer dan één landmark van hetzelfde type, waardoor gebruikers van schermlezers ze niet uit elkaar kunnen houden. |
SEO-problemen
| Naam van probleem | Beschrijving van het probleem |
| Canonical-tag | Canonical-tags voorkomen problemen met dubbele inhoud door zoekmachines te vertellen welke versie van een pagina de voorkeur heeft. |
| Crawlbare links | Links met een ontbrekende, lege of kapotte bestemming verhinderen dat zoekmachines gelinkte pagina's vinden. |
| Taal- en regiotags (hreflang) | Hreflang-tags vertellen zoekmachines voor welke taal en regio een pagina bedoeld is, zodat de juiste versie in de zoekresultaten verschijnt. |
| Statuscode van de pagina | Pagina's die een foutstatuscode retourneren, worden mogelijk niet door zoekmachines geïndexeerd. |
| Indexeerbaarheid van de pagina | Pagina's die van indexering zijn uitgesloten (bijvoorbeeld door een “noindex”-tag of -header) kunnen niet in zoekresultaten verschijnen. |
| Beschrijvende linktekst | Beschrijvende linktekst helpt zoekmachines te begrijpen waar de gelinkte pagina over gaat. |
| Metabeschrijving | Metabeschrijvingen vatten een pagina samen en verhogen het doorklikpercentage vanuit zoekresultaten. |
| Lengte van de metabeschrijving | Metabeschrijvingen die leeg zijn of langer dan 160 tekens kunnen in zoekresultaten worden afgekapt of genegeerd. |
| Paginatitel | Elke pagina heeft een titel nodig. Dit is de hoofdkop die in zoekresultaten en browsertabbladen wordt getoond. |
| Lengte van de paginatitel | Titels langer dan 65 tekens kunnen in zoekresultaten worden afgekapt. |
| Robots.txt-bestand | Een ongeldig robots.txt-bestand kan voorkomen dat zoekmachines de site goed crawlen. |
| Tags voor delen op sociale media (Open Graph) | Open Graph-tags bepalen hoe inhoud eruitziet wanneer deze op sociale media wordt gedeeld. |
| Gestructureerde gegevens | Gestructureerde gegevens (JSON-LD) helpen zoekmachines inhoud te categoriseren en kunnen verbeteren hoe de pagina in de resultaten wordt weergegeven. |
| XML-sitemap | Een sitemap waarin de pagina is opgenomen, helpt zoekmachines de site effectief te crawlen. |
| Aantal interne links | Meer dan 100 interne links op een pagina kunnen de linkwaarde verwateren en de ranking schaden. |
| Paginaomleidingen | Pagina's die naar een andere URL doorverwijzen, vertragen het laden en kunnen de zoekranking verzwakken. |
| Mobiele viewporttag | Viewport-metatags zorgen ervoor dat pagina's goed worden weergegeven op verschillende apparaten, en mobielvriendelijkheid is een rankingfactor. |
| Hoofdkop (H1) | Elke pagina moet precies één H1-kop hebben, zodat zoekmachines het hoofdonderwerp begrijpen. |
| Alternatieve tekst van afbeeldingen | Alternatieve tekst helpt zoekmachines afbeeldingen te indexeren en verbetert de toegankelijkheid. |
Problemen met bruikbaarheid
| Naam van probleem | Beschrijving van het probleem |
| Leesbaarheid | De inhoud is te complex of te moeilijk te begrijpen voor de beoogde doelgroep. |
| Spelfouten | Spelfouten ondermijnen de geloofwaardigheid en professionaliteit van een website. |
| Kapotte links | Kapotte links schaden de gebruikerservaring en de SEO-prestaties. |
| Onveilige domeinen | Links naar domeinen die als onveilig of kwaadaardig zijn gemarkeerd, brengen bezoekers in gevaar. |
| Blootstelling van persoonlijke gegevens | De pagina maakt mogelijk per ongeluk gevoelige persoonlijke gegevens openbaar: |
| Sociale verzekeringsnummers | De pagina bevat wat lijkt op sociale verzekeringsnummers (SIN's). |
| Telefoonnummers | De pagina bevat telefoonnummers. |
| E-mailadressen | De pagina bevat e-mailadressen. |
Prestatieproblemen
| Naam van probleem | Beschrijving van het probleem |
| First Contentful Paint (FCP) | De tijd vanaf het begin van de navigatie tot de browser het eerste stukje inhoud weergeeft. |
| Largest Contentful Paint (LCP) | De tijd vanaf het begin van de navigatie tot het grootste zichtbare inhoudselement is weergegeven. |
| Total Blocking Time (TBT) | De totale tijd tussen First Contentful Paint en Time to Interactive waarin de pagina niet kan reageren op gebruikersinvoer. |
| Cumulative Layout Shift (CLS) | Hoeveel zichtbare inhoud onverwacht verschuift terwijl de pagina laadt. Lager is beter. |
| Time to First Byte (TTFB) | De tijd vanaf het begin van de navigatie tot de browser de eerste byte aan gegevens van de server ontvangt. |
| Speed Index (SI) | Hoe snel de inhoud van de pagina zichtbaar wordt opgebouwd, gemeten als de gemiddelde tijd die zichtbare delen van de pagina nodig hebben om te verschijnen. |
Problemen die handmatige beoordeling vereisen
Opmerking: Problemen waarvoor handmatige beoordeling is aangegeven, moeten handmatig worden geverifieerd door een toegankelijkheidsbeoordelaar.
| Naam van probleem | Beschrijving van het probleem | Verklaring voor handmatige verificatie |
| Handmatige beoordeling vereist: WCAG 1.1.1 | Bied tekstalternatieven voor niet-tekstuele inhoud. | Tekstalternatieven beschrijven niet-tekstuele inhoud nauwkeurig. |
| Handmatige beoordeling vereist: WCAG 1.2.1 | Voor vooraf opgenomen media met alleen audio en vooraf opgenomen media met alleen video gelden de volgende voorwaarden, behalve wanneer de audio of video een media-alternatief voor tekst is en duidelijk is aangeduid als (1) vooraf opgenomen audio en (2) een alternatief voor tijdgebonden media heeft dat gelijkwaardige informatie voor vooraf opgenomen audio biedt. | Tekstalternatieven komen correct overeen met de inhoud van de audio of video. |
| Handmatige beoordeling vereist: WCAG 1.2.2 | Er wordt ondertiteling geboden voor alle vooraf opgenomen audio-inhoud in gesynchroniseerde media, behalve wanneer de media een alternatief voor tekst vormen en duidelijk als zodanig zijn aangeduid. | De ondertiteling komt correct overeen met de inhoud van de video. |
| Handmatige beoordeling vereist: WCAG 1.2.3 | Voor gesynchroniseerde media wordt een alternatief voor tijdgebonden media of een audiodescriptie van vooraf opgenomen video-inhoud geboden, behalve wanneer de media een alternatief voor tekst vormen en duidelijk als zodanig zijn aangeduid. | Video's bevatten een tekstalternatief; controleer of dit de inhoud nauwkeurig weergeeft. |
| Handmatige beoordeling vereist: WCAG 1.2.5 | Er wordt audiodescriptie geboden voor alle vooraf opgenomen video-inhoud in gesynchroniseerde media. | Video's bevatten een audiodescriptie; controleer of deze de inhoud nauwkeurig weergeeft. |
| Handmatige beoordeling vereist: WCAG 1.2.6 | Er wordt gebarentaalinterpretatie geboden voor alle vooraf opgenomen audio-inhoud in gesynchroniseerde media. | Audio bevat een gebarentaalalternatief; controleer of dit de inhoud nauwkeurig weergeeft. |
| Handmatige beoordeling vereist: WCAG 1.2.7 | Wanneer pauzes in de voorgrondaudio onvoldoende zijn om audiodescripties de strekking van de video te laten overbrengen, wordt uitgebreide audiodescriptie geboden voor alle vooraf opgenomen video-inhoud in gesynchroniseerde media. | Video's bevatten uitgebreide audiodescripties die de inhoud nauwkeurig weergeven. |
| Handmatige beoordeling vereist: WCAG 1.2.8 | Er moet een alternatief in volledige tekst (zoals een transcript) worden geboden voor alle vooraf opgenomen gesynchroniseerde media en alle vooraf opgenomen media met alleen video. Dit alternatief moet alle visuele en audio-inhoud in één leesbaar formaat bevatten voor gebruikers die geen toegang hebben tot video of audio. | Vooraf opgenomen media bevatten een alternatief in volledige tekst dat zowel visuele als audio-inhoud overbrengt. |
| Handmatige beoordeling vereist: WCAG 1.3.1 | Informatie, structuur en relaties die via de presentatie worden overgebracht, kunnen programmatisch worden bepaald of zijn beschikbaar in tekst. | Semantiek, labels en lay-outtabellen worden op de juiste manier gebruikt. |
| Handmatige beoordeling vereist: WCAG 1.3.4 | De inhoud beperkt de weergave en bediening niet tot één schermoriëntatie, zoals staand of liggend, tenzij een specifieke schermoriëntatie essentieel is. | Elke afgedwongen oriëntatie is essentieel voor de inhoud of functionaliteit. |
| Handmatige beoordeling vereist: WCAG 1.3.5 | Bij inhoud die met opmaaktalen is geïmplementeerd, kan het doel van componenten van de gebruikersinterface en navigatiemechanismen programmatisch worden bepaald. | Autocomplete-attributen geven het doel van invoervelden correct aan. |
| Handmatige beoordeling vereist: WCAG 1.4.1 | Kleur wordt niet gebruikt als enige visuele manier om informatie over te brengen, een actie aan te geven, om een reactie te vragen of een visueel element te onderscheiden. | n.v.t. |
| Handmatige beoordeling vereist: WCAG 1.4.2 | Als audio op een webpagina automatisch langer dan 3 seconden wordt afgespeeld, is er een mechanisme om de audio te pauzeren of te stoppen, of een mechanisme om het audiovolume onafhankelijk van het algemene systeemvolume te regelen. | Automatisch afgespeelde audio kan worden gepauzeerd, gestopt of gedempt. |
| Handmatige beoordeling vereist: WCAG 1.4.3 | De visuele presentatie van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4.5:1, behalve voor grote tekst, die een contrastverhouding van ten minste 3:1 moet hebben. | Tekst voldoet aan de eisen voor verhoogd contrast op basis van de grootte. |
| Handmatige beoordeling vereist: WCAG 1.4.4 | Behalve voor ondertiteling en afbeeldingen van tekst kan tekst zonder ondersteunende technologie tot 200 procent worden vergroot zonder verlies van inhoud of functionaliteit. | Inhoud blijft leesbaar en functioneel bij 200% zoom. |
| Handmatige beoordeling vereist: WCAG 1.4.5 | Als de gebruikte technologieën de visuele presentatie kunnen realiseren, wordt tekst gebruikt om informatie over te brengen in plaats van afbeeldingen van tekst, behalve wanneer de afbeelding van tekst kan worden aangepast. | Tekst wordt niet met afbeeldingen weergegeven, tenzij dit essentieel is. |
| Handmatige beoordeling vereist: WCAG 1.4.6 | De visuele presentatie van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 7:1, behalve voor grote tekst, die een contrastverhouding van ten minste 4.5:1 moet hebben. | Tekst voldoet aan de eisen voor verhoogd contrast op basis van de grootte. |
| Handmatige beoordeling vereist: WCAG 1.4.7 | Bij vooraf opgenomen inhoud met alleen audio en spraak op de voorgrond is de achtergrondaudio niet aanwezig of zacht genoeg om het begrip van de spraak niet te hinderen. | Achtergrondaudio hindert de spraak niet, tenzij dit opzettelijk is. |
| Handmatige beoordeling vereist: WCAG 1.4.8 | Er is een mechanisme beschikbaar om de visuele presentatie van tekstblokken aan te passen, zoals het wijzigen van voorgrond- en achtergrondkleuren. | De tekstopmaak kan worden gewijzigd. |
| Handmatige beoordeling vereist: WCAG 1.4.9 | Afbeeldingen van tekst worden alleen gebruikt voor pure decoratie of wanneer een bepaalde presentatie van tekst essentieel is voor de informatie die wordt overgebracht. | Afbeeldingen van tekst worden alleen gebruikt voor decoratie of wanneer een specifieke visuele presentatie essentieel is. |
| Handmatige beoordeling vereist: WCAG 1.4.10 | Inhoud kan worden gepresenteerd zonder verlies van informatie of functionaliteit en zonder dat horizontaal scrollen nodig is, bij een breedte van 320 CSS-pixels. | Inhoud blijft leesbaar en functioneel bij 400% zoom. |
| Handmatige beoordeling vereist: WCAG 1.4.11 | De visuele presentatie van componenten van de gebruikersinterface en grafische objecten die nodig zijn om UI-statussen te herkennen, moet een contrastverhouding van ten minste 3:1 hebben, tenzij ze zijn vrijgesteld. | Inactieve componenten of grafische weergaven zijn vrijgesteld van kleurcontrastverhoudingen. |
| Handmatige beoordeling vereist: WCAG 1.4.12 | Wanneer gebruikers eigenschappen voor tekstafstand (zoals regelhoogte, letterafstand, woordafstand of alineaafstand) overschrijven met opgegeven minimumwaarden, moet de inhoud leesbaar en functioneel blijven zonder verlies van informatie of functionaliteit. | Inhoud blijft leesbaar en functioneel wanneer de tekstafstand is aangepast naar minimumwaarden. |
| Handmatige beoordeling vereist: WCAG 2.1.1 | Alle functionaliteit van de inhoud is bedienbaar via een toetsenbordinterface zonder specifieke timing voor afzonderlijke toetsaanslagen te vereisen, tenzij bewegingsinvoer essentieel is. | Interactieve elementen zijn toegankelijk via een toetsenbordinterface. |
| Handmatige beoordeling vereist: WCAG 2.1.2 | Als de focus met een toetsenbord naar een component kan worden verplaatst, moet deze ook met alleen een toetsenbord weer weg kunnen worden verplaatst. Als een niet-standaard methode om te verlaten vereist is, moet de gebruiker worden geïnformeerd. | Interactieve elementen zijn toegankelijk via een toetsenbordinterface. |
| Handmatige beoordeling vereist: WCAG 2.1.3 | Als een sneltoets met afdrukbare tekens is geïmplementeerd, moeten gebruikers deze kunnen uitschakelen, opnieuw kunnen toewijzen of kunnen beperken tot componenten met focus. | Interactieve elementen zijn toegankelijk via een toetsenbordinterface. |
| Handmatige beoordeling vereist: WCAG 2.2.1 | Voor elke tijdslimiet die door de inhoud wordt ingesteld, moeten gebruikers de limiet kunnen uitschakelen, aanpassen of verlengen, tenzij deze essentieel is of deel uitmaakt van een realtimegebeurtenis. | Tijdslimieten kunnen worden uitgeschakeld, aangepast of verlengd. |
| Handmatige beoordeling vereist: WCAG 2.2.2 | Voor inhoud die beweegt, knippert, scrolt of automatisch wordt bijgewerkt en langer dan vijf seconden duurt, moeten gebruikers deze kunnen pauzeren, stoppen of verbergen, tenzij dit essentieel is. | Bedieningselementen voor bewegende inhoud (carrousels, banners, diavoorstellingen) zijn met het toetsenbord focusbaar en kunnen de beweging stoppen. |
| Handmatige beoordeling vereist: WCAG 2.2.3` | n.v.t. | n.v.t. |
| Handmatige beoordeling vereist: WCAG 2.2.6` | n.v.t. | n.v.t. |
| Handmatige beoordeling vereist: WCAG 2.3.1 | Inhoud mag niet vaker dan drie keer per seconde flitsen, tenzij de flits onder de drempel ligt waarvan bekend is dat deze epileptische aanvallen veroorzaakt. | Animaties flitsen niet vaker dan drie keer per seconde en overschrijden de drempels voor flitsintensiteit en -oppervlak niet. |
| Handmatige beoordeling vereist: WCAG 2.3.2 | Inhoud mag niet vaker dan drie keer per seconde flitsen. | Animaties flitsen niet vaker dan drie keer per seconde. |
| Handmatige beoordeling vereist: WCAG 2.3.3 | Bewegingsanimatie die door gebruikersinteractie wordt geactiveerd, moet kunnen worden uitgeschakeld, tenzij de animatie essentieel is voor de functionaliteit. | Animaties die door gebruikersinteractie worden geactiveerd, kunnen worden uitgeschakeld. |
| Handmatige beoordeling vereist: WCAG 2.4.1 | Bied gebruikers een manier om blokken herhaalde inhoud te omzeilen. | Skiplinks zijn aanwezig en werken zoals verwacht. |
| Handmatige beoordeling vereist: WCAG 2.4.2 | Webpagina's moeten beschrijvende titels hebben die het onderwerp of doel aangeven. | Titels vatten de paginainhoud nauwkeurig samen. |
| Handmatige beoordeling vereist: WCAG 2.4.3 | Focusbare componenten moeten de focus ontvangen in een volgorde die betekenis en bruikbaarheid behoudt. | De focusvolgorde verloopt logisch, zodat betekenis en functionaliteit behouden blijven. |
| Handmatige beoordeling vereist: WCAG 2.4.4 | De beschrijving van de link is zonder verdere context onduidelijk, en aangrenzende links mogen niet naar dezelfde URL verwijzen. | Links geven duidelijk hun doel aan. |
| Handmatige beoordeling vereist: WCAG 2.4.5 | Bied ten minste twee manieren om elke webpagina te vinden, tenzij de pagina deel uitmaakt van een proces. | Er zijn ten minste twee methoden om elke webpagina te vinden. |
| Handmatige beoordeling vereist: WCAG 2.4.6 | Koppen en labels moeten het onderwerp of doel van de bijbehorende inhoud beschrijven. | Koppen en labels beschrijven duidelijk het doel van hun inhoud. |
| Handmatige beoordeling vereist: WCAG 2.4.7 | Voor elk met het toetsenbord bedienbaar onderdeel van de gebruikersinterface moet een zichtbare focusindicator aanwezig zijn. | Interactieve componenten hebben een zichtbare toetsenbordfocus. |
| Handmatige beoordeling vereist: WCAG 2.4.8 | Informatie over de locatie van de gebruiker binnen een set webpagina's moet beschikbaar zijn om oriëntatie en navigatie te ondersteunen. | De locatie van pagina's wordt duidelijk aangegeven binnen de website. |
| Handmatige beoordeling vereist: WCAG 2.4.9 | Het doel van elke link moet uit de linktekst alleen te herleiden zijn, behalve wanneer het doel van de link voor de meeste gebruikers dubbelzinnig zou zijn. | Links bevatten voldoende context of beschrijving om hun doel te vervullen. |
| Handmatige beoordeling vereist: WCAG 2.4.10 | Gebruik sectiekoppen om inhoud te ordenen en navigatie te vergemakkelijken, ook als koppen niet vereist zijn voor de structuur. | Sectiekoppen zijn logisch en onderscheidend. |
| Handmatige beoordeling vereist: WCAG 2.5.2 | Functionaliteit die met één aanwijzer kan worden bediend, mag niet worden geactiveerd bij de neerwaartse gebeurtenis (down-event), tenzij dit essentieel is, of moet toestaan dat de actie wordt afgebroken of ongedaan gemaakt. | Acties worden niet geactiveerd bij het indrukken van de aanwijzer, tenzij dit essentieel is. |
| Handmatige beoordeling vereist: WCAG 2.5.3 | Het zichtbare tekstlabel van een component van de gebruikersinterface moet zijn opgenomen in de toegankelijke naam ervan, ter ondersteuning van ondersteunende technologieën. | Zichtbare labels komen overeen met de toegankelijke namen van UI-componenten. |
| Handmatige beoordeling vereist: WCAG 2.5.5 | Klikbare elementen moeten ten minste 44 bij 44 CSS-pixels groot zijn, tenzij ze aan uitzonderingen voldoen, zoals inline zijn of voldoende tussenruimte hebben. | Kleinere interactieve doelen zijn vrijgesteld van de groottevereiste. |
| Handmatige beoordeling vereist: WCAG 2.5.7 | Alle functionaliteit die een sleepbeweging gebruikt, moet zonder slepen bedienbaar zijn, tenzij dit essentieel is of door de user agent wordt bepaald. | Slepen-en-neerzetten-acties hebben alternatieven, tenzij ze essentieel zijn. |
| Handmatige beoordeling vereist: WCAG 2.5.8 | Klikbare doelen moeten voldoen aan minimale groottevereisten om gebruikers met beperkte handvaardigheid te ondersteunen. | Kleinere interactieve doelen zijn vrijgesteld van de groottevereiste. |
| Handmatige beoordeling vereist: WCAG 3.1.1 | De standaardtaal van elke webpagina moet programmatisch identificeerbaar zijn om schermlezers en andere ondersteunende technologieën te ondersteunen. | De opgegeven taalattributen zijn juist. |
| Handmatige beoordeling vereist: WCAG 3.1.2 | Wanneer delen van een pagina een andere taal gebruiken dan de standaardtaal, moet de wijziging programmatisch worden aangegeven voor een juiste uitspraak en vertaling. | Taalwijzigingen binnen de inhoud worden correct aangegeven met taalattributen. |
| Handmatige beoordeling vereist: WCAG 3.2.1 | Wanneer een element de focus ontvangt, mag dit geen ingrijpende contextwijziging veroorzaken, tenzij de gebruiker dit verwacht. | Het focussen van elementen veroorzaakt geen onverwachte contextwijzigingen, tenzij dit wordt verwacht. |
| Handmatige beoordeling vereist: WCAG 3.2.2 | Het wijzigen van de instelling van een formulierbesturingselement mag niet automatisch een contextwijziging veroorzaken, tenzij de gebruiker hierover is geïnformeerd voordat hij het besturingselement gebruikt. | Het wijzigen van formulierwaarden veroorzaakt geen onverwachte contextwijzigingen. |
| Handmatige beoordeling vereist: WCAG 3.2.4 | Componenten met dezelfde functionaliteit binnen een set webpagina's worden consistent aangeduid. | n.v.t. |
| Handmatige beoordeling vereist: WCAG 3.3.1 | Als een invoerfout wordt gedetecteerd, moet de fout in tekst worden geïdentificeerd en aan de gebruiker worden beschreven. | Invoerfouten worden automatisch geïdentificeerd en beschreven. |
| Handmatige beoordeling vereist: WCAG 3.3.2 | Er moeten labels of instructies worden geboden wanneer gebruikersinvoer vereist is, zodat gebruikers weten wat er wordt verwacht. | Formulierinvoer of bedieningselementen hebben juiste instructies of plaatsaanduidingstekst. |
| Handmatige beoordeling vereist: WCAG 4.1.2 | Componenten van de gebruikersinterface moeten naam, rol, status en waarde programmatisch beschikbaar stellen, zodat ondersteunende technologieën ze kunnen interpreteren en ermee kunnen werken. | UI-componenten hebben juiste en toegankelijke namen, rollen en statussen. |
| Handmatige beoordeling vereist: WCAG 4.1.3 | Statusberichten moeten programmatisch aan ondersteunende technologieën worden doorgegeven zonder dat de gebruiker de focus hoeft te verplaatsen. | Statusberichten worden aan ondersteunende technologieën aangekondigd zonder de focus te verplaatsen. |