WCAG-EM rapport brabantinzicht.nl

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: De pijl in het broodkruimelmenu is niet goed opgemaakt als decoratief.

Gekoppelde pagina's: Milieu, Meer over Brabant in zicht, Colofon, Toestand natuur, water en milieu, Achtergrondinformatie, Achtergrondinformatie - De ondergrond en bodem van Brabant, Proclaimer

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding op kaart in overzicht niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden als onderdeel van een kaart in een overzicht, die niet te negeren is door hulptechnologie. Dit kan waarschijnlijk opgelost worden door een leeg alt-attribuut toe te voegen.

Locatie: De afbeelding op de kaart is niet goed opgemaakt als decoratief.

Gekoppelde pagina's: Toestand natuur, water en milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Icoon niet opgemaakt als decoratief

Beschrijving: Er is een decoratief icoon gevonden dat niet is opgemaakt als decoratief. Het icoon kan als decoratief worden opgemaakt, omdat er een tekstueel alternatief naast het icoon te vinden is. Op dit moment is de informatie dubbel te horen voor gebruikers met een schermlezer.

Locatie: De pijl-iconen op de kaarten zijn niet goed opgemaakt als decoratief. Ook zijn de iconen Natuur, Water en Milieu zijn niet goed als decoratief opgemaakt.

Gekoppelde pagina's: Milieu, Toestand natuur, water en milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: De Menu-knop in de header bevat een icoon. Dit icoon wordt herkend door hulpsoftware, maar zou als decoratief opgemaakt moeten worden, omdat er al in de tekst op de knop ‘‘Menu’’ is verwerkt.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Icoon niet opgemaakt als decoratief

Beschrijving: Er is een decoratief icoon gevonden dat niet is opgemaakt als decoratief. Het icoon kan als decoratief worden opgemaakt, omdat er een tekstueel alternatief naast het icoon te vinden is. Op dit moment is de informatie dubbel te horen voor gebruikers met een schermlezer.

Locatie: Het pijl icoon is niet goed opgemaakt als decoratief.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding niet opgemaakt als decoratief

Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).

Locatie: De afbeeldingen hebben een alt-tekst welke hetzelfde is als het bijschrift, hierdoor krijgt een schermlezergebruiker deze informatie dubbel te horen. Maak hierom de afbeelding op als decoratief.

Gekoppelde pagina's: Natuur - Het Agrarisch Landschap

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Kopniveaus niet logisch genest

Beschrijving: De niveaus en volgorde van de koppen (h-elementen) gebruikt op de pagina zijn niet logisch en kunnen verwarrend werken voor de gebruiker. Het is belangrijk om erop te letten dat de verschillende kopniveau’s goed genest zijn; het gebruik van de verschillende niveaus dient te gebeuren op basis van de functie en niet de styling. Ook is het aan te raden geen kopniveau’s over te slaan.

Locatie: De eerste kop, bijvoorbeeld op de pagina Proclaimer, is opgemaakt als h3. Alle andere koppen op de pagina vallen daaronder, maar zijn opgemaakt als h2. Hierdoor zou de eerste kop ‘‘Proclaimer’’ als h1 opgemaakt moeten worden. Dit komt op meerdere pagina’s voor omdat er vaak geen gebruik is gemaakt van een h1 kop.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant, Toestand natuur, water en milieu, Achtergrondinformatie, Milieu, Proclaimer, Meer over Brabant in zicht, Startpagina, Colofon

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tab niet goed programmatisch opgemaakt

Beschrijving: Er is een tab gevonden, die niet goed programmatisch is opgemaakt. Lees hier meer informatie over toegankelijke tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.

Locatie: De knoppen De toestand van Brabant, De ondergrond en bodem van Brabant en Het weer en klimaat zijn eigenlijk een tab, maar zijn opgemaakt als losse links.

Gekoppelde pagina's: Achtergrondinformatie, Achtergrondinformatie - De ondergrond en bodem van Brabant

