Alleen de bevindingen:
Audit digitale toegankelijkheid website Gemeente Aalsmeer

Uitkomst: Onvoldoende

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

Bevinding 2: In de PDF “Overzicht aanbod voor ouders en kinderen Aalsmeer.pdf” staat in alle blokjes een logo. Bijvoorbeeld het logo van “Verloskundigenpraktijk Aalsmeer e.o.” in het blokje met de kop “Centuring Pregnancy” en het logo van de gemeente Aalsmeer in het blokje met de kop “Sociaal loket” op pagina 5. Dit zijn informatieve afbeeldingen, maar ze zijn niet getagd als afbeelding. Maak deze afbeeldingen op met de Figure-tag en voorzie deze van een tekstalternatief, waarin de tekst op de afbeelding terugkomt.

Uitkomst: Onvoldoende

Bevinding 3: In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” staat op pagina 3 een inhoudsopgave. Alle items in de inhoudsopgave zijn gecodeerd als alinea met de P-tag. Dat is niet correct. Dit overzicht moet gecodeerd worden als een opsomming, bijvoorbeeld met de L-tag of de TOC-tag. Bovendien is het een opsomming met meerdere niveaus en deze niveauverschillen moeten terugkomen in de code. Bij voorkeur wordt hier gebruikgemaakt van de TOC-tag, die speciaal voor inhoudsopgaves beschikbaar is. Niet verplicht, maar wel beter is om ook de verwijzingen naar de pagina’s op te nemen in een link, zodat er direct naar de desbetreffende pagina kan worden genavigeerd.

Bevinding 4: In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” zijn alle kopteksten in het document gecodeerd als alinea’s, met de P-tag. Dat is niet correct. Deze moeten gecodeerd worden als echte koppen (H1 tot en met H6). Het gaat om onder andere de koppen “1. Inleiding” en “Hoe krijgt u hulp?” op pagina 4. En op pagina 5 zijn dat onder andere “Hulp bij het huishouden” en “Zorgaanbieders”. Controleer dit voor het hele document.

Bevinding 5: In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” staat onderaan de pagina de alinea startend met “Soms kunnen kleine aanpassingen al helpen.”. Deze loopt door op de volgende pagina, maar is opgesplitst in twee alinea’s. Dat is niet de bedoeling. Voeg deze samen tot één alinea.

Bevinding 6: In de PDF “Overzicht aanbod voor ouders en kinderen Aalsmeer.pdf” zijn alle kopteksten in het document gecodeerd als alinea, met de P-tag. Dat is niet correct. Deze moeten gecodeerd worden 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. Zorg er daarbij ook voor dat het juiste kopniveau wordt gebruikt, zodat de structuur van het document hierin duidelijk wordt weerspiegeld.

Bevinding 7: In de PDF “Overzicht aanbod voor ouders en kinderen Aalsmeer.pdf” staat op pagina 2 een inhoudsopgave. Alle items in de inhoudsopgave zijn gecodeerd als alinea met de P-tag. Dat is niet correct. Dit overzicht moet gecodeerd worden als een opsomming, bijvoorbeeld met de L-tag of de TOC-tag. Bij voorkeur wordt hier gebruikgemaakt van de TOC-tag, die speciaal voor inhoudsopgaves beschikbaar is.

Bevinding 8: ADVIES: Op pagina https://www.aalsmeer.nl/nieuwsbrieven staat onder de koppen “Nieuwsbrief Aalsmeer”, “Duurzaam Aalsmeer” en “Visit Aalsmeer” steeds de link “Aanmelden”. Deze link is opgenomen in een opsomming. Dit mag in principe alleen als een opsomming bestaat uit meerdere opsommingsitems of wanneer er bijvoorbeeld meerdere nieuwsbrieven toegevoegd kunnen worden. Deze hoeven er dan op dit moment nog niet bij te staan.

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=rzxj5co3hr 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 10: In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” komen links voor in de lopende tekst die zich alleen door kleur onderscheiden van de omliggende tekst. Het gaat bijvoorbeeld om de links “www.aalsmeer.nl/wmo” op pagina 4 en de link “www.aalsmeer.nl/bezwaarschrift” op pagina 15. Dat mag alleen als de contrastverhouding tussen beiden minimaal 3,0:1 is. In dit geval is dit slechts 2,6:1 en dat is niet voldoende. Beter en duidelijker is overigens om links in lopende tekst te onderstrepen.

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer staat onderaan de paginering met links naar de verschillende pagina’s. Het donkergroene nummer 1 contrasteert onvoldoende met de lichtgroene achtergrond. Hetzelfde doet zich voor met de andere paginanummers en met de links “Eerste”, “Vorige”, “Volgende” en “Laatste” als deze focus of hover krijgen. De contrastverhouding tussen tekst en achtergrond is slechts 2,9:1, maar moet minimaal 4,5:1 zijn ook bij hover en focus. Dit probleem doet zich op meerdere pagina’s met paginering voor, waaronder https://www.aalsmeer.nl/nieuws en https://www.aalsmeer.nl/projecten-plannen-en-beleid. Controleer dit voor alle pagina’s.

Uitkomst: Onvoldoende

