Onderzoek toegankelijkheid enkhuizen.nl

Hele sample

Uitkomst: Onvoldoende

Contact

Uitkomst: Onvoldoende

Nieuwsbericht Werksaam Westfriesland helpt ondernemers om hun bedrijf klaar te maken voor de toekomst

Uitkomst: Onvoldoende

Aardgasvrij wonen

Uitkomst: Onvoldoende

Inwoners en het coronavirus

Uitkomst: Onvoldoende

PDF Besluitenlijst

Uitkomst: Onvoldoende

Hele sample

Bevindingen:

Het logo in de header heeft de zichtbare tekst 'Gemeente Enkhuizen' maar de alt tekst luidt 'Logo SED - Enkhuizen'. Zorg dat de alternatieve tekst gelijk is aan de zichtbare tekst.

Contact

Het logo in de header heeft geen alternatieve tekst en is daardoor niet te herkennen door hulpsoftware. Het logo is geplaatst als achtergrondafbeelding bij een link, zonder linktekst (er is alleen een title attribuut maar deze wordt slecht ondersteund door hulpsoftware). Zorg dat de tekst van het logo terugkomt in de HTML en in de link.

Nieuwsbericht Werksaam Westfriesland helpt ondernemers om hun bedrijf klaar te maken voor de toekomst

De afbeelding boven het nieuwsbericht heeft geen alt-attribuut. Deze afbeelding bevat ook tekst. De afbeelding heeft daarom een alt tekst nodig waar deze teksten in terug komen.

Aardgasvrij wonen

Op deze pagina staat een infographic. Voor de informatie op deze afbeelding wordt geen tekstalternatief gegeven. De alt tekst is leeg. Er staat een link naar de PDF, maar deze PDF is ontoegankelijk (niet getagd). Beschrijf de afbeelding in een tekst eronder of geef een link naar een pagina waar deze informatie staat uitgeschreven.

Inwoners en het coronavirus

Op deze pagina staat een infographic. Voor de informatie op deze afbeelding wordt geen tekstalternatief gegeven. De alt tekst is leeg. Beschrijf de afbeelding in een tekst eronder of geef een link naar een pagina waar deze informatie staat uitgeschreven.

PDF Besluitenlijst

Het logo van de gemeente Enkhuizen heeft geen alternatieve tekst.

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Coronavirus

Uitkomst: Onvoldoende

Contact

Uitkomst: Onvoldoende

Zoekresultaten

Uitkomst: Onvoldoende

Wonen, verkeer en veiligheid

Uitkomst: Onvoldoende

Gehandicaptenparkeerkaart aanvragen of verlengen

Uitkomst: Onvoldoende

Nieuwsbericht Werksaam Westfriesland helpt ondernemers om hun bedrijf klaar te maken voor de toekomst

Uitkomst: Onvoldoende

Bestuur en organisatie

Uitkomst: Onvoldoende

PDF Uitvoeringsprogramma 2018-2022

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

PDF Besluitenlijst

Uitkomst: Onvoldoende

Homepage

De koppenstructuur klopt niet helemaal. Er is een h2-kop 'Uitgelicht' met daaronder de kop 'Aardgasvrij wonen'. Dit zou een h3-kop moeten zijn, maar deze is ook op h2-niveau. Hierdoor lijkt het voor screenreadergebruikers dat er onder Uitgelicht geen items zijn. Hetzelfde probleem doet zich voor onder 'Klanttevredenheidsonderzoek'.

Coronavirus

De koppenstructuur klopt niet helemaal. Onder de h2-kop staan 3 koppen op h3-niveau zoals 'Inwoners' Maar deze koppen lijken niet onder Links te vallen, want deze gaan naar pagina's op de eigen site. Een oplossing kan zijn om hier een (met CSS verborgen) kop boven te zetten zodat het een eigen sectie wordt,