Prioriteit: Laag

Uitkomst: Gefaald

Tab niet goed programmatisch opgemaakt

Beschrijving: Er is een tab gevonden, die niet goed programmatisch is opgemaakt. Lees hier meer informatie over toegankelijke tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.

Locatie: De tab is niet programmatisch opgemaakt als tab.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur

Prioriteit: Laag

Uitkomst: Gefaald

Geen betekenisvolle volgorde

Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.

Locatie: Bij de kaarten rechts op de pagina kan alleen de laatste kaart bereikt worden met een schermlezer. Hierdoor kunnen veel kaarten niet bereikt worden met een schermlezer die eerder voorkomen op de pagina.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur, Natuur - Het Agrarisch Landschap

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Geen betekenisvolle volgorde

Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.

Locatie: Het broodkruimelmenu staat als eerste in de volgorde en daarna komt pas de header. Het is logischer dat eerst de header komt en daarna het broodkruimelmenu omdat dat dat visueel als eerste voorkomt op de pagina.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant, Achtergrondinformatie, Milieu, Toestand natuur, water en milieu, Meer over Brabant in zicht, Colofon, Proclaimer

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Geen betekenisvolle volgorde

Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.

Locatie: De carrousel staat als eerste in de volgorde en daarna komt pas het navigatiemenu. Het is logischer dat eerst het menu komt en daarna de carrousel omdat dat dat visueel als eerste voorkomt op de pagina.

Gekoppelde pagina's: Startpagina

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Geen betekenisvolle volgorde

Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.

Locatie: De uitleg van het symbool * staat pas aan het einde van het formulier. Hierdoor is voor schermlezers niet direct duidelijk wat de betekenis is van dit symbool bij het invullen van de invoervelden.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Focus enkel aangegeven met verschil in kleur

Beschrijving: Wanneer het element focus krijgt, verandert alleen de kleur van het element, zoals de kleur van de tekst, achtergrond- en/of randkleur. Het verschil in de gebruikte kleuren is echter niet contrasterend genoeg, waardoor dit makkelijk gemist kan worden Het is daarnaast niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of die slechtziend zijn. Het zou duidelijker zijn wanneer er ook een andere indicatie is om focus waar te nemen, zoals genoeg contrast, een onderlijning of (bij voorkeur) een goed zichtbare omlijning van het element dat focus heeft (focusbox).

Locatie: Bij focus verandert alleen de kleur van de knop naar iets donkerder grijs. Hierdoor is de focus alleen te herkennen door keurverandering.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De grijze tekstkleur van de paragraven op witte achtergrond (4,3:1).

Gekoppelde pagina's: Proclaimer, Colofon, Achtergrondinformatie - De ondergrond en bodem van Brabant, Startpagina, Achtergrondinformatie, Meer over Brabant in zicht, Toestand natuur, water en milieu, Milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De links Proclaimer, Colofon en Contact in de footer hebben onvoldoende contrast met de lichtgrijze achtergrond (4,3:1).

Gekoppelde pagina's: Achtergrondinformatie, Colofon, Meer over Brabant in zicht, Milieu, Toestand natuur, water en milieu, Proclaimer, Startpagina, Achtergrondinformatie - De ondergrond en bodem van Brabant

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De grijze tekst ‘‘Brabant InZicht is een product van:’’ in de footer heeft onvoldoende contrast met de lichtgrijze achtergrond (3,7:1).

Gekoppelde pagina's: Proclaimer, Achtergrondinformatie - De ondergrond en bodem van Brabant, Startpagina, Colofon, Meer over Brabant in zicht, Achtergrondinformatie, Toestand natuur, water en milieu, Milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De witte tekst op de kaarten met groene, paarse en blauwe achtergrond hebben niet voldoende contrast.

Gekoppelde pagina's: Milieu, Toestand natuur, water en milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De lichtpaarse tekst in het broodkruimelmenu heeft onvoldoende contrast met de paarse achtergrond.

