Alleen de bevindingen:
Audit digitale toegankelijkheid website Gemeente Amstelveen

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=my1b3mj08f staat het logo van de gemeente Amstelveen. Dit is een informatieve afbeelding, maar mist een tekstalternatief. Voeg een alternatieve tekst toe met de zichtbare tekst in de afbeelding, bijvoorbeeld “logo gemeente Amstelveen” om dit probleem op te lossen.

Bevinding 2: In de PDF “Overzicht aanbod voor jeugd en gezin.pdf” staan in alle blokjes één en soms twee logo’s. Bijvoorbeeld het logo van “Verloskundige praktijk Amstelveen/Buitenveldert” in het blokje met de kop “Centering Pregnancy” en het logo van de gemeente Amstelveen in het blokje met de kop “Sociaal loket” op pagina 5. Dit zijn informatieve afbeeldingen, maar missen een tekstalternatief. Voorzie deze afbeeldingen van een tekstalternatief, waarin de tekst op de afbeelding terugkomt. Er zijn meer logo's zonder alternatieve tekst.

Bevinding 3: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” staat op pagina 3 een logo van "Logo Amstelveen 4 Global Goals". Deze heeft een alternatieve tekst "Logo Amstelveen 4 Global Goals" echter de tekst "Samen naar een duurzame wereld" ontbreekt. Vul deze afbeelding aan met deze alternatieve tekst.

Uitkomst: Onvoldoende

Bevinding 4: In de PDF “Overzicht aanbod voor jeugd en gezin.pdf” zijn alle kopteksten in het document opgemaakt als alinea’s, met de P-tag. Dat is niet correct. Maak deze op in de code als echte koppen (H1 tot en met H6). Het gaat om onder andere de koppen “Kansrijke Start: De eerste 1.000 dagen”, “Centering Pregnancy”, “Omschrijving” en “Organisatie en Contact” op pagina 3. Dit doet zich door het hele document voor.

Bevinding 5: In de PDF “Overzicht aanbod voor jeugd en gezin.pdf” staat op pagina 2 een inhoudsopgave. Alle items in de inhoudsopgave zijn opgemaakt als alinea met de P-tag. Dat is niet correct. Maak dit overzicht op als een opsomming, bijvoorbeeld met de L-tag of de TOC-tag. Bij voorkeur wordt hier gebruik gemaakt van de TOC-tag, die speciaal voor inhoudsopgaves beschikbaar is.

Bevinding 6: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” zijn de alinea’s startend met “Deze overeenkomst tussen de VVD, D66, Partij …” en “Wij willen gezond stedelijk …” op pagina 2 volledig opgemaakt als een kop met de H1-tag. Dat is niet correct. Dit is een alinea en moet daarom ook als zodanig opgemaakt worden met de P-tag. Dit doet zich op meerdere plaatsen voor. Controleer dit voor het hele document. De H1-code is weggehaald uit de alinea, maar de tekst "Amstelveen: groen, gezond en gelijke kansen voor iedereen" ziet eruit als een kop en moet dus ook als kop opgemaakt worden.

Bevinding 7: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” zijn de kopteksten “Gezond en groen Amstelveen” en “Amstelveen heeft hart voor iedereen” opgemaakt als een alinea met de P-tag. Dit zijn echter koppen en deze moeten daarom in de code ook opgemaakt worden als koppen (H1 tot en met H6). Dit doet zich op meerdere plaatsen in het document voor, bijvoorbeeld met de kopteksten “Preventie, welzijn en zorg” op pagina 4 en met de kop “Jeugd” op pagina 5. Controleer dit voor het hele document.

Bevinding 8: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” staat op pagina 3 onder de kop “Leeswijzer” de volgende tekst “Ter illustratie daarvan hebben we per programma een opmerkelijk actiepunt in een wit kader en een voorbeeld van onze koers in een beige kader opgenomen.”. Deze informatie is nu niet voor gebruikers van voorleessoftware beschikbaar. Zie ook succescriterium 1.4.1.

