| 885 |
Hoog
|
Niet-essentiële beweging |
2.2.2 |
Unassigned |
Beschrijving
Er is niet-essentiële beweging die niet kan worden gepauzeerd.
Locatie
Het carousel op het begin van de ‘Homepagina’ kan niet gepauzeerd worden. Dit geldt ook voor het carousel aan de onderkant van de pagina. Hierdoor leest een schermlezer voordurend voor bij welke ‘slide’ je bent, ookal ben je met je focusindicator niet bij het carousel. Dit is erg vervelend voor de schermlezer gebruiker.
|
| 935 |
Hoog
|
Geen foutidentificatie aanwezig |
3.3.4 |
UX Designer |
Beschrijving
Één of meerdere invoervelden bevatten geen enkele vorm van foutidentificatie.
Locatie
Je kan bij het invoerveld ‘e-mailadres’ een ongeldig e-mailadres invullen, zonder dat er een foutmelding komt. Zo kan je het formulier versturen door in dit invoerveld alleen ‘test’ in te vullen.
|
| 947 |
Hoog
|
Pdf is niet getagd |
1.3.1 |
Content Editor |
Beschrijving
De pdf is niet gecodeerd waardoor deze niet toegankelijk is voor ondersteunende technologieën, zoals een schermlezer. Daarnaast is het niet mogelijk om de pdf op koppen, lijsten, tabellen en ander gebruik van codestructuur te toetsen.
Locatie
De pdf is niet getagd.
|
| 949 |
Hoog
|
Pdf heeft geen taal gedefinieerd |
3.1.1 |
Unassigned |
Beschrijving
De pdf heeft geen taal gedefinieerd. Hierdoor leest de schermlezer het document voor in de taal die de gebruiker standaard heeft ingesteld, en dus mogelijk niet in de taal van het document. Dat kan een verwarrende uitspraak veroorzaken.
Locatie
Stel Nederlands in als taal.
|
| 948 |
Gemiddeld
|
Pdf titel incorrect |
2.4.2 |
Content Editor |
Beschrijving
De titel van het document klopt niet met de inhoud.
Locatie
De titel van de pdf is ‘Untitled’.
|
| 961 |
Gemiddeld
|
Gecompliceerde afbeelding zonder toegankelijk alternatief |
1.1.1 |
Content Editor |
Beschrijving
Er is een infographic, diagram, kaart of andere gecompliceerde niet (volledig) toegankelijke afbeelding waarbij het beter zou zijn de inhoud op een andere manier, of via een toegankelijk alternatief aan te bieden.
Wanneer een toegankelijk alternatief geboden wordt is het niet meer noodzakelijk, maar wel wenselijk, het origineel toegankelijk te maken. Een toegankelijk alternatief volstaat volgens de richtlijnen, mits het voor de gebruiker duidelijk is dat dit alternatief er is en deze makkelijk te vinden is.
Om gebruikers op het toegankelijke alternatief te wijzen is, zou een verwijzing in de alt-tekst aanwezig moeten zijn. Daarnaast is het beter om het ontoegankelijke element wel zo toegankelijk mogelijk te maken, door bijvoorbeeld te letten op het gebruik van kleur en contrast.
Locatie
De tabel ‘Ontwikkeling (fossiele) netto CO2-voetafrduk t/m 2022 (in tonnen CO2)’ heeft een knop naar een uitgebreide uitleg. Deze uitleg is al erg goed, echter mist hier de data uit de grafiek. Naast de interpretatie van de grafiek, wil je ook dat de data uit de grafiek toegankelijk is voor mensen met een visuele beperking. Geef bijvoorbeeld een tabel met de data erin. Bij de andere grafiek op de pagina, wordt wel de data uitgeschreven.
|
| 1082 |
Gemiddeld
|
Gecompliceerde afbeelding zonder toegankelijk alternatief |
1.1.1 |
Content Editor |
Beschrijving
Er is een infographic, diagram, kaart of andere gecompliceerde niet (volledig) toegankelijke afbeelding waarbij het beter zou zijn de inhoud op een andere manier, of via een toegankelijk alternatief aan te bieden.
Wanneer een toegankelijk alternatief geboden wordt is het niet meer noodzakelijk, maar wel wenselijk, het origineel toegankelijk te maken. Een toegankelijk alternatief volstaat volgens de richtlijnen, mits het voor de gebruiker duidelijk is dat dit alternatief er is en deze makkelijk te vinden is.
Om gebruikers op het toegankelijke alternatief te wijzen is, zou een verwijzing in de alt-tekst aanwezig moeten zijn. Daarnaast is het beter om het ontoegankelijke element wel zo toegankelijk mogelijk te maken, door bijvoorbeeld te letten op het gebruik van kleur en contrast.
Locatie
Er is een tekstuele uitleg voor ‘De ladder van Lansink’, hierin wordt uitleg gegeven over de afbeelding. Echter mist er bij deze tekstuele uitleg informatie die wel visueel te zien is in de afbeelding. Zorg er voor dat alle informatie die visueel te zien is, ook tekstueel terug komt.
Image not available
|
| 887 |
Gemiddeld
|
Afbeelding zonder tekstueel alternatief |
1.1.1 |
Content Editor |
Beschrijving
Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.
Locatie
Het ‘snb’ logo heeft geen alt-tekst. Voor logo’s is dit verplicht.
Image not available
|
| 937 |
Gemiddeld
|
Onvoldoende foutsuggestie |
3.3.3 |
UX Designer |
Beschrijving
Er is een invoerveld gevonden waarbij de foutsuggestie ontbreekt of onduidelijk is.
Locatie
Bij het e-mailadres is er geen foutidentificatie en dus ook geen foutsuggestie. Geef een foutmelding wanneer er een ongeldig e-mailadres wordt ingevult, en geef een voorbeeld van het format van een e-mailadres.
|
| 964 |
Gemiddeld
|
Kop niet programmatisch opgemaakt |
1.3.1 |
Content Editor |
Beschrijving
Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie
De koppen op de pagina zijn niet opgemaakt in de code als kop.
|
| 909 |
Gemiddeld
|
Icoon niet opgemaakt als decoratief |
1.1.1 |
Content Editor |
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 icoon van het ‘poppetje’ heeft een engelse alt-tekst. Dit icoon is decoratief, laat daarom de alt-tekst leeg.
Image not available
|
| 921 |
Gemiddeld
|
Lijst niet (voldoende) programmatisch opgemaakt |
1.3.1 |
Content Editor |
Beschrijving
Er is een lijst gevonden die in de code niet of niet voldoende als een lijst is opgemaakt. Hierdoor kan deze niet goed gedetecteerd worden door hulpsoftware.
Locatie
De lijst onder ‘Upgrade lijn 1 +4’ op de pagina ‘Speerpunten circulaire toekomst’ is in de code niet opgemaakt als lijst. Dit geldt ook voor de andere lijsten op deze pagina.
Image not available
|
| 963 |
Gemiddeld
|
Grafisch object met onvoldoende contrast |
1.4.11 |
UX Designer |
Beschrijving
Er is een afbeelding, diagram, kaart, functioneel element of ander grafisch object gevonden met een te laag contrast ten opzichte van naastgelegen kleuren.
Locatie
De meeste kleuren in de tabellen hebben onvoldoende contrast met de witte achtergrond, zoals het blauw, oranje, geel en licht blauw.
Image not available
|
| 955 |
Gemiddeld
|
Tekst met onvoldoende contrast |
1.4.3 |
UX Designer |
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 ‘2024 N.V. Slibverwerking Noord-Brabant’ heeft onvoldoende contrast met de gele achtergrond. Dit geldt ook voor de groene en oranje achtergrond in de pdf ‘Jaarverslag 2024’.
Image not available
|
| 893 |
Gemiddeld
|
Kopniveaus niet logisch genest |
1.3.1 |
Content Editor |
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 kopniveau’s uit het carousel zijn niet goed genest. Zo heeft een van de titels een H1, terwijl de rest H2 is. De koppen hebben visueel hetzelfde niveau, maar een deel van de koppen is dus in de code genest onder 1 van de koppen.
Image not available
|
| 923 |
Laag
|
Sla geen kopniveaus over |
1.3.1 |
Content Editor |
Beschrijving
Het overslaan van kopniveaus kan verwarrend zijn en moet waar mogelijk worden vermeden, omdat het voor schermlezergebruikers effect kan hebben op de betekenis van onderdelen. Zorg er bijvoorbeeld voor dan een h1 niet direct wordt opgevolgd door een h4.
Locatie
De kopniveaus gaan van H1 naar H3 op de ‘Contact pagina’.
|
| 1083 |
Laag
|
Afbeelding bevat essentiële tekst |
1.4.5 |
Unassigned |
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
Niet alle informatie uit de ‘tabel inhoud slib’ wordt in de lopende tekst vermeld. Zorg ervoor dat de informatie uit de tabel toegankelijk is. Dat kan bijvoorbeeld door het in de alinea te vermelden, of een ‘echte’ tabel toe te voegen aan de pagina (en dus niet een afbeelding van een tabel). Op dit moment wordt er uitleg gegeven onder de tabel, echter wordt in deze uitleg niet alle informatie uit de tabel genoemd. Mensen met een visuele beperking krijgen dus niet mee of de eigenschap positief of negatief is.
Image not available
|
| 959 |
Laag
|
Link binnen tekst enkel met kleur te onderscheiden |
1.4.1 |
Unassigned |
Beschrijving
Er is een link gevonden binnen tekst, waarbij kleur het enige visuele middel is om het verschil tussen de link en tekst te zien.
Locatie
De linkjes zijn nu dikgedrukt, echter valt dit niet goed op. Wij zouden adviseren om de linkjes altijd te onderstrepen, aangezien dit een conventie is.
Image not available
|
| 889 |
Laag
|
Tekstkleur met onvoldoende contrast met achtergrond afbeelding |
1.4.3 |
UX Designer |
Beschrijving
Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).
Locatie
Op de ‘Homepagina’ is de tekst ‘Silvester Bombeeck Directeur’ lastig te lezen door de lichte achtergrond kleuren. Ook de tekst erboven heeft niet overal voldoende contrast. Dit geldt ook voor sommige koppen in de foto carousel. Niet elke kop heeft genoeg contrast met de lichte achtergrond afbeelding. Dit verschilt per achtergrond.
Image not available
|