Gekoppelde pagina's: Milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De grijze tekst op de knoppen heeft onvoldoende contrast met de achtergrond.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant, Achtergrondinformatie

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tekst (groot of bold) met onvoldoende contrast

Beschrijving: Er is een tekst gevonden van 18pt (24px), of 14pt (19px) en vet gedrukt, of groter, die een kleur heeft met een contrastverhouding lager dan 3:1 ten opzichte van de achtergrondkleur.

Locatie: Er is niet altijd voldoende contrast tussen de witte tekst en de afbeelding op de achtergrond in de banner.

Gekoppelde pagina's: Achtergrondinformatie, Achtergrondinformatie - De ondergrond en bodem van Brabant, Startpagina

Prioriteit: Laag

Uitkomst: Gefaald

Tekst met onvoldoende contrast

Beschrijving: Er is een tekst gevonden kleiner dan 18pt (24px), of kleiner dan 14pt (19px) en vet gedrukt, met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.

Locatie: De kleurcontrasten bij de diagrammen/grafieken hebben niet altijd voldoende contrast.

• Bijvoorbeeld het wit en groen op de pagina Het Agrarisch Landschap (zie afbeelding).
• Het blauw en wit bij de pagina Schoon en natuurlijk water (zie afbeelding).

Gekoppelde pagina's: Natuur - Het Agrarisch Landschap, Milieu - Veilig en gezond boven de grond - Geur, Water - Schoon en natuurlijk water - Chemie

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Afbeelding bevat essentiële tekst

Beschrijving: Er is een afbeelding waarin tekst is ingesloten in de afbeelding, waarvan de tekst essentieel is voor de context. Deze tekst is niet toegankelijk voor gebruikers van schermlezers of mensen die de opmaak van tekst wijzigen (zoals beschreven in 1.4.12). Je kunt de tekst beter met behulp van CSS op de afbeelding plaatsen.

Locatie: De tabel onder de kop ‘‘Achtergrondinformatie - Provinciaal Meetnet Grondwaterkwaliteit’’ is een afbeelding van tekst.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie

Prioriteit: Laag

Uitkomst: Gefaald

Reflow tweedimensioneel scrollen

Beschrijving: De pagina of onderdeel op de pagina scrolt in twee dimensies, zonder dat dit noodzakelijk is voor het element, zoals bij een tabel of grafiek. Voor kleine schermen is het belangrijk dat content in één scrol (lees) richting geplaatst is.

Locatie: Er moet in twee dimensies worden gescrold in het contact formulier in reflow.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Reflow tweedimensioneel scrollen

Beschrijving: De pagina of onderdeel op de pagina scrolt in twee dimensies, zonder dat dit noodzakelijk is voor het element, zoals bij een tabel of grafiek. Voor kleine schermen is het belangrijk dat content in één scrol (lees) richting geplaatst is.

Locatie: Er moet in twee dimensies worden gescrold om alles volledig te zien op de webpagina in reflow.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Natuur - Het Agrarisch Landschap

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Icoon met onvoldoende contrast

Beschrijving: Er is een icoon gevonden met onvoldoende contrast met naastgelegen kleuren. De contrastverhouding moet minimaal 3:1 zijn voor iconen.

Locatie: Het link-icoon naast de koppen heeft niet voldoende contrast met de achtergrond.

Gekoppelde pagina's: Milieu - Veilig en gezond boven de grond - Geur, Water - Schoon en natuurlijk water - Chemie, Natuur - Het Agrarisch Landschap

Prioriteit: Laag

Uitkomst: Gefaald

Herschalen in app is niet mogelijk

Beschrijving: Het is niet mogelijk om de tekstgrootte van de app aan te passen. De gebruiker moet de tekstgrootte van de app kunnen aanpassen door de instellingen van het apparaat te bewerken. Deze functie mag niet zijn uitgeschakeld.