Bevinding 12: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan doet zich het volgende voor: Als op pagina https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer het zoekveld 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. Hercontrole: Bij 300% gaat het nog mis.

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://www.aalsmeer.nl/projecten-plannen-en-beleid staan onder de groepslabels “Kies thema”, “Kies wijk”, “Kies fase” en “Kies participatiestatus” een aantal checkboxen, waarbij de originele checkbox visueel is verborgen en de checkboxen worden weergegeven als vierkantjes met een lichtgrijze rand. Het contrast van deze randen met de witte achtergrond is te laag. De contrastverhouding is 1,2:1, maar moet minimaal 3,0:1 zijn. En als een checkbox geactiveerd is verschijnt er in het vierkantje een grijs blokje. Ook hiervan is het contrast te laag; een contrastverhouding van slechts 1,2:1. Ook hier moet het contrast minimaal 3,0:1 zijn. Ook de contrastverhouding van de randen van de keuzelijst “Sorteren op” is met 1,2:1 te laag.

Bevinding 14: Op pagina https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer staat in het contentgedeelte een zoekformulier. Op de zoeken-knop staat een lichtgroen icoontje van een vergrootglas. Het contrast van dit icoon met de witte achtergrond is te laag. De contrastverhouding is slechts 1,8:1. Deze knop bevat de tekst “Zoeken” met voldoende contrast, maar bij een lage resolutie verdwijnt dit woord en is alleen de afbeelding nog zichtbaar. Zorg voor een contrastverhouding van minimaal 3,0:1.

Bevinding 15: ADVIES: Op pagina https://www.aalsmeer.nl/ staan onder het toptakenmenu een aantal lichtgroene linkblokken, waaronder het blok met de kop “Contact, melden, klacht of compliment”. Als deze blokken focus krijgen verschijnt er om het blok een groene focusrand, die onvoldoende contrasteert met de witte achtergrond van de blokken. Dit wordt hier niet afgekeurd, omdat ook het pijltje achter de kopteksten iets naar rechts verschuift. Dit kan wel duidelijker door een kleurencombinatie met voldoende contrast te gebruiken. Dit doet zich veelvuldig voor op deze website.

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan doet zich het volgende voor: Onderaan elke pagina staan vier social media iconen in een roodbruin vlak. Dit vlak valt nu deels 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.

Bevinding 17: Wanneer bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium dan doet zich het volgende voor: Op pagina https://www.aalsmeer.nl/projecten-plannen-en-beleid zijn de eerste opties van de keuzelijst “Publicatiedatum Oplopend” en “Publicatiedatum Aflopend” niet volledig zichtbaar zichtbaar als deze geselecteerd zijn, Deze worden aan de rechterkant afgekapt.

Uitkomst: Onvoldoende

Bevinding 18: In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” zijn alle links alleen te bedienen met de muis, maar niet met het toetsenbord. Het gaat bijvoorbeeld om de link “www.aalsmeer.nl/wmo” op pagina 4 en de link “www.aalsmeer.nl/bezwaarschrift” op pagina 15. Los dit op door deze dit te coderen als links met de Link-tag.

Bevinding 19: In de PDF “Overzicht aanbod voor ouders en kinderen Aalsmeer.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 link “https://verloskundigenaalsmeer.nl/home” op pagina 3 en de links “mamakits@prezens.nl” en “www.ggd.amsterdam.nl/ggd/contact/jeugdgezondheidszorg” op pagina 4. Los dit op door deze te coderen als link met de Link-tag. Deze links staan onderaan in elk blokje.

Uitkomst: Onvoldoende

Bevinding 20: De knop “Aanmelden” onderaan het formulier op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=rzxj5co3hr 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 Aalsmeer”. 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 21: Als na de link “Mijn Aalsmeer” 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 terugkomen 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.aalsmeer.nl/

Uitkomst: Voldoende

Bevinding 22: Niet afgekeurd. Het volgende doet zich voor als op pagina https://www.aalsmeer.nl/ in de taalkeuzelijst voor “English” is gekozen. Bovenaan de pagina staat het logo van de gemeente Aalsmeer in een link. De toegankelijke naam van deze link "Municipality of Aalsmeer 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 Aalsmeer” aaneengesloten in de toegankelijke naam aanwezig is, liefst vooraan.

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.aalsmeer.nl/about-gaming-alcohol-and-more zijn de meeste teksten in het contentgedeelte Engelstalig. Deze taal wijkt af van de hoofdtaal (Nederlands) van de pagina. Hiervoor moet in de code een taalwisseling komen. Dit kan bijvoorbeeld worden gedaan door aan het main-element het attribuut lang=”en” toe te voegen. Let daarbij dan wel op dat de kop “Op deze pagina” in het aside-element wel weer gemarkeerd moet worden met lang=”nl”. Een andere optie is natuurlijk om deze koptekst te vertalen in het Nederlands. Ook staat er onderaan de pagina een afbeelding met het Nederlandstalige tekstalternatief “Jonge jongen met telefoon in handen met graphic. Moeder kijkt toe.”. Omdat de afbeelding decoratief is mag het tekstalternatief worden leeg gelaten (alt=””). Als het tekstalternatief niet wordt verwijderd dan moet dit worden vertaald naar de Engelse taal. Heronderzoek: de pagina is verwijderd, om de steekproef in het heronderzoek gelijk te houden gebruiken we nu deze: https://www.aalsmeer.nl/en/neighborhood-families-aalsmeer-stronger-together Hier staan gelijksoortige problemen waarbij niet alles van een goed lang-attribuut is voorzien.

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=rzxj5co3hr 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 voor, tijdens of na het laden verplaatst waardoor soms stukken tekst overgeslagen wordt.