De invoervelden onder 'Heeft u gevonden wat u zocht?' hebben geen label. Er staat een label element in de code, maar deze heeft geen tekst. Daardoor hebben de invoervelden geen naam voor hulpsoftware.

De actieve pagina in het menu wordt aangegeven met een vormgeving. In de tekst wordt dit echter niet aangegeven. Hulpsoftware kan niet opmaken uit de code welke pagina actief is. Voeg hiervoor aria-current=“page” toe aan het actieve menu-item. Dit komt op meerdere pagina's voor.

Contact

De lijst met openingstijden is niet correct opgemaakt.Er zit een lijst (ul) direct in een andere lijst. Dit kan problemen geven voor het uitlezen door hulpsoftware.

Zoekresultaten

De koppenstructuur klopt niet helemaal. De resultaten hebben alle een h3-kop. Deze valt nu direct onder de h2-kop 'Filters'. Dit kan verwarrend zijn voor screenreadergebruikers die via koppen navigeren.

Wonen, verkeer en veiligheid

De lijsten met links zijn niet correct opgemaakt.De uitklapbare items onder de 'Toon meer' knop staan in een div-element in plaats van een ul-element. Dit kan problemen geven voor het uitlezen door hulpsoftware.

Gehandicaptenparkeerkaart aanvragen of verlengen

De h2 koppen van de vragen vallen binnen het button element. Hierdoor wordt de kopopmaak door hulpsoftware genegeerd. Dat zorgt er ook voor dat als er koppen staan binnen de vraag, zoals onder 'Welke gehandicaptenparkeerkaarten kan ik aanvragen?', de hierarchie niet meer klopt. Dit kan verwarrend zijn voor screenreadergebruikers. Zet de kop daarom buiten het button element.Dus andersom: <h2><button>Tekst</button></h2>. Dan komt de kop wel in de koppenlijst van de screenreader terecht.

Nieuwsbericht Werksaam Westfriesland helpt ondernemers om hun bedrijf klaar te maken voor de toekomst

De koppenstructuur klopt niet helemaal. Er staat een h3-kop 'Meer nieuws'. Deze valt onder de h2-kop 'Gratis deelname'. De koppen van de nieuwsberichten die onder 'Meer nieuws' vallen horen een niveau lager te zijn, maar zijn nu ook h3-niveau.

Bestuur en organisatie

De koppenstructuur klopt niet helemaal. De h3-kop 'Mis niets en meld je aan voor onze nieuwsbrief' valt onder 'Adviesraden' maar zou op zichzelf moeten staan.

PDF Uitvoeringsprogramma 2018-2022

De PDF heeft geen tags (codelaag) en daardoor is er voor hulpsoftware zoals screenreaders geen informatie beschikbaar om de PDF te interpreteren. Deze codelaag wordt aangemaakt in het bronbestand (bijvoorbeeld Word of Indesign) en moet van daaruit goed worden geëxporteerd. Wanneer de codelaag aanwezig is en aan de richtlijnen voldoet, kan hulpsoftware de inhoud juist weergeven voor de gebruiker, zoals ook bij goed opgebouwde HTML-pagina's het geval is.

Melding doen

Het select-element om de taal te kiezen heeft geen label. Daardoro is het voor hulpsoftware onduidelijk wat voor invoer dit is.

PDF Besluitenlijst

De koppen in de tabellen zijn niet als kopcel (th) opgemaakt. Hierdoor wordt de tabeldata niet op de juiste manier opgelezen door screenreaders.

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Contactformulier

Uitkomst: Onvoldoende

Afspraak maken

Uitkomst: Niet getoetst

Melding doen

Uitkomst: Onvoldoende

Contactformulier

De invoervelden voor persoonlijke informatie zoals naam en adres hebben geen mechanisme waarmee de invoer automatisch kan worden aangevuld. Autofill maakt het invullen van formulieren voor veel gebruikers gemakkelijker, zoals voor mensen voor wie het invoeren van tekst veel tijd kost omdat dit via speciale hulpmiddelen gaat zoals bijvoorbeeld het aanwijzen van letters. Voeg de juiste ‘autocomplete’ attributen toe bij de invoervelden. Zie voor de volledige lijst https://www.w3.org/TR/WCAG21/#input-purposes