Bevinding 9: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” is de koptekst “2 Onderwijs, sport en cultuur: talent komt tot bloei” opgesplitst over één H1-tag en twee H2-tags. Dit is één kop en moet daarom samengevoegd worden tot één kop. Dit doet zich bij al dit soort kopteksten voor, bijvoorbeeld bij de kop “7 Bestuur en Organisatie: realisme en uitvoeringskracht” op pagina 22. In het heronderzoek zijn de 2 H2-tags zijn nu P-tags geworden. De hele set "7" en de tekst "Bestuur en Organisatie: realisme en uitvoeringskracht" moet één H1 worden.

Bevinding 10: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” staat onder de kop “1 Sociaal domein: kansen voor iedereen” een opsomming, startend met 1.1. Deze nummering staat nu binnen de alinea's (P-tag). Maak van de nummering kopjes (H3-tag) of maak er een opsomming van door dit de genummerde alinea's met een Li-tag te coderen. Deze moet in de code ook als een opsomming (L-tag) gecodeerd worden. Deze opsommingen komen per hoofdstuk opnieuw voor.

Uitkomst: Onvoldoende

Bevinding 11: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” staat op pagina 4 onder de kop “Preventie, welzijn en zorg” het actiepunt “We hebben in ons sociale beleid …”. Deze tekst staat in de code niet onder deze kop. Dat is niet correct. Zorg ervoor dat de visueel zichtbare informatie in dezelfde volgorde voorkomt in de code. Dit doet zich op meerdere plaatsen in het document voor.

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=my1b3mj08f staat een formulier waar de bezoeker het eigen e-mailadres, de voornaam en achternaam kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Dit is alleen correct gedaan bij het e-mailadres. Voorzie ook de andere velden van een correcte autocomplete-waarde. Voor voornaam is dat autocomplete="given-name" en voor achternaam is dat autocomplete=”family-name”.

Uitkomst: Onvoldoende

Bevinding 13: In de PDF “Warm_hart_voor_Amstelveen_Coalitieakkoord_2022-2026.pdf” staat op pagina 3 onder de kop “Leeswijzer” de volgende tekst “Ter illustratie daarvan hebben we per programma een opmerkelijk actiepunt in een wit kader en een voorbeeld van onze koers in een beige kader opgenomen.”. Deze informatie is nu alleen van kleur afhankelijk en dat is een probleem voor mensen die slechtziend of kleurenblind zijn. Zorg ervoor dat ook zonder kleurgebruik duidelijk is dat het om een 'opmerkelijk actiepunt' of 'een voorbeeld van onze koers' gaat. Tevens heeft de rand om het beige kader en de witte achtergrond op bijvoorbeeld pagina 4 met onvoldoende contrasteert met de witte achtergrond. De contrastverhouding is 1,8:1 maar moet minstens 3,0:1 zijn. Deze kleurcombinatie komt ook op andere plekken voor.

Uitkomst: Onvoldoende

Bevinding 14: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan doet zich het volgende voor: Als op pagina https://www.amstelveen.nl/zoeken?searchtext=amstelveen het zoekveld in het contentgedeelte wordt leeggemaakt dan is de placeholdertekst “Waar bent u naar op zoek?” niet meer volledig zichtbaar. Deze tekst wordt nu slechts gedeeltelijk weergegeven. Dit is verlies van informatie. Zorg dat de tekst volledig zichtbaar is. Maar nog beter is om geen placeholdertekst te gebruiken.

Uitkomst: Onvoldoende

Bevinding 15: Wanneer bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan doet zich het volgende voor bij een schermresolutie van 1280x1024 pixels. Onderaan elke pagina staan vier social-media-iconen in een rood vlak. Dit vlak valt nu grotendeels over de link “Webarchief” waardoor deze niet meer leesbaar is. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.

Uitkomst: Onvoldoende

