{"auditSample":[{"result":{"description":"1. De alt tekst van het logo van de gemeente in de header klopt niet. De waarde is momenteel \"Logo Home\". Dit komt op alle pagina's voor.\n2. Op verschillende plekken worden iconen toegevoegd aan uitklapbare elementen. Deze iconen zijn decoratief, maar worden met de huidige opzet nog wel voorgelezen door hulpsoftware. Hierdoor ontstaat dubbeling van de uitspraak zoals \"*Raad en college Gemeenteraad en college\". Dit komt op meerdere pagina's voor:*\n 1. \n 2. \n 3. in de tabbladen\n3. Op de pagina staat twee afbeeldingen zonder alt tekst. De afbeelding van de woning met zonnepanelen kan als decoratief worden beschouwd, maar het valt te overwegen voor dergelijke afbeeldingen toch een alt tekst te voorzien. Nu geeft de afbeelding een voorbeeld van een duurzame woning terwijl dat niet aan hulpsoftware wordt meegegeven. Dit ligt ook in lijn met andere locaties op de website waar wel alt teksten gegeven worden. \n De afbeelding \"Participatie RES\" brengt informatie over, maar heeft geen alt tekst. Zie ook [Succescriterium 1.4.5](#criteria145)\n4. In het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/QA\\_warmtetransitie\\_DEF.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/QA_warmtetransitie_DEF.pdf) staat vier keer een logo. Hiermee wordt informatie over het document gedeeld, maar er is voor de afbeeldingen geen alt tekst beschikbaar.\n5. In het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Witboek\\_De\\_Woudenbergse\\_bezuinigingsdialoog\\_spread.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Witboek_De_Woudenbergse_bezuinigingsdialoog_spread.pdf) zijn geen alt teksten voor afbeeldingen opgenomen, terwijl veel afbeeldingen wel informatie over brengen en tekst bevatten.\n6. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Inforgraphic\\_gemeente\\_Woudenberg\\_jaarrekening\\_2020.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Inforgraphic_gemeente_Woudenberg_jaarrekening_2020.pdf) staat bovenaan het logo van de gemeente. Hiermee wordt informatie over het document gedeeld, maar er is voor de afbeelding geen alt tekst beschikbaar.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:non-text-content"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:audio-only-and-video-only-prerecorded"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:captions-prerecorded"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:audio-description-or-media-alternative-prerecorded"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:captions-live"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:audio-description-prerecorded"}},{"result":{"description":"1. De toptaken op de pagina's en zijn opgemaakt met een `H2` koptekst. Er bevindt zich echter geen content onder de koppen terwijl het gebruik van kopteksten dit wel aanduidt.\n2. Op de pagina vallen de inklapbare items visueel onder bovenliggende koppen zoals \"duurzame onderwerpen\". De koppen van de inklapbare items zijn echter allemaal `H2` elementen waardoor de onderlinge relatie niet goed wordt overgebracht. Ze zouden in deze situatie met `H3` elementen moeten zijn opgemaakt. \n \n Soortgelijke opmaak komt ook voor op de pagina bij \"Veelgestelde vragen\".\n3. Op de pagina [https:\/\/www.woudenberg.nl\/2?id=2&q=woudenberg](https:\/\/www.woudenberg.nl\/2?id=2&q=woudenberg) is onderaan paginering aanwezig. De knoppen met cijfers hebben een aria-label met de inhoud \"Ga naar pagina\". Door de aanwezigheid van het aria-label wordt de tekst in de knop (de cijfers) niet meer voorgelezen. Hierdoor hebben alle knoppen dezelfde programmatische naam. \n \n Advies: Neem het paginanummer op in het aria-label of voeg de tekst als verborgen tekst toe aan de knop.\n4. In het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/\\_temp\\_\/importexport\/Regionale\\_Energie\\_Strategie\\_1.0.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/_temp_\/importexport\/Regionale_Energie_Strategie_1.0.pdf) zijn toegankelijkheidsproblemen gevonden. Er zijn geen codes beschikbaar in het document. Hierdoor is de leesvolgorde van het document niet programmatisch te bepalen. Het document is daardoor geheel niet toegankelijk.\n5. In het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/QA\\_warmtetransitie\\_DEF.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/QA_warmtetransitie_DEF.pdf) is tekst als koptekst opgemaakt door dikgedrukte tekst in een `
` code in plaats van correcte koptekst codes.\n6. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Witboek\\_De\\_Woudenbergse\\_bezuinigingsdialoog\\_spread.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Witboek_De_Woudenbergse_bezuinigingsdialoog_spread.pdf) zijn toegankelijkheidsproblemen gevonden. Het document is opgemaakt met onjuist codes. Zo zijn er geen goed codes voor kopteksten en lijsten. Ook aanwezige tabellen zijn onvolledig opgemaakt omdat er geen headers zijn opgesteld.\n7. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Inforgraphic\\_gemeente\\_Woudenberg\\_jaarrekening\\_2020.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Inforgraphic_gemeente_Woudenberg_jaarrekening_2020.pdf) zijn toegankelijkheidsproblemen gevonden. Het document is opgemaakt met onjuist codes. Zo zijn er geen goed codes voor kopteksten en lijsten terwijl hier in de vormgeving wel gebruik van wordt gemaakt.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:info-and-relationships"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:meaningful-sequence"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:sensory-characteristics"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:orientation"}},{"result":{"description":"1. Op de pagina wordt om het e-mailadrfes van de bezoeker gevraagd. Het benodigde `autocomplete=\"email\"` attribuut ontbreekt om automatisch invullen mogelijk te maken.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:identify-input-purpose"}},{"result":{"description":"1. De hyperlinks in de lopende tekst zijn vorm gegeven door middel van een rode kleur en een licht-grijze onderlijning. De lichtgrijze onderlijning heeft onvoldoende contrast (zie succescriterium 1.4.11) waardoor deze niet meegerekend wordt als visuele indicator. \n Daarmee blijft voor interne hyperlinks enkel de rode tekstkleur als indicator over dat het hier om een link gaat. Het contrast van deze rood ten op zichte van de andere tekstkleur (donker grijs) laag is (2,5:1 - #333 op #D42727) is onvoldoende om contrast als indicator mee te nemen. \n \n **Advies**: verhoog bijvoorbeeld het contrast van de onderlijning naar een waarde van minimaal 3:1 om een tweede indicator te realiseren.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:use-of-color"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:audio-control"}},{"result":{"description":"1. De placeholdertekst in het zoekveld van de header geeft onvoldoende contrast. De waarde 3:1 (#949494 op #FFFFFF) is onvoldoende voor een fontgrootte van 16px.\n2. In het kruimelpad is het contrast van bovenliggende items onvoldoende vanaf het derde niveau. Het contrast is momenteel 2.26:1 (#a0a0a0 op #edefed) Komt voor op meerdere pagina's, onder anderen op:\n 1. \n 2. \n 3. \n3. In het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Witboek\\_De\\_Woudenbergse\\_bezuinigingsdialoog\\_spread.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Witboek_De_Woudenbergse_bezuinigingsdialoog_spread.pdf) Is het contrast van de blauw met wit voor alle tekst onvoldoende (#8FD5F4 op #FFFFFF, contrastratio 1,6:1)","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:contrast-minimum"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:resize-text"}},{"result":{"description":"1. Op de pagina staat een afbeelding \"Participatie RES\" met veel tekst, jaartallen en pijlen. Hiermee wordt informatie over gebracht en kan de afbeelding niet als decoratief worden beschouwd, maar er is geen alt tekst aanwezig.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:images-of-text"}},{"result":{"description":"1. Bij een schermbreedte van 320px valt op sommige plekken content buiten de viewport. \n \n Dit gebeurt bijvoorbeeld op bij de twee nieuwsitems onderaan de pagina. Hierdoor is niet alle tekst meer volledig te lezen.\n2. Langere woorden worden niet afgebroken, maar vallen op meerdere pagina's buiten de viewport. Onder andere op:\n 1. \n 2. ","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:reflow"}},{"result":{"description":"1. Verschillende gele elementen (iconen) hebben onvoldoende contrast met de achtergrond (1,5:1 - #FFD100 op #FFFFFF) \n Op de pagina [https:\/\/www.woudenberg.nl\/2?id=2&q=woudenberg](https:\/\/www.woudenberg.nl\/2?id=2&q=woudenberg) betreft het de volgende onderdelen:\n 1. Het zoekicoontje in het zoekveld\n 2. Het pijltje bij de zoekresultaten\n2. Op de pagina betreft het de volgende elementen:\n 1. Het zoekicoontje in het zoekveld\n 2. Border van de invoervelden\n 1. standaard #D9D9D9 tegen #FFF, 1,4:1\n 2. actief #FFD100 tegen #FFF, 1,5:1\n3. In het kruimelpad op verschillende pagina's hebben de pijltjes onvoldoende contrast, namelijk 2:1, met de achtergrond (#A0A0A0 op #DFE3DF). Dit komt onder anderen voor op de pagina \n4. De onderlijning die voor links in de lopende tekst aanwezig is, heeft onvoldoende contrast met de achtergrond. Het contrast is nu 1,3:1 (#DFE3DF op #FFFFFF). Zie ook [succescriterium 1.4.1](#criteria141)","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:non-text-contrast"}},{"result":{"description":"Op de pagina vallen onder deze testomstandigheden langere woorden (Gemeentebelastingen) buiten de gele toptaken blokjes. Hierdoor is het woord niet geheel leesbaar.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:text-spacing"}},{"result":{"description":"1. In de header klapt het zoekveld bij focus uit. Hierdoor worden de menu-items uit de header verborgen. Deze actie is niet ongedaan te maken zonder de focus te verplaatsen. \n \n **Advies**: Implementeer de mogelijkheid om door middel van de `ESC` toets het zoekveld weer in zijn originele staat terug te laten keren.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:content-on-hover-or-focus"}},{"result":{"description":"1. Op sommige pagina's is een ronde 'knop' aanwezig. Deze is via de muis te bedienen (de pagina scrolt dan naar beneden) maar is niet via het toetsenbord te benaderen. Dit komt voor op de pagina's:\n 1. \n 2. ","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:keyboard"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:no-keyboard-trap"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:character-key-shortcuts"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:timing-adjustable"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:pause-stop-hide"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:three-flashes-or-below-threshold"}},{"result":{"description":"1. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Witboek\\_De\\_Woudenbergse\\_bezuinigingsdialoog\\_spread.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Witboek_De_Woudenbergse_bezuinigingsdialoog_spread.pdf) zijn geen bladwijzers ingesteld.\n\n**Opmerking**: Er zijn op de website meerdere skiplinks aanwezig. 3 daarvan zijn in principe overbodig en zorgen eerder voor herhalende belasting bij toetsenbordnavigatie. De footer is niet een veel herhalend navigatiedoel. Verdr staan de links naar de hoofdnavigatie en het zoekveld direct voor beide elementen. Doordat ze extra tabstops toevoegen gaat de 'winst' verloren.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:bypass-blocks"}},{"result":{"description":"1. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/\\_temp\\_\/importexport\/Regionale\\_Energie\\_Strategie\\_1.0.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/_temp_\/importexport\/Regionale_Energie_Strategie_1.0.pdf) is geen titel ingesteld. Hierdoor wordt de bestandsnaam als titel gebruikt.\n2. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/QA\\_warmtetransitie\\_DEF.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/QA_warmtetransitie_DEF.pdf) is geen titel ingesteld. Hierdoor wordt de bestandsnaam als titel gebruikt.\n3. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Witboek\\_De\\_Woudenbergse\\_bezuinigingsdialoog\\_spread.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Witboek_De_Woudenbergse_bezuinigingsdialoog_spread.pdf) is geen titel ingesteld. Hierdoor wordt de bestandsnaam als titel gebruikt.\n4. Voor het document [https:\/\/www.woudenberg.nl\/fileadmin\/user\\_upload\/Inforgraphic\\_gemeente\\_Woudenberg\\_jaarrekening\\_2020.pdf](https:\/\/www.woudenberg.nl\/fileadmin\/user_upload\/Inforgraphic_gemeente_Woudenberg_jaarrekening_2020.pdf) is geen titel ingesteld. Hierdoor wordt de bestandsnaam als titel gebruikt.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:page-titled"}},{"result":{"description":"1. Op kleinere schermen ontstaat bij het tabbladen-element een visuele afstand tussen het actieve tabblad element en de bijbehorende inhoud. De tabblad-headers komen eerst boven elkaar te staan en de actieve content komt eronder. Dit zorgt er onder andere ook voor, dat op kleine schermen de situatie kan ontstaan dat de tabblad-bediening in beeld is, maar het resultaat niet geheel. Dit zorgt ervoor dat actief beschikbare elementen worden overgeslagen wat voor verwarring kan zorgen. Dit komt voor op de pagina ","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:focus-order"}},{"result":{"description":"1. Op meerdere pagina's wordt de optie geboden om de huidige pagina te delen via sociale media. De betreffende links bevatten programmatische de naam van het platform (\"facebook\", \"Twitter\", \"LinkedIn\" en \"e-mail\"), maar beschrijven niet het doel (delen van de huidige URL via het platform) van de links. \n \n **Opmerking**: Met de linkcontext wordt bedoeld dat de betekenis kan worden bepaald zonder de focus van de link te verplaatsen. Bijvoorbeeld door het voorlezen van de huidige zin of paragraaf. Voor de eerdere koptekst moet de focus wel verplaatst worden. \n \n Dit komt op meerdere pagina's voor, onder andere op:\n 1. \n 2. \n 3. ","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:link-purpose-in-context"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:multiple-ways"}},{"result":{"description":"Op de pagina's en bevinden zich voor de uitklapbare elementen verborgen `H2` koppen. \nDe koppen \"Hoofdpagina accordeon\" en \"Hoofd accordeon\" geven geen goede beschrijving over de content die volgt.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:headings-and-labels"}},{"result":{"description":"1. Bij toetsenbordnavigatie bij het zoekveld in de header kan door te tabben de focus verplaats worden naar de knop. Hierdoor klapt het zoekveld echter terug in en is de focus niet langer zichtbaar. Komt op alle pagina's voor.\n2. Op verschillende pagina's zijn uitklapbare elementen aanwezig. Bij toetsenbordnavigatie is niet zichtbaar wanneer deze elementen focus bevatten. Komt onder anderen voor op:\n 1. \n 2. \n3. Op kleine schermen komt via toetsenbordnavigatie de focus in het verborgen menu terecht. Dit komt op alle pagina's voor.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:focus-visible"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:pointer-gestures"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:pointer-cancellation"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:label-in-name"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:motion-actuation"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:language-of-page"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:language-of-parts"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:on-focus"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:on-input"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:consistent-navigation"}},{"result":{"description":"","outcome":{"id":"earl:passed"}},"test":{"id":"WCAG21:consistent-identification"}},{"result":{"description":"1. Als op de pagina een ongeldig e-mailadres gebruikt wordt, verschijnt de melding \"Geef een geldig e-mailadres op.\" Dit is geen foutmelding maar een instructie. Een foutmelding kan zijn \"Fout: Het opgegeven e-mailadres is ongeldig. Een geldig e-mailadres heeft het formaat naam@domein.nl\"","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:error-identification"}},{"result":{"description":"1. Op de pagina wordt, bij de invoervelden voor data, in de placeholder instructies gegevens over het gevraagde format. Het gebruik van een placeholder is hierdoor niet voldoende omdat deze instructie verdwijnt zodra een gebruiker begint met de invoer.\n2. Als op de pagina is het formulierveld voor het e-mailadres verplicht. Dit is aangegeven met een sterretje (\\*), maar er is geen verklaring voor deze indicatie en er wordt geen andere melding gemaakt dat het veld verplicht is.","outcome":{"id":"earl:failed"}},"test":{"id":"WCAG21:labels-or-instructions"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:error-suggestion"}},{"result":{"description":"","outcome":{"id":"earl:inapplicable"}},"test":{"id":"WCAG21:error-prevention-legal-financial-data"}},{"result":{"description":"1. Op verschillende pagina's worden iconen weergegeven. Hierbij worden attributen onvolledig of onjuist toegepast.\n 1. Het `aria-hidden=\"\"` attribuut is leeg, maar heeft een waarde van \"true\" of \"false\" nodig. De iconen zijn decoratief, maar ze worden op deze manier nog steeds benoemt.\n 2. Het `focusable=\"\"` attribuut is uitsluitend bedoeld voor `