Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid scp.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website scp.nl
Datum 26 september 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op www.scp.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 28

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://www.scp.nl/ staat een logo met alternatieve tekst 'Sociaal en Cultureel Planbureau'. Voeg eraan toe dat het hier om een logo gaat. Het probleem komt voor op alle pagina's (ook op het subdomein english.scp.nl).

Bevinding 2: Advies: Op pagina https://www.scp.nl/publicaties/publicaties/2024/07/18/kennisnotitie-overheidshandelen-tijdens-en-na-crises staat een afbeelding met daaronder een copyright tekst en een bijschrift. Deze informatie heeft betrekking op de afbeelding, maar de afbeelding heeft een lege alt-tekst. Omdat de afbeelding een lege alt-tekst heeft, maar een screenreader wel de copyright tekst voorleest, is de onderlinge relatie niet helemaal duidelijk. Voeg daarom een alternatieve tekst toe aan de afbeelding zodat het duidelijk is waar de copyright betrekking op heeft.

Een vergelijkbaar probleem komt voor:

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 3: Op de pagina https://www.scp.nl/publicaties/videos/2024/02/15/overheid-en-samenleving staat een video waar het logo en de tekst 'Spiegel van de samenleving Overheid en samenleving' aan het begin in beeld komt. Als je dat niet kan zien mis je aan het begin van de video dat dit een video van Sociaal en Cultureel Planbureau is. Aan het einde van de video staat het logo weer in beeld, dit komt terug in de uitgeschreven tekst, er staat echter nog een tekst in beeld '50 jaar spiegel van de samenleving'. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.

Bevinding 4: Op pagina https://www.scp.nl/publicaties/videos/2024/04/19/mensbeelden-bij-beleid staat een video. Aan het begin van de video staat een stuk tekst in beeld 'Zelf aan de slag met mensbeeld. Leermodule Mensbeelden bij beleid'. Ook komt er om 00:05 informatie in beeld over de spreker. Deze informatie komt niet terug in de uitgeschreven tekst. Het is daardoor niet duidelijk wie er aan het woord is. Dit probleem komt op meerdere plaatsen voor in de video, er mist informatie over wie er aan het woord is en teksten in beeld worden niet op een andere manier overgedragen. Bijvoorbeeld om 00:17 begint er een nieuwe spreker, maar in de uitgeschreven tekst is er geen onderscheid aangegeven tussen de sprekers, het lijkt daardoor alsof het maar om een spreker gaat. Ook komt aan het eind van de video het logo in beeld. Als je dat niet kan zien mis je dat dit een video van Sociaal en Cultureel Planbureau is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op de pagina https://www.scp.nl/publicaties/videos/2024/04/19/mensbeelden-bij-beleid is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:53 en informatie over de sprekers, zoals rond 00:05. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie.

Bevinding 6: Op de pagina https://www.scp.nl/publicaties/videos/2024/02/15/overheid-en-samenleving staat een video waar het logo en de tekst 'Spiegel van de samenleving Overheid en samenleving' aan het begin in beeld komt. Als je dat niet kan zien mis je aan het begin van de video dat dit een video van Sociaal en Cultureel Planbureau is. Aan het einde van de video staat het logo weer in beeld, dit komt terug in de uitgeschreven tekst, er staat echter nog een tekst in beeld '50 jaar spiegel van de samenleving'. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op pagina https://www.scp.nl/zoeken?trefwoord=Toegankelijkheid&search-submit= staat een paginering. De paginering is opgemaakt als een lijst genest in een lijst. De cijfers staan in één lijst bij elkaar en de 'volgende' link is een aparte lijst, samen staan deze in een lijst met twee items. Voor een screenreader gebruiker kan dit verwarrend werken. Dit wordt voorgelezen als "lijst met twee items, lijst met zeven items". Zorg ervoor dat de paginanummers en de 'Volgende' link als één enkele lijst zijn opgemaakt.

Bevinding 8: Op pagina https://www.scp.nl/actueel/nieuws/2024/07/18/aankondiging-nieuwe-methode-om-armoede-te-meten-door-cbs-scp-en-nibud zijn koppen opgemaakt met het strong-element, bijvoorbeeld 'Augustus/september 2024:'. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden en mag niet worden gebruikt als visuele kop, omdat het niet dezelfde betekenis heeft als een kop. Voor hulpsoftware is nu niet duidelijk dat het om een kop gaat. Los dit op door de tekst op te maken als kop op het juiste kopniveau (bijvoorbeeld h3).

Bevinding 9: Op pagina https://www.scp.nl/onderzoeksprogramma/sociale-en-culturele-verkenningen-scv---meedoen-in-de-samenleving-van-2050 staat een quote opgemaakt met het strong-element. Gebruik voor quotes ofwel aanhalingstekens en/of het quote (<q>) of blockquote (<blockquote>) element, in plaats van een andere opmaak.

