Toegankelijke versie: https://accessibilityreport.swink.nl/weerbaredigitaleoverheid.nl/table/
Toegankelijkheidsonderzoek 
Toegankelijke versie: https://accessibilityreport.swink.nl/weerbaredigitaleoverheid.nl/table/
Via deze pagina kan je de bevindingen of de steekproef van het onderzoek kopiëren naar het geheugen van je computer. Daarna kan je de informatie plakken in een spreadsheet zoals Excel. Screenshots uit het rapport worden niet automatisch meegekopieerd. Deze functie werkt alleen met JavaScript. Mocht de knop niet werken probeer dan altijd een keer de pagina te verversen. Vaak doet de kopieerknop het dan weer wel.
| Naam website | Overheidsbreed Cyberprogramma |
|---|---|
| Scope |
|
nr |
Bevinding |
WCAG SC |
Mogelijk verantwoordelijk |
Status |
1 | In het hoofdmenu van https://www.weerbaredigitaleoverheid.nl/ staat het logo van Overheidsbreed Cyberprogramma. Deze afbeelding heeft geen goede alternatieve tekst. Zichtbaar in het logo is "Overheidsbreed Cyberprogramma". De alt tekst is "Weerbare Digitale Overheid 2024 logo". Niet alle zichtbare tekst in de afbeelding staat in de alt tekst. De afbeelding dient ook als link, waardoor er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd kan worden. De simpelste oplossing is om dit logo van de volgende alt tekst te voorzien: "Overheidsbreed Cyberprogramma, ga naar de homepage".
In de hercontrole is dit verbeterd maar is in de eindcontrole de alt- en linktekst weer verdwenen. | 1.1.1 | techniek, content, visuele vormgeving | |
2 | In de footer op elke pagina staat hetzelfde logo. Hier verwijst het logo echter naar een andere website dan het logo in het hoofdmenu. Ook dit logo heeft de alt tekst "Weerbare Digitale Overheid 2024". In de alt tekst moet de zichtbare tekst staan. Omdat het hier om een link gaat, is het belangrijk om er ook een linkdoel bij te plaatsen. In dit geval zou de alt tekst kunnen zijn: "Overheidsbreed Cyberprogramma, ga naar de website van Digitale Overheid". Echter geef je nu een blinde bezoeker meer informatie dan een ziende bezoeker. Het advies is om twee verschillende logo's te gebruiken in het hoofdmenu en in de footer, die duidelijk verwijzen naar het linkdoel.
In de hercontrole is het logo weggehaald; in de eindcontrole zijn 2 logo's toegevoegd in de footer. Voor beide logo's is geen alternatieve tekst opgenomen, respectievelijk 'ICTU' en 'Ministerie van Binnenlandse Zaken en Koninkrijksrelaties'. | 1.1.1 | techniek, content, visuele vormgeving | |
3 | Op pagina https://www.weerbaredigitaleoverheid.nl/ staat onderaan het logo van LinkedIn. Deze afbeelding heeft geen alternatieve tekst. Blinden en slechtzienden missen mogelijk zo belangrijke informatie. Met spraaksoftware is het klikbare logo mogelijk niet te bedienen. De alternatieve tekst van de afbeelding dient als link, dus zet naast het feit dat het om Linkedin gaat ook een beschrijvend linkdoel in de alternatieve tekst. Bijvoorbeeld "LinkedIn Overheidsbreed Cyberprogramma".
Er is een aria-label geplaatst op een element waar geen toegankelijke naam aan gekoppeld worden (i-element). Dit kan alleen op specifieke elementen zoals dit gedefinieerd is in de HTML-standaard van het W3C. Zie https://www.w3.org/TR/wai-aria/#namefromauthor op welke elementen je een naam kunt zetten. | 1.1.1 | techniek, content, visuele vormgeving | |
4 | Op pagina https://www.weerbaredigitaleoverheid.nl/programma-onderdelen/sessie/4b074d31/ staat onder de afbeelding een link om de sessie aan je agenda toe te voegen. Deze afbeelding heeft geen alternatieve tekst. Met spraaksoftware is het klikbare icoon mogelijk niet te bedienen. Omdat het icoon als link naam zou dienen, is het belangrijk om het linkdoel erin te plaatsen. De beste oplossing is om tekst visueel naast het icoon te plaatsen, in de link, of een toegankelijke naam aan de link te geven.
Er is een aria-label geplaatst op een element waar geen toegankelijke naam aan gekoppeld worden (i-element). Dit kan alleen op specifieke elementen zoals dit gedefinieerd is in de HTML-standaard van het W3C. Zie https://www.w3.org/TR/wai-aria/#namefromauthor op welke elementen je een naam kunt zetten. | 1.1.1 | techniek, content, visuele vormgeving | |
5 | Op pagina https://www.weerbaredigitaleoverheid.nl/visuele-notulen/overheidsbrede-cyberoefening-2024/ staat een uitgebreide afbeelding. Deze afbeelding is voorzien van een zeer uitgebreide alt tekst, die zo goed mogelijk probeert te beschrijven wat er op de afbeelding staat, wat heel goedgedaan is. Criterium 1.1.1 stelt dat alle tekst die visueel zichtbaar is, ook in de alt tekst voorkomt, wat helaas niet het geval is. Gezien de afbeelding niet in enkele zinnen te beschrijven is, is het beter om de beschrijving in HTML-tekst bij de afbeelding te plaatsen. Zo is het voor bezoekers die schermleessoftware gebruiken beter te lezen, doordat ze bijvoorbeeld een zin terug kunnen stappen. Dat kan namelijk niet bij een afbeelding. Ook voor slechtzienden, die de met een groter lettertype werken kan de tekst dan gelezen worden. De tekst in de afbeelding vergroot automatisch mee bij het gebruik van een groter lettertype of bij zoomen (zie ook 1.4.5). Plaats in deze beschrijving alle tekst die in de afbeelding staat. | 1.1.1 | techniek, content, visuele vormgeving | |
6 | Op de homepage https://www.weerbaredigitaleoverheid.nl/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld "Overheidsbreed cyberprogramma" in begin en eind van de video. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en gebruikmaken van hulpsoftware zoals een schermleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.
In de eindcontrole is gebleken dat de spreker in de nieuwe video vrijwel alles benoemt. Met uitzondering van "Overheidsbreed cyberprogramma" in begin en eind van de video. | 1.2.3 | visuele vormgeving | |
7 | Op de homepage https://www.weerbaredigitaleoverheid.nl/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld "Overheidsbreed cyberprogramma" in begin en eind van de video. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en gebruikmaken van hulpsoftware zoals een schermleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.
In de eindcontrole is gebleken dat de spreker in de nieuwe video vrijwel alles benoemt. Met uitzondering van "Overheidsbreed cyberprogramma" in begin en eind van de video. | 1.2.5 | visuele vormgeving | |
8 | Extern, Blue Billywig Videospeler: heeft een helptoets waarmee je te weten kunt komen hoe dit uit te schakelen. Deze helptoets is nu een onzichtbare knop. Het zou goed zijn om de ?-toets ook zichtbaar te maken. | 2.1.4 | techniek, content, visuele vormgeving | |
9 | Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% verschijnen er 2 menuknoppen (knop met 3 horizontale strepen). Als de eerste knop nog niet geopend is is het wel mogelijk om de menuitems te benaderen met een toetsenbord. Daardoor is ook niet zichtbaar waar je bent als je met toetsenbord door de pagina navigeert. Zorg ervoor dat de menuitems volledig onzichtbaar zijn als het navigatiemenu nog gesloten is.
Dit is in de eindcontrole niet opgelost. Daarnaast werkt de 1e menuknop niet goed met het toetsenbord. Zodra je het menu opent, wordt deze direct weer gesloten als je op Enter drukt. | 2.4.3 | techniek, content | |
10 | Het is voor bezoekers die met het toetsenbord navigeren niet altijd zichtbaar waar de focus zich bevindt op de homepage https://www.weerbaredigitaleoverheid.nl/ Dit komt doordat de focus op de videospeler niet zichtbaar is. Na de link "weerbaredigitaleoverheid@ictu.nl" moet er 3 keer op Tab gedrukt worden, voordat de focus weer zichtbaar is. Geef elementen met focus een duidelijke focus outline, zodat de bezoeker weet waar hij zich bevindt op de pagina.
Dit probleem is in de eindcontrole overal opgelost met uitzondering van 1 knop in de videospeler. Als je met het toetsenbord door de videospeler navigeert is de eerste knop niet zichtbaar (maar wel bedienbaar?). | 2.4.7 | interactieontwerp, content | |
11 | Op pagina https://www.weerbaredigitaleoverheid.nl/programma/ staan 18 evenementen. Dit zijn klikbare cards om een evenement te openen. De cards zijn in code niet opgemaakt als link, maar als <div>. Een bezoekers die schermleessoftware gebruikt hoort hierdoor niet dat dit een link is en dus klikbaar is. Met spraaksoftware is deze daarom mogelijk ook niet bedienbaar. De beste oplossing is om een link (<a>) te gebruiken en deze link een duidelijke linktekst te geven, zoals 'Masterclass, het menselijk aspect bij crisisbeheersing'. | 4.1.2 | techniek, content, visuele vormgeving |
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.
| https://www.weerbaredigitaleoverheid.nl/ |
| https://www.weerbaredigitaleoverheid.nl/contact/ |
| https://www.weerbaredigitaleoverheid.nl/over-ons/ |
| https://www.weerbaredigitaleoverheid.nl/registreren/formulier/ |
| https://www.weerbaredigitaleoverheid.nl/bestaatniet/ |
| https://www.weerbaredigitaleoverheid.nl/programma/ |
| https://www.weerbaredigitaleoverheid.nl/kennisdelen/ |
| https://www.weerbaredigitaleoverheid.nl/programma-onderdelen/sessie/4b074d31/ |
| https://www.weerbaredigitaleoverheid.nl/inloggen/ |
| https://www.weerbaredigitaleoverheid.nl/privacy-en-cookieverklaring/ |
| https://www.weerbaredigitaleoverheid.nl/visuele-notulen/overheidsbrede-cyberoefening-2024/ |
| https://www.weerbaredigitaleoverheid.nl/responsible-disclosure/ |
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.
Rapportinformatie: V2.0.1-WCAG2.1-R3.0-T0.14-nl