Locatie: In het contact formulier is het niet mogelijk om de tekstafstand aan te passen.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Verlies van content of functionaliteit bij toepassen tekstafstand stijlen

Beschrijving: Bij het toepassen van tekstafstand stijlen, is er content dat verdwijnt of onbruikbaar wordt.

Locatie: De aanvullende content van de kaart ‘‘Veilig en gezond boven de grond’’ valt gedeeltelijk weg bij het toepassen van tekstafstand stijlen.

Gekoppelde pagina's: Milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Hover content niet toegankelijk met toetsenbord

Beschrijving: Er is een hover-component gevonden die niet toegankelijk is voor toetsenbordgebruikers.

Locatie: De linkknoppen zijn alleen bedienbaar met een toetsenbord als er een hover opkomt, wat niet mogelijk is met alleen een toetsenbord.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur, Natuur - Het Agrarisch Landschap

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Tooltip niet toetsenbord toegankelijk

Beschrijving: Er is een tooltip waarin (hulp)informatie, of andere content aangeboden wordt, maar deze is niet met het toetsenbord te openen. Het is belangrijk om het element waaraan de tooltip verbonden is goed toegankelijk te maken. Let er daarbij niet alleen op dat het met het toetsenbord toegankelijk is, maar ook dat de gebruiker voldoende mogelijkheid en tijd krijgt om de inhoud te lezen. Voor meer informatie kun je kijken op de volgende pagina: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role.

Locatie: Bij de berichtenbox.

Gekoppelde pagina's: Contact formulier

Prioriteit: Hoog

Uitkomst: Gefaald

Niet bedienbaar met toetsenbord

Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.

Locatie: De kaarten rechts van de pagina zijn wel te bereiken met een toetsenbord, maar enkel de laatste kaart is te bereiken. Hierdoor kunnen veel kaarten niet bereikt worden met een toetsenbord die eerder voorkomen op de pagina.

Gekoppelde pagina's: Natuur - Het Agrarisch Landschap, Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur

Prioriteit: Hoog

Uitkomst: Gefaald

Tooltip niet toetsenbord toegankelijk

Beschrijving: Er is een tooltip waarin (hulp)informatie, of andere content aangeboden wordt, maar deze is niet met het toetsenbord te openen. Het is belangrijk om het element waaraan de tooltip verbonden is goed toegankelijk te maken. Let er daarbij niet alleen op dat het met het toetsenbord toegankelijk is, maar ook dat de gebruiker voldoende mogelijkheid en tijd krijgt om de inhoud te lezen. Voor meer informatie kun je kijken op de volgende pagina: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role.

Locatie: De aanvullende content wat geopend kan worden door op het i-icoon te klikken, is niet toegankelijk via een toetsenbord.

Gekoppelde pagina's: Milieu

Prioriteit: Laag

Uitkomst: Gefaald

Niet bedienbaar met toetsenbord

Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.

Locatie: De Zoek-knop in de header is niet bereikbaar met een toetsenbord.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Niet bedienbaar met toetsenbord

Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.

Locatie: De Menu-knop in de header is niet bereikbaar met een toetsenbord.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Niet-pauzeerbare carrousel

Beschrijving: Er is een niet-pauzeerbare carrousel gevonden.

Locatie: De carrousel is niet te pauzeren. Hierdoor kan dit problemen opleveren met het lezen van de tekst binnen de carrousel.

Gekoppelde pagina's: Startpagina

Prioriteit: Hoog

Uitkomst: Gefaald

Geen skiplink aanwezig

Beschrijving: Er is geen skip-link of andere bypass-methode gevonden, maar deze is wel nodig.

Locatie: Er is geen skiplink.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Focusvolgorde niet logisch

Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.

Locatie: De carrousel krijgt als eerste op de pagina focus en daarna komt pas het logo. Het is logischer dat eerst de header komt en daarna de carrousel omdat dat dat visueel als eerste voorkomt op de pagina.