Afspraak maken

De invoervelden voor persoonlijke informatie zoals naam en adres hebben geen mechanisme waarmee de invoer automatisch kan worden aangevuld. Zie ook de bevinding bij de pagina 'Contactformulier'.

Melding doen

De invoervelden voor persoonlijke informatie zoals naam en adres hebben geen mechanisme waarmee de invoer automatisch kan worden aangevuld. Autofill maakt het invullen van formulieren voor veel gebruikers gemakkelijker, zoals voor mensen voor wie het invoeren van tekst veel tijd kost omdat dit via speciale hulpmiddelen gaat zoals bijvoorbeeld het aanwijzen van letters. Voeg de juiste ‘autocomplete’ attributen toe bij de invoervelden. Zie voor de volledige lijst https://www.w3.org/TR/WCAG21/#input-purposes

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Onvoldoende

Afspraak maken

Uitkomst: Onvoldoende

PDF Uitvoeringsprogramma 2018-2022

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

Afspraak maken

In de datepicker staat zwarte tekst op een donkerblauwe achtergrond. Deze tekst voldoet niet aan de mininmale contrasteis. De zwarte knoppen om tussen de maanden te navigeren voldoen net wel (3.0:1), maar het is raadzaam hiervan ook het contrast nog wat te verhogen. Zie screenshot 2. De hoge-contrast-variant van deze pagina biedt hier geen goed alternatief, omdat daarin ook meerdere onderdelen te weinig contrast hebben en sommige teksten zelfs geheel onzichtbaar zijn (witte tekst op witte achtergrond). Zie screenshot 3.

PDF Uitvoeringsprogramma 2018-2022

De titel met 'Uitvoeringsprogramma 2018-2022' op pagina 1 heeft te weinig contrast (donkerblauw en wit op blauw, 2.4:1 en 2.2:1). Op o.a. pagina 5 en 9 heeft deze titel een contrast van 1.2:1 (lichtgrijs op wit). Zorg voor een minimaal contrast van 4.5:1 voor tekst.

Melding doen

De lichtgrijze teksten in de invoervelden in het formulier hebben te weinig contrast (2.8:1).

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Aardgasvrij wonen

Uitkomst: Onvoldoende

Inwoners en het coronavirus

Uitkomst: Onvoldoende

Aardgasvrij wonen

Op deze pagina staat een infographic. Omdat deze tekst niet in de HTML staat kan deze niet aangepast worden aan de wensen van de gebruiker, zoals tekstvergroting. Voeg een alternatief in HTML toe.

Inwoners en het coronavirus

Op deze pagina staat een infographic. Omdat deze tekst niet in de HTML staat kan deze niet aangepast worden aan de wensen van de gebruiker, zoals tekstvergroting. Voeg een alternatief in HTML toe.

Hele sample

Uitkomst: Onvoldoende

Inwoners en het coronavirus

Uitkomst: Onvoldoende

Hele sample

Bevindingen:

Wanneer je inzoomt op 200% of meer verdwijnen de toegankelijkheidsopties aan de zijkant (Readspeaker, Tekstgrootte en Contrast) en de knop met de Cookie instellingen. Wanneer je inzoomt tot 400% (bij 1280px breed en 1024px hoog) wordt een deel van het menu onzichtbaar. Hier kan ook niet heen gescrolld worden. Zie screenshot 5. Zorg via responsive bouwen dat alle content en functionaliteit tot 400% inzoomen beschikbaar en bedienbaar blijft.

Inwoners en het coronavirus

Bij de links naar informatie in andere talen moet bij inzoomen horizontaal gescrold worden. Er zijn hier witruimte tekens gebruikt voor de layout. Het is beter hier een standaard lijst van te maken.Zie screenshot 4.