Bevinding 10: Op de pagina https://www.scp.nl/over-scp/data-en-methoden/open-data staat een tabel. De koppen in deze tabel zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 11: Op pagina https://www.scp.nl/publicaties/publicaties/2024/07/18/kennisnotitie-overheidshandelen-tijdens-en-na-crises komt een opsomming voor, visueel is er een lijst met punten te zien. Deze is nu niet opgemaakt met de juiste code. Gebruik het ul- en li-element om opsommingen weer te geven.

Bevinding 12: Op pagina https://www.scp.nl/over-scp/contact/scp-uitnodigen staat een formulier. Visueel staan er koppen in het formulier, zoals de kop 'Toelichting verzoek aan het SCP', die niet zijn opgenomen in de koppenstructuur. Gebruik de juiste HTML-code om deze koppen op te maken, bijvoorbeeld h2.

Bevinding 13: De PDF 'SCP Meerjarenplan 2021-2025' is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 14: Advies: Op pagina https://www.scp.nl/404 staat h1 dubbel op de pagina. Het advies is om h1 maximaal een keer te gebruiken per pagina. Hetzelfde probleem komt voor op pagina https://www.scp.nl/onderzoeksprogramma/sociale-en-culturele-verkenningen-scv---meedoen-in-de-samenleving-van-2050 bij de kop 'Sociale en Culturele Verkenningen (SCV) - Meedoen in de samenleving van 2050'.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.scp.nl/onderzoeksprogramma/sociale-en-culturele-verkenningen-scv---meedoen-in-de-samenleving-van-2050 staat een grote witte tekst op de header afbeelding. Deze tekst heeft niet overal voldoende contrast met de achtergrond. Bijvoorbeeld de witte letter "e" van het woord "de" op de lichtgroene (HEX #A79B81) kleur van het gras als achtergrond. De contrastverhouding is hier 2,7:1, waar dit minimaal 3:1 moet zijn. Zorg ervoor dat het contrast altijd voldoende is. Hiervoor zijn verschillende oplossingen te bedenken, bijvoorbeeld een semitransparante achtergrond met voldoende contrast of een schaduwrand rondom de hele tekst (geen dropschaduw).

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://www.scp.nl/ staan links onder 'Direct naar'. Het contrast tussen de blauwe (HEX #01689B) links die niet bezocht zijn en de paarse (HEX #884488) kleur van de links die wel bezocht zijn is 1:1, waar dit minimaal 3:1 moet zijn. Dit probleem komt voor op meerdere pagina's, bijvoorbeeld pagina https://www.scp.nl/sitemap.

Bevinding 17: Advies: Op pagina https://www.scp.nl/zoeken?trefwoord=Toegankelijkheid&search-submit= heeft de lichtgrijze (HEX #F3F3F3) knop 'Trefwoord(verplicht): Toegankelijkheid' een te laag contrast met de witte achtergrond. De contrastverhouding is hier 1,1:1, waar dit bij voorkeur 3:1 zou zijn. De kleur van een knop hoeft niet een contrastratio van minimaal 3:1 te hebben met de aangrenzende ondergrondkleur als door de tekst duidelijk is dat het een knop is, maar voor sommige gebruikers, zoals bijvoorbeeld mensen met een cognitieve beperking, is een knop wel eerder te herkennen wanneer de grens van de knop voldoende contrast heeft. Het wordt dus aangeraden om te laten voldoen aan de contrastratio van minimaal 3:1.

Bevinding 18: Advies: In de videospelers op pagina https://www.scp.nl/publicaties/videos/2024/02/15/overheid-en-samenleving en pagina https://www.scp.nl/publicaties/videos/2024/04/19/mensbeelden-bij-beleid staan knoppen zonder duidelijke rand, zoals bijvoorbeeld de knop om de video af te spelen of om het geluid te dempen. Bijvoorbeeld bezoekers met een cognitieve beperking zullen een knop eerder als zodanig herkennen als er een rand is om de knop (met voldoende contrast).

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 19: Op de pagina https://www.scp.nl/publicaties/videos/2024/02/15/overheid-en-samenleving en pagina https://www.scp.nl/publicaties/videos/2024/04/19/mensbeelden-bij-beleid wordt gebruikgemaakt van een videospeler. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld m voor mute. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Zorg ervoor dat dit commando uitgeschakeld is of uit te schakelen is.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Niet aanwezig