Bevinding 16: In de PDF “Overzicht aanbod voor jeugd en gezin.pdf” zijn alle links, behalve die in de inhoudsopgave, alleen te bedienen met de muis, maar niet met het toetsenbord. Het gaat bijvoorbeeld om de links “www.helendemeesters.nl” en “info@helendemeesters.nl” op pagina 3 en de link marnakits@prezens.nl en “www.ggzingeest.nl/activiteiten/mamakits-spreekuur” op pagina 4. Los dit op door deze in de code ook op te maken als links met de Link-tag. Deze links staan onderaan in elk blokje.

Uitkomst: Onvoldoende

Bevinding 17: De paginatitel op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=my1b3mj08f ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.

Uitkomst: Voldoende

Bevinding 18: ADVIES: Op pagina https://www.amstelveen.nl/nieuws worden bij de links “Volgende” en “Vorige” twee keer de ‘groter dan’ tekens getoond. Dit komt, omdat het hier als svg-afbeelding wordt getoond, maar daar bovenop ook nog een keer onderdeel is van de linkstekst “Volgende >” en “Laatste >>”. Het is beter om deze ‘groter-dan’ tekens uit de linktekst te verwijderen.

Uitkomst: Onvoldoende

Bevinding 19: De knop “Aanmelden” onderaan het formulier op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=my1b3mj08f beschrijft onvoldoende het doel van de knop. Het is niet duidelijk waarvoor men zich aanmeldt. Los dit bijvoorbeeld op door dit aan te vullen tot “Aanmelden voor nieuwsbrief Amstelveen”. Deze aanvulling moet hier ook visueel zichtbaar zijn, omdat het in het geheel niet duidelijk is waarvoor het formulier bedoeld is. Dit wordt mede veroorzaakt door de missende paginatitel.

Bevinding 20: Als na de link “Mijn Amstelveen” verder wordt getabd dan komt de focus op het div-element met role=”combobox”. Dit element heeft als toegankelijke naam “language”. Behalve dat dit Engelstalig is, beschrijft dit onvoldoende het doel van dit element. Het doel is namelijk om een taal te selecteren. Dit moet duidelijk terug komen in de toegankelijke naam. Om zowel het doel als de geselecteerde taal aan te geven, zou dit bijvoorbeeld kunnen worden gecombineerd tot “Selecteer een andere taal. De huidige taal is Nederlands”. https://www.amstelveen.nl/

Uitkomst: Voldoende

Bevinding 21: Niet afgekeurd; het onderzoeksbureau zoekt dit eerst nog uit. Het volgende doet zich voor als op pagina https://www.amstelveen.nl/ in de taalkeuzelijst voor “English” is gekozen. Bovenaan de pagina staat het logo van de gemeente Amstelveen in een link. De toegankelijke naam van deze link "Municipality of Amstelveen Logo leading to the main page" bevat niet de naam die visueel zichtbaar is. Hierdoor is de knop lastig met spraakbesturing te bedienen. Zorg ervoor dat de visuele naam “gemeente Amstelveen” aaneengesloten in de toegankelijke naam aanwezig is, liefst vooraan.

Uitkomst: Onvoldoende

Bevinding 22: Het volgende doet zich voor als op pagina https://www.amstelveen.nl/ in de taalkeuzelijst voor “English” is gekozen. Als de focus in het zoekveld boven aan de pagina staat en er wordt bijvoorbeeld de zoekterm “gemeente” getypt, dan verschijnt eronder een lijst met zoekresultaten. Deze lijst bevat Nederlandstalige zoekresultaten en dit wijkt af van de hoofdtaal (Engels) van de pagina. Hierdoor kan voorleessoftware de Nederlandse teksten niet op de juiste manier presenteren. Los dit bijvoorbeeld op door de Nederlandstalige resultaten te markeren als Nederlands.

Uitkomst: Onvoldoende

Bevinding 23: Als op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=my1b3mj08f de knop Aanmelden het formulier wordt verstuurd via de knop 'aanmelden' dan constateren we met schermvoorleessoftware dat niet altijd altijd de hele foutmeldingen bovenaan het formulier wordt voorgelezen. Wat hier precies misgaat is niet duidelijk; de focus wordt voortijdens of na het laden verplaatst waardoor soms stukken tekst overgeslagen wordt.