Hele sample

Uitkomst: Onvoldoende

Contactformulier

Uitkomst: Onvoldoende

Contactformulier

De randen van de invoervelden van het formulier hebben de kleur #ddd. Deze kleur geeft een contrastwaarde van 1.4:1. Slechtzienden kunnen moeite hebben om te bepalen waar ze input kunnen geven. Verhoog het contrast van de randen van de interactieve elementen ten opzichte van de achtergrondkleur tot tenminste 3.0: 1.

In de footer hebben de iconen van Twitter en RSS (lichtblauw en oranje) te weinig contrast met de achtergrond. Ook voor grafische elementen zoals iconen is een minimum contrast vereist van 3.0:1.

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Hele sample

Bevindingen:

De knop 'Cookie instellingen' werkt niet met het toetsenbord. De knop krijgt wel focus, maar opent niet de cookiebalk.

Hele sample

Uitkomst: Onvoldoende

Zoekresultaten

Uitkomst: Onvoldoende

Zoekresultaten

Binnen de hoofdcontent komt de focus als eerste in het zoekveld terecht. Wanneer je dan verder wilt navigeren, kom je in een menu terecht van Readspeaker. Hier kun je niet meer uit komen zonder de pagina te verlaten. Zorg dat de focus direct doorgaat naar het volgende te verwachten element, dat is hier de zoekknop en daarna de resultaten. Zie screenshot 1.

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

PDF Uitvoeringsprogramma 2018-2022

Uitkomst: Onvoldoende

PDF Besluitenlijst

Uitkomst: Onvoldoende

PDF Uitvoeringsprogramma 2018-2022

Het PDF-bestand heeft geen titel. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten/webpagina’s belangrijk dat de titel duidelijk maakt waar ze zijn. Wanneer een pdf geen titel heeft wordt de bestandsnaam getoond, deze is niet altijd even duidelijk. Pas de titel aan in de Documenteigenschappen in Adobe PDF.

PDF Besluitenlijst

Het PDF-bestand heeft geen titel.

Hele sample

Uitkomst: Onvoldoende

Wonen, verkeer en veiligheid

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

Wonen, verkeer en veiligheid

Wanneer je de link 'Toon meer' activeert en dan verder navigeert (met de tab-toets), ga je verder in de volgende sectie in plaats van in de sectie waar je meer links wilde zien. Dit kan verwarrend zijn voor screenreader gebruikers, die niet weten dat ze nu in een ander onderwerp zitten. ZOrg dat de focus verder gaat bij de links die zojuist geopend zijn.

Melding doen

Wanneer je de cookie instellingen opent, gaat de focus niet naar de popup, maar gaat verder op de onderliggende pagina. De focus hoort meteen in de popup te komen. Onderdelen op de onderliggende pagina moeten geen focus kunnen krijgen zolang de popup geopend is.

Hele sample

Uitkomst: Onvoldoende

Coronavirus

Uitkomst: Onvoldoende

Contactformulier

Uitkomst: Niet getoetst

Gemeenteraadsverkiezingen

Uitkomst: Onvoldoende

Coronavirus

Bovenaan de pagina onder het kopje 'Links' staan drie links zonder tekst. Gebruikers van hulpsoftware die lijsten opvragen van links weten zo niet waar deze links naar toe gaan. De links krijgen ook toetsenbordfocus zonder dat het duidelijk is waar ze voor zijn. Als deze links geen doel hebben is het beter ze te verwijderen.

Contactformulier

Opmerking: Het middelste icoon in de footer heeft als linktekst 'Flickr' maar gaat naar het nieuwsoverzicht.

Gemeenteraadsverkiezingen

Op de pagina staan meerdere lege links onderaan de lijsten. Gebruikers van hulpsoftware die lijsten opvragen van links weten zo niet waar deze links naar toe gaan. De links krijgen ook toetsenbordfocus, wat leidt tot onnodige aanslagen.

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Contactformulier

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