Gekoppelde pagina's: Startpagina

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Link is afbeelding zonder alt

Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.

Locatie: De logo’s in de footer hebben geen alt-tekst.

Gekoppelde pagina's: Meer over Brabant in zicht, Colofon, Achtergrondinformatie, Achtergrondinformatie - De ondergrond en bodem van Brabant, Startpagina, Toestand natuur, water en milieu, Proclaimer, Milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Link is afbeelding zonder alt

Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.

Locatie: Het logo Brabant InZicht in de header heeft geen alt-tekst.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant, Milieu, Colofon, Startpagina, Toestand natuur, water en milieu, Achtergrondinformatie, Meer over Brabant in zicht, Proclaimer

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Link is afbeelding zonder alt

Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.

Locatie: De afbeeldingen van de logo’s zijn links, maar hebben geen linkdoel.

Gekoppelde pagina's: Colofon

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Link is afbeelding zonder alt

Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.

Locatie: De afbeeldingen van de kaarten zijn links en hebben hierdoor een alt-tekst nodig. Een andere mogelijkheid is door de afbeelding niet interactief te maken en de afbeelding goed als decoratief op te maken.

Gekoppelde pagina's: Achtergrondinformatie - De ondergrond en bodem van Brabant

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Link is afbeelding zonder alt

Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.

Locatie: Het huis-icoon in het broodkruimelmenu heeft geen alt-tekst.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur, Natuur - Het Agrarisch Landschap

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Link is afbeelding zonder alt

Beschrijving: Er is een link die enkel uit een afbeelding zonder alternatieve tekst bestaat, daardoor is het doel van de link niet programmatisch te onderscheiden.

Locatie: Het link-icoon achter de koppen heeft geen goede alt-tekst.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur, Natuur - Het Agrarisch Landschap

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Focusindicator niet altijd zichtbaar

Beschrijving: De focusindicator is niet altijd volledig zichtbaar. Het element kan dus wel bediend worden met een toetsenbord, echter merkt de gebruiker dit niet.

Locatie: De focusindicator is niet zichtbaar bij de full screen- en sluiten-knop.

Gekoppelde pagina's: Contact formulier

Prioriteit: Hoog

Uitkomst: Gefaald

Foutmelding verdwijnt bij focus

Beschrijving: Er is een invoerveld gevonden waarbij de foutmelding verdwijnt zodra het invoerveld focus krijgt. Hierdoor is de foutmelding niet goed toegankelijk voor gebruikers die met het toetsenbord over de pagina navigeren.

Locatie: De foutmelding moet worden weggeklikt om de fouten te verbeteren. Zorg dat de foutmelding zichtbaar blijft voor de gebruiker zolang de fout aanwezig is.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Geen suggestie voor verbetering

Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer. Het verwachtte format wordt namelijk niet duidelijk weergegeven, waardoor het meerdere pogingen kan kosten de fout te corrigeren.

Locatie: Wanneer het e-mailadres invoerveld onjuist is ingevuld, wordt er een foutmelding zichtbaar die geen suggestie voor verbetering geeft.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Knop zonder naam

Beschrijving: Er is een knop gevonden zonder toegankelijke naam.

Locatie: De info-iconen op de kaarten hebben geen naam.

Gekoppelde pagina's: Milieu

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Knop zonder rol, naam en/of waarde

Beschrijving: Er is een knop gevonden zonder juiste rol naam en/of waarde. Hierdoor weten gebruikers van hulpsoftware niet dat het een knop is of wat het doet.

Locatie: De Zoek-knop is niet goed opgemaakt, de knop is namelijk niet toegankelijk met een toetsenbord. Ook wordt door een schermlezer niet herkend dat het element interactief is.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Knop zonder rol, naam en/of waarde

Beschrijving: Er is een knop gevonden zonder juiste rol naam en/of waarde. Hierdoor weten gebruikers van hulpsoftware niet dat het een knop is of wat het doet.

