Toegankelijke versie: https://www.toegankelijkheidscertificaat.nl/aalsmeer.nl/
De website Gemeente Aalsmeer voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 21 van de 50 succescriteria waar een of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.
De website aalsmeer.nl is onderzocht in februari/maart 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.
Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.
Naam website | Gemeente Aalsmeer |
---|---|
Scope |
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Basisniveau van toegankelijkheid ondersteund | Gangbare browsers en hulpsoftware. |
Principe | Voldoende | Onvoldoende | Niet duidelijk |
---|---|---|---|
1 Waarneembaar | 9 | 11 | 0 |
2 Bedienbaar | 10 | 7 | 0 |
3 Begrijpelijk | 9 | 1 | 0 |
4 Robuust | 1 | 2 | 0 |
Totaal | 29 | 21 | 0 |
Een website bestaat vaak uit verschillende soorten pagina's, processen en content. De steekproef die wij maken is representatief voor de inhoud van de website. De onderzoeken voeren we handmatig uit waarbij we gebruik maken van hulpmiddelen. Dit doen wij zorgvuldig met mensen met ervaring. Omdat dit mensenwerk is kan het voorkomen dat een probleem niet is benoemd. Dit onderzoek is een momentopname. De website of app kan inmiddels veranderd zijn.
De gevonden problemen kunnen ook op pagina's buiten de steekproef voorkomen. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website of app kunnen nieuwe problemen ontstaan. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website of app kunnen nieuwe problemen ontstaan.
Het resultaat is voldoende als bij de uitkomst staat:
Het resultaat is onvoldoende als bij de uitkomst staat:
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.
Informatie over succescriterium 1.1.1 Niet-tekstuele content.
Uitkomst: Onvoldoende
Bevinding: 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.
Op alle pagina’s staat bovenin de footer een afbeelding van het logo van Aalsmeer. Deze mist een tekstalternatief en is tevens verborgen voor hulpsoftware met het attribuut aria-hidden. Dit is een informatieve afbeelding en deze moet voor iedereen beschikbaar zijn en worden voorzien van een tekstalternatief waarin de zichtbare tekst op de afbeelding terugkomt. Dit kan door binnen het svg-element een title-element te plaatsen. Haal het attribuut aria-hidden ook weg.
Als op pagina https://www.aalsmeer.nl/ in de taalkeuzelijst voor “English” is gekozen is het tekstalternatief van de link met het logo van de gemeente Aalsmeer "Municipality of Aalsmeer Logo leading to the main page". Dat is heel netjes en correct vertaald naar het Engels, maar dat is hier niet voldoende. Dit tekstalternatief moet ook de visueel zichtbare tekst “gemeente Aalsmeer” bevatten. Dit is met name belangrijk voor SC 2.5.3, omdat deze afbeelding ook als link fungeert.
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.
ADVIES: Op alle pagina’s staat rechts bovenaan een afbeelding van de Nederlandse vlag. De afbeelding (img-element) bevat een alternatieve tekst “Nederlands flag”. De afbeelding bevat tevens het attribuut role=”presentation”, waardoor het img-element zijn rol als afbeelding verliest. Dit wordt niet afgekeurd, maar kan wel beter. Dit kan door het attribuut role=”presentation” te verwijderen en het alt-attribuut leeg te laten (alt=””). Op deze manier wordt de afbeelding ook genegeerd.
Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:
Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen).
Uitkomst: Niet aanwezig
Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen).
Uitkomst: Niet aanwezig
Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen).
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.aalsmeer.nl/criminaliteit-en-ondermijning-melden staat een video waar aan het begin en het eind informatie in beeld komt betreffende de opdrachtgevers voor het maken van deze video. Omdat blinde en slechtziende mensen deze informatie niet kunnen zien moet er een alternatief beschikbaar zijn. Omdat er aan het eind van de video voldoende ruimte is in het audiospoor kan dit daaraan worden toegevoegd. In plaats hiervan mag ook een volledig uitgeschreven transcript worden ingezet. Voor succescriterium 1.2.5 voldoet dit laatste niet meer als er voldoende ruimte is voor audiodescriptie.
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live).
Uitkomst: Niet aanwezig
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen).
Uitkomst: Onvoldoende
Bevinding: Bij SC 1.2.3 is de video op pagina https://www.aalsmeer.nl/criminaliteit-en-ondermijning-melden beschreven waar audiodescriptie of een media-alternatief ontbreekt. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie verplicht, als er daarvoor voldoende ruimte is in het audiospoor. Dat is hier het geval. Een media-alternatief is hier niet meer voldoende als oplossing, maar mag uiteraard wel worden toegevoegd.
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Informatie over succescriterium 1.3.1 Info en relaties.
Uitkomst: Onvoldoende
Bevinding: Op alle pagina’s zijn in de footer de h3-koppen “Raadhuis”, “Contact” en “Links” opgemaakt met het strong-element. Het strong-element is niet bedoeld voor visuele opmaak. Verwijder hier het strong-element en gebruik bij voorkeur CSS om koppen vetgedrukt weer te geven.
Op pagina https://www.aalsmeer.nl/nieuws is de koptekst “Kunt u niet vinden wat u zoekt?” opgemaakt als een alinea en tevens met het strong-element om deze vetgedrukt weer te geven. Maak deze tekst op als een echte kop, bij voorkeur met het h2-element. Haal het strong-element hier weg.
Op pagina https://www.aalsmeer.nl/ zijn de links van het toptakenmenu, waaronder “Rijbewijs, paspoort en identiteitskaart” en “Uittreksel en verklaring” tevens als koppen opgemaakt. Deze koppen bevatten geen content omdat deze direct worden opgevolgd door koppen van hetzelfde niveau. Dit komt mede doordat de eronder staande alinea verborgen is met CSS display:none;. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Los dit op door de koppen (h3-elementen) te verwijderen. Het is voldoende dat deze links in een opsomming staan, zoals hier het geval is. Hetzelfde doet zich voor op de Engelstalige pagina.
Op pagina https://www.aalsmeer.nl/ staan onder de kop “Projecten, plannen en beleid” een meerdere blokken met onder andere de koppen “Meedoen in Aalsmeer” en “Masterplan Energie Aalsmeer: aan de slag met de energietransitie”. De koppen bevatten geen content omdat deze direct wordt gevolgd door een kop van hetzelfde niveau. Ook is alle eronder staande content, zoals de datum, verborgen met CSS display:none;. Hetzelfde doet zich voor op de Engelstalige pagina met de blokken onder de kop “Projects, plans and policies”.
Op pagina https://www.aalsmeer.nl/over-deze-website staat onder de kop “RSS-feeds” een opsomming van verschillende RSS-feeds. Deze links horen bij elkaar en moeten daarom opgenomen worden in een opsomming (ul-element).
Op pagina https://www.aalsmeer.nl/rekenkamer-en-auditcommissie staat onder de kop “Leden van de rekenkamer” een tabel. De kolomkoppen zijn hier met het strong-element opgemaakt om ze vetgedrukt weer te geven. Het strong-element is alleen bedoeld om belangrijke woorden die extra nadruk behoeven te markeren. Het is niet bedoeld om koppen vetgedrukt weer te geven. Maak deze kopteksten op met het th-element in plaats van met het td-element en voorzie deze van het attribuut scope=”col”. En verwijder het strong-element. Dezelfde situatie doet zich voor met de tabel onder de kop “Leden van de auditcommissie”. Los dit op dezelfde manier op.
In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” staat op pagina 1 de tekst “Wet maatschappelijke ondersteuning (WMO) in Aalsmeer”. Deze is opgesplitst over twee alinea’s, maar moet samengevoegd worden tot één alinea, omdat deze informatie bij elkaar hoort. Visueel mag het er wel hetzelfde uit blijven zien.
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.
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.
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.
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.
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.
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.
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde.
Uitkomst: Voldoende
Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen.
Uitkomst: Voldoende
De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.
Informatie over succescriterium 1.3.4 Weergavestand.
Uitkomst: Voldoende
Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:
Informatie over succescriterium 1.3.5 Identificeer het doel van de input.
Uitkomst: Onvoldoende
Bevinding: 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”.
Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.
Informatie over succescriterium 1.4.1 Gebruik van kleur.
Uitkomst: Onvoldoende
Bevinding: 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.
Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.
Informatie over succescriterium 1.4.2 Geluidsbediening.
Uitkomst: Niet aanwezig
De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:
Informatie over succescriterium 1.4.3 Contrast (minimum).
Uitkomst: Onvoldoende
Bevinding: 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.
In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” staat op pagina 1 de tekst “in Aalsmeer”. Het contrastverschil tussen deze witte tekst en het lichtgroene blokje is te laag. De contrastverhouding is 1,6:1, maar moet minimaal 3,0:1 zijn voor grote tekst.
In de PDF “Folder Wet maatschappelijke ondersteuning Aalsmeer.pdf” staan op pagina 6 de kopteksten “Zorgaanbieders” en “Eigen bijdrage”. Het contrastverschil tussen deze lichtgroene tekst en de witte achtergrond is te laag. De contrastverhouding is 1,6:1, maar moet hier minimaal 4,5:1 zijn. Deze lichtgroene kopteksten komen door het hele document voor.
Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.
Informatie over succescriterium 1.4.4 Herschalen van tekst.
Uitkomst: Onvoldoende
Bevinding: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan wordt het zoekveld bovenaan elke pagina niet getoond, alleen de zoeken-knop. Als hierop geklikt wordt verschijnt er heel kort in beeld het invoerveld, maar direct daarna wordt de pagina https://www.aalsmeer.nl/zoeken?searchtext= geopend. Dat lijkt niet de bedoeling. Los dit op door ervoor te zorgen dat het invoerveld op de pagina getoond wordt en deze niet automatisch naar de zoekpagina gaat of maak van de knop een link als het de bedoeling is dat naar de zoekpagina wordt genavigeerd.
Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan doet zich het volgende voor: Op onder andere pagina https://www.aalsmeer.nl/toegankelijkheid-van-deze-website staat het pagina-menu “Op deze pagina”. Deze bedekt andere content wanneer deze is geopend. Er kan namelijk buiten dit menu worden getabd. Los dit bijvoorbeeld op door ervoor te zorgen dat dit met de Escape-toets kan worden gesloten, of dat het automatisch sluit als er buiten dit menu wordt getabd of door de content naar beneden te duwen als het menu verschijnt.
Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst.
Uitkomst: Voldoende
Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:
Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.
Informatie over succescriterium 1.4.10 Reflow.
Uitkomst: Onvoldoende
Bevinding: 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.
De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content.
Uitkomst: Onvoldoende
Bevinding: 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.
Op alle pagina’s staan rechts bovenaan de paarse knop “Menu”. Als deze focus krijgt verschijnt er om de knop een groene focusrand. Het contrast tussen de groene rand en de witte achtergrond is te laag. De contrastverhouding is 1,7:1, maar moet minimaal 3,0:1 zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Op pagina https://www.aalsmeer.nl/contact-en-openingstijden staat onder de kop “Contact en openingstijden” de link “Bel: 0297 38 75 75”. Als deze link focus krijgt verschijnt er om de link een groene focusrand. Het contrast van deze rand met de witte achtergrond is te laag. De contrastverhouding is 1,7:1. Dit is onvoldoende en moet minimaal 3,0:1 zijn. Deze link komt ook voor op pagina https://www.aalsmeer.nl/echtscheiding-melden-geregistreerd-partnerschap-beeindigen.
Op pagina https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer staan onderaan in het contentgedeelte twee grijze blokjes met de links “429 resultaten lokale wet- en regelgeving” en “11239 resultaten officiële publicaties”. Als deze links focus krijgen verschijnt er om de links een groene focusrand. Het contrast van deze rand met de grijze achtergrond is te laag. De contrastverhouding is 1,3:1. Dit is onvoldoende en moet minimaal 3,0:1 zijn. Let op: Deze lichtgroene focusrand wordt veelvuldig ingezet. Niet alle situaties waar dit voorkomt zijn hier benoemd. Controleer dit daarom voor alle pagina’s.
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.
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.
Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:
Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.
Informatie over succescriterium 1.4.12 Tekstafstand.
Uitkomst: Onvoldoende
Bevinding: 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.
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.
Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:
Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.
Informatie over succescriterium 1.4.13 Content bij hover of focus.
Uitkomst: Voldoende
Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.
Informatie over succescriterium 2.1.1 Toetsenbord.
Uitkomst: Onvoldoende
Bevinding: 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.
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.
Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.
Informatie over succescriterium 2.1.2 Geen toetsenbordval.
Uitkomst: Voldoende
Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.1.4 Enkel teken sneltoets.
Uitkomst: Voldoende
Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.2.1 Timing aanpasbaar.
Uitkomst: Niet aanwezig
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen.
Uitkomst: Niet aanwezig
Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.
Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde.
Uitkomst: Voldoende
Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.
Informatie over succescriterium 2.4.1 Blokken omzeilen.
Uitkomst: Voldoende
Bevinding: ADVIES: Als je op de skiplink klikt verplaats je naar de content. Op alle pagina’s, behalve pagina https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer, wordt de “Lees voor”-widget overgeslagen. Wees hier consequent in.
Webpagina's hebben titels die het onderwerp of doel beschrijven.
Informatie over succescriterium 2.4.2 Paginatitel.
Uitkomst: Onvoldoende
Bevinding: De paginatitel op pagina https://gemeentenieuwsbrief.email-provider.eu/memberforms/subscribe/standalone/form/?a=re2jctksdg&l=rzxj5co3hr ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.
De PDF “Overzicht aanbod voor ouders en kinderen Aalsmeer.pdf” heeft als documenttitel in de eigenschappen “Overzicht Preventief Jeugdhulp Aanbod 2024”. Dit is niet voldoende. Er moet ook aangegeven worden dat dit om jeugdhulp in Aalsmeer gaat. Vul dit daarom aan met Aalsmeer.
Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.
Informatie over succescriterium 2.4.3 Focus volgorde.
Uitkomst: Onvoldoende
Bevinding: Als op pagina https://www.aalsmeer.nl/projecten-plannen-en-beleid één van de filteropties wordt geactiveerd, bijvoorbeeld de filteroptie “Ontwerp” onder het groepslabel “Kies fase” dan verplaatst de focus zich. Laat de focus op de gekozen checkbox staan om te voorkomen dat bezoekers die gebruikmaken van toetsenbord niet verdwalen op het scherm.
Op alle pagina’s staat rechts bovenaan de knop “Menu”. Als deze wordt geactiveerd blijft de focus op deze knop staan. Dat is niet correct, De focus moet dan worden verplaatst naar of binnen de lightbox. Zolang dit venster openstaat mag de focus ook niet op een element komen buiten dit venster. Als het venster gesloten wordt door buiten het venster te tabben gaat de focus naar de link “Mijn Aalsmeer”. Als het venster gesloten wordt door de Escape-toets te activeren lijkt de focus naar het body-element te gaan. Dit is geen logische volgorde. Als het venster gesloten wordt, moet de focus teruggaan naar de knop “Menu” waarmee het geopend werd. Zie ook succescriterium 4.1.2.
Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.
Informatie over succescriterium 2.4.4 Linkdoel (in context).
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.aalsmeer.nl/nieuwsbrieven staat onder de koppen “Nieuwsbrief Aalsmeer”, “Duurzaam Aalsmeer” en “Visit Aalsmeer” steeds de link “Aanmelden”. Deze link beschrijft onvoldoende het doel ervan. Vul dit daarom aan, zodat duidelijk is om welke nieuwsbrief het gaat. Bij de eerste link zou dat dan kunnen worden “Aanmelden nieuwsbrief Aalsmeer”. Deze aanvulling mag visueel verborgen zijn, omdat visueel wel duidelijk is dat deze link bij de erboven staande kop hoort.
Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.
Informatie over succescriterium 2.4.5 Meerdere manieren.
Uitkomst: Voldoende
Koppen en labels beschrijven het onderwerp of doel.
Informatie over succescriterium 2.4.6 Koppen en labels.
Uitkomst: Onvoldoende
Bevinding: 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.
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/
Op pagina https://www.aalsmeer.nl/criminaliteit-en-ondermijning-melden staat onder de visueel verborgen kop “Laat crimineel geld je handel niet verpesten” een video. Deze bevindt zich binnen een genest iframe-element. Op het eerste iframe-element bevat het title-attribuut alleen een beschrijving van de inhoud van de video, namelijk “Laat crimineel geld je handel niet verpesten”. Dat is niet voldoende. Er moet ook aangegeven worden welk contenttype het betreft, namelijk “video”. Voeg dit alsnog toe aan het title-attribuut. Het geneste iframe-element mist een title-attribuut en daarmee een toegankelijke naam. De meest logische oplossing is hier om de twee iframe-elementen te combineren tot één. Let er dan wel op dat het resterende iframe-element een title-attribuut bevat met een waarde zoals hierboven beschreven.
Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.
Informatie over succescriterium 2.4.7 Focus zichtbaar.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer kan je het menu openen. Het zoekveld blijft vooraan in beeld staan; hierdoor is de focus op een paar items in het menu niet zichtbaar als je er met de tabtoets doorheen navigeert.
Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.
Informatie over succescriterium 2.5.1 Aanwijzergebaren.
Uitkomst: Niet aanwezig
Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.5.2 Aanwijzerannulering.
Uitkomst: Voldoende
Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.
Informatie over succescriterium 2.5.3 Label in naam.
Uitkomst: Onvoldoende
Bevinding: 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.
Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:
Informatie over succescriterium 2.5.4 Bewegingsactivering.
Uitkomst: Niet aanwezig
De standaard menselijke taal van elke webpagina kan door software bepaald worden.
Informatie over succescriterium 3.1.1 Taal van de pagina.
Uitkomst: Voldoende
De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.
Informatie over succescriterium 3.1.2 Taal van onderdelen.
Uitkomst: Onvoldoende
Bevinding: Het volgende doet zich voor als op pagina https://www.aalsmeer.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 opsomming met zoekresultaten. Dit overzicht 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.
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.
Op pagina https://www.aalsmeer.nl/projecten-plannen-en-beleid zijn een aantal filterresultaten Engelstalig, bijvoorbeeld “About gaming, alcohol, and more Information and advice for parents and caregivers about gaming, alcohol, and more”. Dit wijkt af van de hoofdtaal van de pagina (Nederlands). Voorzie deze Engelstalige teksten daarom van de juiste taalcode.
Als in het zoekformulier bovenaan elke pagina bijvoorbeeld de zoekterm “gemeente” wordt ingevoerd, dan verschijnt een overzicht met zoekresultaten. Dit overzicht met het attribuut role=”listbox” heeft als toegankelijke naam de waarde van het div-element erboven met role=”status”. Deze bevat de tekst “Navigate up/down to select results or confirm directly to view all results.”. Dit is een andere taal dan de hoofdtaal van de pagina. Als aan het invoerveld role="combobox" wordt toegekend is het voor de bezoeker met hulpsoftware al duidelijk hoe dit veld werkt met het toetsenbord. Dat maakt de Engelse tekst overbodig.
Als op pagina https://www.aalsmeer.nl/ in de taalkeuzelijst voor “English” is gekozen zijn niet alle Nederlandstalige teksten vertaald naar de Engelse taal. De 5 paarse knoppen op de homepage zitten in een opsomming genaamd "Geaccentueerd onderwerpen" en op de opsomming startend met “driving licence, passport and identity card” staat het attribuut aria-label met de waarde “Andere onderwerpen”. Dit wordt voorgelezen als de focus op het eerste opsommingsitem komt. Deze taal wijkt af van de hoofdtaal van de pagina. De beste oplossing is hier om deze tekst om te zetten naar Engelstalige tekst; ook kan gekozen worden om de tekst hier weg te laten als duidelijk is wat de opsomming omvat.
Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.
Informatie over succescriterium 3.2.1 Bij focus.
Uitkomst: Voldoende
Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.
Informatie over succescriterium 3.2.2 Bij input.
Uitkomst: Voldoende
Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.
Informatie over succescriterium 3.2.3 Consistente navigatie.
Uitkomst: Voldoende
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.
Informatie over succescriterium 3.2.4 Consistente identificatie.
Uitkomst: Voldoende
Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.
Informatie over succescriterium 3.3.1 Foutidentificatie.
Uitkomst: Voldoende
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
Informatie over succescriterium 3.3.2 Labels of instructies.
Uitkomst: Voldoende
Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.
Informatie over succescriterium 3.3.3 Foutsuggestie.
Uitkomst: Voldoende
Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:
Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens).
Uitkomst: Niet aanwezig
In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.
Informatie over succescriterium 4.1.1 Parsen.
Uitkomst: Voldoende
Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.
Informatie over succescriterium 4.1.2 Naam, rol, waarde.
Uitkomst: Onvoldoende
Bevinding: Op alle pagina’s staat bovenaan de pagina een zoekformulier. Als daar wat ingetikt wordt, bijvoorbeeld “gemeente” verschijnt er een lijst met zoekresultaten. Dit is niet helemaal correct opgemaakt. Om dit goed te laten werken moet het zoekveld opgemaakt worden als een combobox met role=”combobox”. Dat is nu niet het geval. Deze rol staat nu op een omliggend element, en dat werkt niet. Het invoerveld is wel al voorzien van de attributen ‘aria-autocomplete’ en ‘aria-owns’. Let op: het is beter om in plaats van het attribuut ‘aria-owns’ het attribuut ‘aria-controls’ te gebruiken, omdat dit beter wordt ondersteund door verschillende browsers. Dezelfde situatie doet zich voor met het zoekformulier onder de kop “Zoeken” op https://www.aalsmeer.nl/zoeken?searchtext=aalsmeer.
Op pagina https://www.aalsmeer.nl/criminaliteit-en-ondermijning-melden staat onder de visueel verborgen kop “Laat crimineel geld je handel niet verpesten” een video. Deze bevindt zich binnen een genest iframe-element. Het geneste iframe-element mist een toegankelijke naam. Zie voor een oplossing hiervan SC 2.4.6.
Op alle pagina’s staat bovenin de knop “Menu”. Als deze knop wordt geactiveerd verschijnt er een lightbox (dialoogvenster) met daarin het menu. Dit venster mist onder andere een rol en een naam. Voorzie dit venster van de attributen role=”dialog” en aria-modal=”true” om aan te geven dat het een dialoogvenster is en tevens dat de achterliggende content niet beschikbaar is voor interactie. Voorzie dit interactieve element van een toegankelijke naam, bijvoorbeeld “Hoofdmenu”. Gebruik hiervoor bijvoorbeeld het attribuut aria-label.
Op alle pagina’s staat bovenin een keuzelijst voor het selecteren van een taal. Deze is opgemaakt met de rollen role=”combobox” en role=”listbox”. De rol=combobox staat op de verkeerde plek; immers binnen de combobox staat een a-element waardoor interactieve functies zijn genest. Dit is overbodig. Controleer de hele functionaliteit nog eens goed zodat attributen op de correcte plek staan.
Op alle pagina’s staat bovenin de knop “Menu”. Deze is bedoeld om een lightbox te openen en te sluiten. Op deze knop is het attribuut aria-expanded geplaatst, om aan te geven of de lightbox geopend dan wel gesloten is. In combinatie met een modal lightbox is dit geen werkbare situatie. Dit komt omdat, zodra de lightbox geopend is, de focus in de lightbox moet staan en niet op de "Menu"-knop. De focus moet vervolgens binnen de lightbox blijven tot deze gesloten wordt. Hierdoor is deze knop dus niet meer beschikbaar om de lightbox te sluiten. Dit kan worden opgelost door binnen de lightbox een knop toe te voegen om de lightbox te sluiten.
In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.
Informatie over succescriterium 4.1.3 Statusberichten.
Uitkomst: Onvoldoende
Bevinding: 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.
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.
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.