Contactformulier

Op meerdere interactieve elementen in het overzicht is de focus niet zichtbaar, zoals op de Bewerken button en op invoervelden. Voeg een focussttijl toe, zoals omlijning.

Melding doen

De focus op de knoppen in de cookiemelding is niet zichtbaar. Daardoor lijkt het of deze niet gesloten/gebruikt kan worden. Dit geldt ook binnen de popup.

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Onvoldoende

PDF Uitvoeringsprogramma 2018-2022

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

PDF Uitvoeringsprogramma 2018-2022

Het document heeft geen taal gespecificeerd. Screenreaders lezen de pdf mogelijk niet in de juiste taal voor. Stel de juiste taal in bij de documenteigenschappen in Acrobat.

Melding doen

De pagina is ingesteld op Engels. Dit kan problemen geven voor screenreadergebruikers. Zet de taal in het html-element op Nederlands.

Hele sample

Uitkomst: Onvoldoende

Inwoners en het coronavirus

Uitkomst: Onvoldoende

Inwoners en het coronavirus

Onderaan de pagina staat een titel en paragraaf in het Engels zonder dat dit in de HTML is aangegeven (via het lang attribuut). Hierdoor lezen screenreaders het mogelijk niet goed voor.

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

Melding doen

Wanneer een of meerdere velden niet is ingevuld verschijnt de melding dat deze velden verplicht zijn. Dit is een algemene instructie en geen foutmelding. Geef aan wat er precies fout is gegaan, bijvoorbeeld:'Naam is niet ingevuld' of 'Telefoonnummer is niet geldig, deze moet 10 cijfers bevatten'.

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Voldoende

Hele sample

Uitkomst: Niet van toepassing

Hele sample

Uitkomst: Onvoldoende

Contact

Uitkomst: Onvoldoende

Zoekresultaten

Uitkomst: Onvoldoende

Aardgasvrij wonen

Uitkomst: Onvoldoende

Contact

In het time element staan attributen zonder spatie er tussen. Dit kan problemen geven voor het uitlezen door hulpsoftware.

Zoekresultaten

Het id 'elastic-search-form' komt meer dan een keer voor op de pagina. Wanneer id’s meerdere keren op een pagina voorkomen kan hulpsoftware de code niet goed interpreteren.

Aardgasvrij wonen

Er zijn meerdere paragrafen die niet goed zijn genest: er zijn afsluittags zonder dat er openingstags zijn.

Hele sample

Uitkomst: Onvoldoende

Contact

Uitkomst: Niet getoetst

Afspraak maken

Uitkomst: Onvoldoende

Melding doen

Uitkomst: Onvoldoende

Hele sample

Bevindingen:

In de popup van de cookiemelding staat een knop om de popup te sluiten. Deze heeft geen naam, doordat deze is verborgen voor hulpsoftware met display:none. In deze popup wordt op verschillende plekken de status niet goed geupdate wanneer er interactie heeft plaatsgevonden. Dit geldt voor de aria-expanded waarde bij 'Niet noodzakelijk', het label 'meer weergeven' en de waarde van het label 'uitgeschakeld'.

Contact

Opmerking: Bij de openingstijden staan aria-labels op de <time> elementen. Aria-label wordt op deze elementen slecht ondersteund. Het is daarom beter om deze teksten op een andere manier er in te zetten. Op het <span> element staat een spelfout 'ara-label'. Deze wordt nu genegeerd door screenreaders.

Afspraak maken

In invoerveld om een product te kiezen heeft geen label. Hierdoor is het voor gebruikers van hulpsoftware niet duidelijk waar dit veld voor is. Dit is een span element met als role 'textbox'.

Melding doen

Er staat 3 links om in te loggen via andere diensten (Fixi, Google, Facebook). Dit zijn algemene div-elementen. Het is niet duidelijk voor hulpsoftware dat dit links zijn. Maar hier link elementen van.

Hele sample

Uitkomst: Niet van toepassing