Bevinding 20: Dit probleem vereist mogelijk een technische oplossing: Op pagina https://www.scp.nl/over-scp/contact/scp-uitnodigen wanneer een bezoeker met het toetsenbord navigeert, dan krijgt onder 'Bijlage(n) toevoegen' de tekst boven de knop 'Upload' onzichtbaar toetsenbordfocus, waarna de knop een zichtbare focus krijgt. Haal deze onzichtbare tabfocus van de tekst (dit komt drie keer voor). Voor dit onderzoek is dit succescriterium niet onderzocht, daarom is deze bevinding binnen dit onderzoek niet afgekeurd.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://www.scp.nl/ staat een onder 'Sociale media' een link naar linkedin met toegankelijke naam 'Sociaal en Cultureel Planbureau'. Visueel is duidelijk dat het linkdoel linkedin is, voor een bezoeker die gebruik maakt van een screenreader is dit niet duidelijk. Voeg aan de toegankelijke naam van de link toe wat het linkdoel is.

Bevinding 22: Advies: Op pagina https://www.scp.nl/contact staat een link '@SCPonderzoek (opent externe website)'. Uit de omliggende context, namelijk de tekst 'X:' die voor de link staat kan een bezoeker afleiden wat het linkdoel is. Echter, mogelijk weet niet elke bezoeker wat de betekenis is van 'X', ook omdat het visueel niet het logo heeft van X, waar dat onderaan de pagina wel zo wordt weergegeven. Voeg daarom aan de toegankelijke naam van de link toe wat het linkdoel is, zodat de bezoeker weet dat deze naar het sociale medium 'X' leidt.

Bevinding 23: Advies: Op pagina https://www.scp.nl/ staan nieuwsberichten met links naar de berichten. De toegankelijke naam van de links bevatten de gehele tekst van het bericht omdat deze binnen de link is geplaatst. Enkel de koptekst is hier voldoende informatie, anders worden de toegankelijke namen in sommige gevallen wel erg lang, wat minder gebruiksvriendelijk is voor bezoekers die gebruikmaken van een screenreader. Omdat het linkdoel wel duidelijk is wordt dit niet afgekeurd. Een mogelijke oplossing zou zijn om alleen de koptekst binnen het a-element te plaatsen, en het klikbare gebied van de link te vergroten via CSS of JavaScript.

Bevinding 24: Advies: Op onder andere pagina https://www.scp.nl/contact staat onder 'Deel deze pagina' een link die te herkennen is aan een icoon met het symbool van sociaal media-kanaal 'X'. In de linktekst komt alleen de voormalige naam van dit kanaal voor, 'Twitter'. Pas dit aan.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://www.scp.nl/over-scp/contact/scp-uitnodigen staat een formulier. In het formulier staan keuzerondjes. Wanneer de optie 'Anders, namelijk' wordt ingeschakeld, verschijnt er een invoerveld. Bijvoorbeeld het keuzerondje 'Anders, namelijk:' bij het label 'Wat voor type optreden vraagt u aan de spreker?(verplicht)'. De toegankelijke naam van het invoerveld is ', namelijk:'. Dit kan het lastig maken voor bezoekers die gebruik maken van spraakgestuurde navigatie om dit veld aan te spreken en te bedienen. Zorg dat de toegankelijke naam van het invoerveld overeenkomt met de tekst bij het keuzerondje 'Anders, namelijk:'. Dit probleem komt bij meerdere van deze invoervelden in het formulier voor.

Bevinding 26: Advies: Op pagina https://www.scp.nl/contact staat een zoekknop met een vergrootglas-icoon zonder zoekveld (het zoekveld verschijnt bij het activeren van de knop) met toegankelijke naam 'Open zoekveld'. Omdat er geen label bij de knop staat is de verwachting dat de toegankelijke naam van de knop 'zoek' of 'zoeken' is. Voor bezoekers die gebruikmaken van spraakgestuurde bediening is het gebruiksvriendelijker om de toegankelijke naam te laten beginnen met 'zoek' of 'zoeken'. Dit probleem komt op meerdere pagina's voor, onder andere op pagina https://english.scp.nl/publications/publications/2023/03/07/summary-contemporary-inequality en op de homepagina https://www.scp.nl/ bij de zoekknop met toegankelijke naam 'Start zoeken'. Het advies is om de toegankelijke naam te laten beginnen met de tekst van het label, in dit geval staat er in het invoerveld de placeholdertekst 'Zoeken'. Het zou daarom gebruiksvriendelijker zijn om de toegankelijke naam te laten beginnen met 'Zoeken'.'

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 27: In de eigenschappen van PDF 'Kennisnotitie Overheidshandelen tijdens en na crises - Sociaal en Cultureel Planbureau' is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende

Bevinding 28: Advies: Op pagina https://www.scp.nl/over-scp/contact/scp-uitnodigen staat een formulier. Formulierveld 'E-mail' is verplicht, maar het is niet duidelijk in welk formaat dit ingevuld met worden. Zorg dat het voor bezoekers duidelijk is hoe zij dit formulierveld moeten invullen, bijvoorbeeld door suggestie naam@domein.nl toe te voegen. Omdat het formulier ook verzonden kan worden zonder juiste invoer, is het hier niet afgekeurd.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-07-31 23:13:28 v2.4-011