Locatie: De Menu-knop is niet goed opgemaakt, de knop is namelijk niet toegankelijk met een toetsenbord. Ook wordt door een schermlezer niet herkend dat het element interactief is.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Hoog

Uitkomst: Gefaald

Iframe zonder (goede) naam

Beschrijving: Er is een iframe gevonden waar content in getoond wordt. Dit iframe heeft geen (goede) toegankelijke naam.

Locatie: Het contactformulier is een iframe zonder juiste naam.

Gekoppelde pagina's: Contact formulier

Prioriteit: Laag

Uitkomst: Gefaald

Laadstatus zonder (correct) bericht

Beschrijving: Er wordt gebruik gemaakt van een visuele indicatie, zoals een tekst of icoon, om aan te geven dat de pagina of een element aan het laden is, maar de daadwerkelijke status wordt niet goed doorgegeven aan schermlezers of andere hulpsoftware. Hierdoor weten schermlezergebruikers niet of er (nog) content aan het laden is. Er kan verwarring ontstaan omdat een actie geen gevolg lijkt te hebben, of de pagina ineens aanpast wanneer de content wel geladen is. Maak gebruik van een goed statusbericht zodat iedereen geïnformeerd wordt over de laadstatus en zorg ook dat het duidelijk is wanneer het voltooid is.

Locatie: Wanneer het contactformulier wordt geopend, wordt er een laad-icoon weergeven.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Gefaald

Pagina moet beginnen met een H1 kop

Beschrijving: De structuur van de headings moet de structuur van de pagina aanhouden. Daarom is het belangrijk met een level 1 heading (H1) te beginnen. Dit is geen vereiste, maar wij raden wel aan om dit altijd toe te passen omdat dit belangrijk is voor de gebruikerservaring.

Locatie: Er is geen gebruik gemaakt van een h1.

Gekoppelde pagina's: Water - Schoon en natuurlijk water - Chemie, Milieu - Veilig en gezond boven de grond - Geur, Natuur - Het Agrarisch Landschap

Prioriteit: Laag

Uitkomst: Advies

Escape sluit bewust geopende pop-up/menu/modal niet

Beschrijving: Er is een element op de pagina dat andere content verbergt, zoals een geopend navigatiemenu, modal of pop-up, dat niet gesloten kan worden met de escape-toets. Hierdoor is het niet makkelijk te sluiten voor mensen die met het toetsenbord door de pagina navigeren, omdat ze eerst de sluitknop moeten vinden.

Locatie: Je kunt het formulier niet sluiten met de escape knop. Dit kan namelijk alleen als je volledig door het formulier bent getabt.

Gekoppelde pagina's: Contact formulier

Prioriteit: Laag

Uitkomst: Advies

Foutmeldingen worden niet tegelijk weergeven

Beschrijving: De foutmeldingen komen niet tegelijk in beeld maar komen één voor één waardoor de gebruiker vaak terug moet om de fouten te herstellen.

Locatie: Alleen de foutmelding van het eerste invoerveld wordt weergeven. Andere invoervelden welke ook onjuist zijn ingevoerd, worden niet weergeven.

Gekoppelde pagina's: Contact formulier

Prioriteit: Gemiddeld

Uitkomst: Advies

Vermijd persistent placeholders

Beschrijving: Er is een persistent placeholder gevonden. De placeholder dient als een label voor het invoerveld. Dit label verdwijnt wanneer het veld invoer krijgt en wordt weer weergeven wanneer de invoer is verwijderd. Doordat er niet altijd een visueel label zichtbaar is bij het invoerveld, kan dit problemen opleveren voor bijvoorbeeld mensen met een cognitieve beperking.

Locatie: Bij de zoekfunctie is een persistent placeholder welke dient als het label voor het invoerveld. Deze placeholder verdwijnt wanneer de gebruiker gaat typen.

Gekoppelde pagina's: Alle onderzochte webpagina's

Prioriteit: Laag

Uitkomst: Advies