1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling. De evaluatie omvatte
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: WCAG-EM Rapport snb.nl
Opdrachtgever: Social Brothers
Datum van toetsing: 18 september 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Hieronder vinden jullie een aantal verbeterpunten in aanvulling op de rest van het rapport. Per punt leggen we uit wat werkt en wat meer aandacht nodig heeft om volledig toegankelijk te zijn:
- Er zijn componenten gevonden die niet toetsenbord toegankelijk zijn (2.1.1 Toetsenbord toegankelijk). Niet alle gebruikers kunnen een muis gebruiken en zijn hierdoor afhankelijk van hun toetsenbord om door de website te navigeren. Hierom is het belangrijk dat alle interactieve elementen te bedienen zijn met het toetsenbord.
- De website bevat meerdere knoppen welke geen goede naam hebben. Het is essentieel dat een knop een toegankelijke naam/label heeft, zodat schermlezergebruikers kunnen begrijpen wat de functie is van die knop 4.1.2 (Naam, rol, waarde).
- Voeg alleen een alt-tekst toe aan een afbeelding als deze afbeelding belangrijke of aanvullende informatie geeft. Zorg voor een beschrijvende alt-tekst die niet hetzelfde is als de kop die erbij hoort. Als het om personen gaat, bijvoorbeeld een porter van een medewerker, kan je de uitstraling van deze persoon beschrijven.
Basis toegankelijkheidsondersteuning
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | snb.nl |
| URL | https://www.snb.nl/ |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Buiten scope: * https://intranet.snb.nl/ * https://snbmagazine.h5mag.com/
Gebruikte tools en technologie
Voice Over, NVDA, Color contrast Analyzer, Axe DevTools, Resize Window Chrome extensie, Stylus Chrome Extensie, Safari (meest recente versie), Chrome (meest recente versie), Firefox (meest recente versie)
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Homepagina
-
Werken bij SNB
-
Speerpunten circulaire toekomst
-
Contact
-
Wat we doen
-
Onze strategie
-
Jaarverslag 2024 (pdf)
-
SNB tekent contract met Powerspex voor upgrade slibverwerkingslijnen
-
Onze impact
-
SNB-Corporate-Brochure (pdf)
-
Privacybeleid
-
Toegankelijkheidsverklaring
-
Over SNB
-
Zoeken: water
-
Actueel Archive
-
Zuiveringsslib
-
Publicaties
-
Open sollicitatie
-
Alle pagina's
5. Bevindingen
Bevindingen per WCAG-principe
Bevindingen (55)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
WCAG 1.1.1
Gecompliceerde afbeelding zonder toegankelijk alternatief
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 tabellen hebben geen toegankelijk alternatief. Gecompliceerde tabellen zijn vaak lastig om volledig toegankelijk te krijgen, een mogelijke optie is, om de ook data aan te bieden als alternatief. Je kan dus een knop maken die leidt naar een simpele tabel met de data erin.
Gekoppelde pagina's: Onze impact
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 foto bij de de nieuwskop 'SNB tekent contract met Powersplek voor upgrade -slibverwerkingslijnen' heeft de alt-tekst 'Silvester Bombeeck (SNB links op de foto) en Jan Wilmink (Powerspex) tekenen de overeenkomst.'. Een alt-tekst is bedoelt voor mensen die de foto niet kunnen zien, de alt-tekst suggereert dat op de foto te zien is dan Silvester een overeenkomst tekent, dit is echter op de foto zelf niet het geval. Omschrijf wat op de foto te zien is, of maak de afbeelding op als decoratief door de alt-tekst leeg te laten.
Gekoppelde pagina's: Zuiveringsslib, SNB tekent contract met Powerspex voor upgrade slibverwerkingslijnen, Wat we doen, Werken bij SNB, Homepagina, Onze impact
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Gecompliceerde afbeelding zonder toegankelijk alternatief
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 afbeelding naast de kop 'Onze organisatie' heeft geen alt-tekst en is ook niet volledig uitgescheven in de alinea. Kies 1 van deze twee mogelijkheden.
Gekoppelde pagina's: Over SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding zonder tekstueel alternatief
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: De afbeelding naast de kop 'Speerpuntenprojecten' bevat tekst die niet terug te vinden is in de lopende tekst. Voeg de tekst toe aan de lopende tekst óf voeg het toe als alt-tekst van de afbeelding.
Gekoppelde pagina's: Onze strategie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding zonder tekstueel alternatief
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.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Gecompliceerde afbeelding zonder toegankelijk alternatief
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 infographic is niet toegankelijk, bied een alternatief.
Gekoppelde pagina's: Wat we doen
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Afbeelding met verkeerd of ontoereikend tekstueel alternatief
Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.
Locatie: De alt-tekst voor alle logo's is 'Logo's van alle aandeelhouders van SNB', geef elk logo zijn eigen alt-tekst. Logo's moeten verplicht een alt-tekst hebben.
Gekoppelde pagina's: Over SNB
Prioriteit: Hoog
Uitkomst: Gefaald
Afbeelding met verkeerd of ontoereikend tekstueel alternatief
Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.
Locatie: Sommige zoekresultaten hebben een afbeelding met een ontoereikende alt-tekst. De alt-tekst 'Afbeelding terugwinning bij slibverwerking' zegt bijvoorbeeld niet zo veel als de titel 'Terugwinning bij slibverwerking' is. Voeg een alt-tekst toe die de afbeelding beschrijft, en niet een herhaling is van de titel. Of maak de afbeeldingen op als decoratief door de alt-teksten leeg te laten. Zo slaat de schermlezer de afbeeldingen over.
Gekoppelde pagina's: Zoeken: water, Actueel Archive
Prioriteit: Laag
Uitkomst: Gefaald
Gecompliceerde afbeelding zonder toegankelijk alternatief
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: Geef een alternatief voor 'De ladder van Lansink'.
Gekoppelde pagina's: Zuiveringsslib
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 iconen op de pagina 'Werken bij SNB' hebben een engelse alt-tekst. De iconen zijn decoratief, laat daarom de alt-tekst leeg.
Gekoppelde pagina's: Werken bij SNB
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: Maak het 'download icoon' op de 'download' knop op als decoratief, nu hoor je met een schermlezer twee keer download. Deze informatie is dus dubbel op.
Gekoppelde pagina's: Homepagina
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 boven de koppen 'Het proces', 'Onze strategie' en 'over SNB' hebben bijvoorbeeld de alterantieve tekst 'SNB_het_proces_kleur.png'. Maak de afbeeldingen op als decoratief door de alternatieve tekst weg te halen. Dit geldt ook voor de afbeeldingen onder de koppen 'Afvalwater', 'Zuiveringsslib' en 'Circulair proces'.
Gekoppelde pagina's: Homepagina, Werken bij SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.2.2
Incorrecte automatisch gegenereerde ondertiteling bij vooraf opgenomen video met audio
Beschrijving: Er is vooraf opgenomen video met audio gevonden, waarvan de beschrijvende ondertiteling automatisch is aangemaakt. De automatische ondertiteling komt niet overeen met wat er daadwerkelijk te horen is.
Locatie: De ondertiteling die automatisch wordt gegeneerd staat op Engels, hierdoor klopt er niks van de ondertiteling. Zorg ervoor dat de ondertiteling ook in het Nederlands is, net als de video.
Gekoppelde pagina's: Over SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.1
Huidige locatie visueel, maar niet programmatisch weergegeven
Beschrijving: Er wordt visueel getoond waar je je bevindt op de website, maar dit is niet semantisch in de code verwerkt. Hierdoor is deze informatie niet toegankelijk via ondersteunende technologieën, zoals een schermlezer. Een mogelijke oplossing kan zijn om aria-current te gebruiken.
Locatie: Wanneer een pagina in de header geselecteerd is, wordt deze blauw. Geef niet alleen met kleur aan op welke pagina de gebruiker zich bevindt.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Hoog
Uitkomst: Gefaald
Lijst niet (voldoende) programmatisch opgemaakt
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.
Gekoppelde pagina's: Speerpunten circulaire toekomst
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Programmatische koptekst gebruikt voor tekststyling
Beschrijving: Een heading-tag is onterecht gebruikt om tekst op te maken. Dit maakt het lastiger voor mensen die structuur nodig hebben om te navigeren en de inhoud te begrijpen. Gebruik CSS voor dit soort visuele communicatie.
Locatie: Het telefoonnummer en het e-mailadres zijn opgemaakt als kop.
Gekoppelde pagina's: Contact
Prioriteit: Laag
Uitkomst: Gefaald
Pdf is niet getagd
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.
Gekoppelde pagina's: Jaarverslag 2024 (pdf), SNB-Corporate-Brochure (pdf)
Prioriteit: Hoog
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
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.
Gekoppelde pagina's: Toegankelijkheidsverklaring, Privacybeleid
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Lijst niet (voldoende) programmatisch opgemaakt
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: Maak de lijst ook in de code op als lijst.
Gekoppelde pagina's: Over SNB, Publicaties
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 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.
Gekoppelde pagina's: Homepagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.3.2
Verborgen element in de leesvolgorde
Beschrijving: Er is content visueel verborgen, maar deze is niet correct verborgen voor gebruikers van hulpsoftware. De content is ook geen toevoeging die enkel voor gebruikers van hulpsoftware relevant is. Hierdoor komt de content wel terug in de leesvolgorde, maar niet visueel in beeld, wat verwarring kan opleveren. In plaats van content enkel buiten het zichtbare gebied te plaatsen, is het beter de content programmatisch goed te verbergen, zodat het zowel visueel als voor hulpsoftware verborgen is.
Locatie: Na de 'zoek' knop worden er nog 2 elementen voorgelezen, namelijk ' Zoek op onderwerp invoerveld leeg' en 'zoeken knop'. Deze twee elementen zijn visueel niet zichtbaar. Dit komt waarschijnlijk omdat dit invoerveld en knop verschijnen zodra je op de 'vergrootglas' knop drukt.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.1
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: De huidige pagina wordt in de paginering blauw gekleurd, deze blauwe kleur heeft onvoldoende contrast met de grijze achtergrond.
Gekoppelde pagina's: Zoeken: water, Actueel Archive
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verschil status enkel met kleur
Beschrijving: Er is een verandering van status bij focus, in een component binnen een set van componenten, die alleen met een kleurwijziging is aangegeven.
Locatie: Wanneer een pagina in de header geselecteerd is, wordt deze blauw. Geef niet alleen met kleur aan op welke pagina de gebruiker zich bevindt.
Gekoppelde pagina's: Homepagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.3
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De huidige pagina wordt in de paginering blauw gekleurd, deze blauwe kleur heeft onvoldoende contrast met de grijze achtergrond.
Gekoppelde pagina's: Zoeken: water, Actueel Archive
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden 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'.
Gekoppelde pagina's: Jaarverslag 2024 (pdf), SNB-Corporate-Brochure (pdf)
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekst van foutmelding met onvoldoende contrast
Beschrijving: Er is een foutmelding gevonden waarvan de tekst een contrastverhouding heeft van lager dan 4,5:1 ten opzichte van de achtergrondkleur.
Locatie: De rode tekst heeft onvoldoende contrast tegen de grijze achtergrond op de 'Contact' pagina, en ook op de 'Open sollicitatie' pagina met de witte achtergrond.
Gekoppelde pagina's: Contact, Open sollicitatie
Prioriteit: Laag
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijze tekst in het 'broodkruimelmenu' heeft onvoldoende contrast met de witte achtergrond.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Tekstkleur met onvoldoende contrast met achtergrond afbeelding
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.
Gekoppelde pagina's: Speerpunten circulaire toekomst, SNB-Corporate-Brochure (pdf), Jaarverslag 2024 (pdf), Homepagina
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.5
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 koppen in de foto-carousel op de 'Homepagina' zijn afbeeldingen van tekst.
Gekoppelde pagina's: Homepagina
Prioriteit: Laag
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: 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).
Gekoppelde pagina's: Zuiveringsslib
Prioriteit: Laag
Uitkomst: Gefaald
WCAG 1.4.10
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: De tekst 'Open sollicitatie' is niet meer volledig leesbaar in reflow (mobiele weergave).
Gekoppelde pagina's: Open sollicitatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: In reflow (mobiele weergave) wordt het menu een hamburgermenu, dit menu krijgt geen focus en is dus niet te bedienen met een toetsenbord.
Gekoppelde pagina's: Werken bij SNB
Prioriteit: Kritiek
Uitkomst: Gefaald
WCAG 1.4.11
Grafisch object met onvoldoende contrast
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 geselecteerde radiobutton bij 'filter op' worden groen. Echter heeft deze groene kleur onvoldoende contrast met de achtergrond. Voor mensen die bijvoorbeeld kleurenblind zijn, is het hierdoor niet duidelijke welke knop geselecteerd is. Gebruik een kleur met voldoende contrast.
Gekoppelde pagina's: Zoeken: water, Actueel Archive
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Grafisch object met onvoldoende contrast
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.
Gekoppelde pagina's: Onze impact
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 1.4.12
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: Bij het aanpassen van de ruimte tussen de letters, zijn de koppen in de carousel niet meer volledig leesbaar door het witte logo.
Gekoppelde pagina's: Homepagina, Werken bij SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Principe 2: Bedienbaar
WCAG 2.1.1
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: De filterfunctie op de 'Zoeken' pagina kan niet met een toetsenbord bedient worden.
Gekoppelde pagina's: Zoeken: water, Actueel Archive
Prioriteit: Kritiek
Uitkomst: Gefaald
Niet bedienbaar met toetsenbord
Beschrijving: Niet alle websitefunctionaliteiten kunnen worden gebruikt met alleen een toetsenbord.
Locatie: De 'Ik ga akkoord met de het Privacy statement' checkbox, is niet bedienbaar met een toetsenbord. Dit geldt ook voor 'Selecteer bestand' knop bij het onderdeel CV.
Gekoppelde pagina's: Open sollicitatie
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.2.2
Niet-essentiële beweging
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.
Gekoppelde pagina's: Homepagina
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.1
Geen skiplink aanwezig
Beschrijving: Er is geen skip-link of andere bypass-methode gevonden, maar deze is wel nodig.
Locatie: Voeg een skiplink toe zodat mensen die navigeren met een toetsenbord het navigatie menu kunnen overslaan wanneer dat gewenst is.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 2.4.2
Pdf titel incorrect
Beschrijving: De titel van het document klopt niet met de inhoud.
Locatie: De titel van het jaarverslag is 'Untitled'.
Gekoppelde pagina's: SNB-Corporate-Brochure (pdf), Jaarverslag 2024 (pdf)
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.3
Cookiemelding onderaan in DOM
Beschrijving: De cookiemelding staat aan het einde van de pagina en daardoor aan het einde van de tabvolgorde. Deze is daardoor slecht bereikbaar met het toetsenbord of andere hulpsoftware en kan makkelijk gemist worden door personen die de pagina niet (in zijn geheel) visueel waarnemen. Het is beter om de gebruiker eerst door het cookiedialoogvenster te sturen, of een skiplink naar het dialoogvenster toe te voegen.
Locatie: Zet de cookie melding niet achteraan in de DOM.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Verborgen element in tab volgorde
Beschrijving: Er is een visueel en/of aria-hidden element dat nog wel focus krijgt.
Locatie: Na de 'zoek' knop krijgen er nog 2 elementen focus, echter is hier de focusindicator niet zichtbaar. Deze twee elementen zijn visueel niet zichtbaar, maar worden wel door schermlezers voorgelezen. Dit komt waarschijnlijk omdat dit invoerveld en knop verschijnen zodra je op de 'vergrootglas' knop drukt.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.4
Link is niet programmatisch in context
Beschrijving: Er is een link waarbij het doel van de link niet voldoende duidelijk is uit de linktekst alleen of uit wat programmatisch vastgesteld kan worden als context. Het linkdoel moet tenminste duidelijk zijn genoemd in dezelfde paragraaf, lijst, cel van de tabel, of tabelkop die aan de tabelcel gekoppeld is.
Locatie: De 'vorige' en 'volgende' pijltjes hebben geen naam en worden daarom voorgelezen als 'link'. Omdat de pijltjes leiden naar een andere pagina, zijn het linkjes.
Gekoppelde pagina's: Actueel Archive
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Link is niet programmatisch in context
Beschrijving: Er is een link waarbij het doel van de link niet voldoende duidelijk is uit de linktekst alleen of uit wat programmatisch vastgesteld kan worden als context. Het linkdoel moet tenminste duidelijk zijn genoemd in dezelfde paragraaf, lijst, cel van de tabel, of tabelkop die aan de tabelcel gekoppeld is.
Locatie: Bij de 'socials' wordt alleen de 'user name' voorgelezen. Geef de linkjes een duidelijke link tekst, waaruit blijkt dat het doorlinkt naar de social media pagina.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Link is niet programmatisch in context
Beschrijving: Er is een link waarbij het doel van de link niet voldoende duidelijk is uit de linktekst alleen of uit wat programmatisch vastgesteld kan worden als context. Het linkdoel moet tenminste duidelijk zijn genoemd in dezelfde paragraaf, lijst, cel van de tabel, of tabelkop die aan de tabelcel gekoppeld is.
Locatie: De social media kanalen worden voorgelezen als 'link', geef duidelijk aan in de code waar de link naar toe leidt.
Gekoppelde pagina's: Open sollicitatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Linkdoel onvoldoende uit linktekst
Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.
Locatie: Het linkje 'lees meer' staat programmatisch niet in dezelfde context als de alinea erboven.
Gekoppelde pagina's: Werken bij SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Linkdoel onvoldoende uit linktekst
Beschrijving: Er is een link gevonden waarvan het doel niet duidelijk is uit alleen de linktekst en welke ook niet programmatisch is in de context.
Locatie: De download knop word nu voorgelezen als 'link download, link download button'. Maak het icoon op als decoratief en geef de knop zelf een duidelijkere naam. Geef aan wat je er mee download.
Gekoppelde pagina's: Homepagina
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 2.4.7
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar.
Locatie: De focusindicator is niet zichtbaar op de 'Edit preference' knop in de cookiemelding.
Gekoppelde pagina's: Alle pagina's
Prioriteit: Hoog
Uitkomst: Gefaald
Principe 3: Begrijpelijk
WCAG 3.1.1
Pdf heeft geen taal gedefineerd
Beschrijving: De pdf heeft geen taal gedefinieerd. Hierdoor kan de schermlezer de pdf niet begrijpen.
Locatie: Stel Nederlands in als taal.
Gekoppelde pagina's: Jaarverslag 2024 (pdf), SNB-Corporate-Brochure (pdf)
Prioriteit: Hoog
Uitkomst: Gefaald
WCAG 3.3.2
Verplicht veld niet (voldoende) gemarkeerd in tekst
Beschrijving: De verplichte invoervelden zijn niet (voldoende) als verplicht gemarkeerd in tekst. Dit moet zowel in tekst als code terug te vinden zijn. Wanneer gebruik gemaakt wordt van een teken, dan moet het gebruik van dit teken ook duidelijk uitgelegd zijn.
Locatie: Er is niet aangegeven welke invoervelden verplicht zijn.
Gekoppelde pagina's: Contact, Open sollicitatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.3
Onvoldoende foutsuggestie
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.
Gekoppelde pagina's: Contact, Open sollicitatie
Prioriteit: Gemiddeld
Uitkomst: Gefaald
WCAG 3.3.4
Geen foutidentificatie aanwezig
Beschrijving: Één of meerdere invoervelden bevatten geen enkele vorm van foutidentificatie.
Locatie: Je kan bij het invoerveld 'e-mailadres' een ongeldig e-mailadres invullen. Zo kan je het formulier versturen door in dit invoerveld alleen 'test' in te vullen.
Gekoppelde pagina's: Contact, Open sollicitatie
Prioriteit: Hoog
Uitkomst: Gefaald
Principe 4: Robuust
WCAG 4.1.2
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De naam van de 'pijltje naar rechts' knop onderaan de paginering is 'hoofdinhoud oriëntatiepunt'. Deze naam is niet logisch voor deze knop.
Gekoppelde pagina's: Zoeken: water
Prioriteit: Hoog
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De 'vorige' en 'volgende' knoppen hebben geen naam en worden daarom voorgelezen als 'klikbaar'.
Gekoppelde pagina's: Werken bij SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Knop zonder naam
Beschrijving: Er is een knop gevonden zonder toegankelijke naam.
Locatie: De 'pagination slider' wordt voorgelezen als 'klikbaar', geef de slider een toegankelijke naam.
Gekoppelde pagina's: Homepagina, Wat we doen, Werken bij SNB
Prioriteit: Gemiddeld
Uitkomst: Gefaald
Advies (3)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
WCAG 1.3.1
Sla geen kopniveaus over
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'.
Gekoppelde pagina's: SNB tekent contract met Powerspex voor upgrade slibverwerkingslijnen, Contact
Prioriteit: Laag
Uitkomst: Advies
WCAG 1.4.1
Link binnen tekst enkel met kleur te onderscheiden
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.
Gekoppelde pagina's: Publicaties, Privacybeleid, Open sollicitatie, Toegankelijkheidsverklaring, SNB tekent contract met Powerspex voor upgrade slibverwerkingslijnen
Prioriteit: Laag
Uitkomst: Advies
Principe 3: Begrijpelijk
WCAG 3.2.2
Link navigeert naar pdf-document
Beschrijving: Er wordt er meerdere keren gelinkt naar pdf-documenten. Ons advies is om bij deze links duidelijk te maken dat er, na het klikken op de link, een pdf-document wordt geopend (of gedownload) en dat het niet linkt naar een (externe) webpagina.
Locatie: De download knop op de Homepagina opent een pdf.
Gekoppelde pagina's: Homepagina
Prioriteit: Laag
Uitkomst: Advies
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 28 | 56.0% |
| Gefaald | 22 | 44.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 2 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 10 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 37 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 9 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.