Deelonderzoek content stadsgesprekken.almere.nl
Inleiding
Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?
De Web Content Accessibility Guidelines (WCAG) versie 2.1 AA is het verplichte niveau onder de Europese standaard EN 301 549 en de European Accessibility Act. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.
Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle voor dit onderzoek relevante WCAG criteria. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.
De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).
Over deze evaluatie
- Rapport auteur
- Janita Top
- Evaluatie opdrachtgever
- Gemeente Almere
- Evaluatiedatum
- 13 juli 2026
Managementsamenvatting
Dit rapport bevat het deelonderzoek content. In combinatie met een deelonderzoek techniek vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 18 van de 26 content-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.
Positief is bijvoorbeeld dat er geen zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat er geen afbeeldingen van tekst worden gebruikt en dat de taal van de pagina’s goed is ingesteld.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
- Onjuiste of missende alt-teksten bij afbeeldingen
- Onjuist opgemaakte koppen
- Te laag contrast van tekst
Scope van de evaluatie
- Website naam
- stadsgesprekken.almere.nl
- Scope van de website
- Alle pagina's op https://stadsgesprekken.almere.nl/.
- WCAG Versie
- 2.2
- Conformiteitsdoel
- AA
- Basisniveau van toegankelijkheid-ondersteuning
- Gangbare webbrowsers en hulpapparatuur.
- Verdere onderzoeksvereisten
- Niet ingevuld
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 26 van 55 WCAG 2.2 AA Success Criteria.
- 13 Voldoende
- 8 Onvoldoende
- 5 Niet van toepassing
- 29 Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.1.1: Niet-tekstuele content | Hele sampleUitkomst: Onvoldoende HomepageUitkomst: Onvoldoende Over dit platformUitkomst: Onvoldoende Project Ontwikkeling De EtalageUitkomst: Onvoldoende Project Tijdelijke inrichting Schrijverstraat en busbaanoversteekUitkomst: Onvoldoende Afgerond project LeeghwaterhofUitkomst: Onvoldoende | HomepageBovenaan de pagina staan 2 projecten met grote foto’s er naast. Deze foto’s hebben als alternatieve tekst ‘placeholder’. Geef deze foto’s een goede beschrijving. Over dit platformBovenaan het artikel staat een bannerafbeelding. Deze afbeelding heeft geen alt-attribuut. Screenreader gebruikers weten niet wat voor afbeelding dit is, en krijgen mogelijk de bestandsnaam voorgelezen. Voeg hier bij voorkeur een lege alt-tekst toe, omdat het een decoratieve afbeelding betreft. Project Ontwikkeling De EtalageBij de projectbeschrijving staat een kaart en een infographic. Beide hebben een lege alt-tekst, maar bevatten wel informatie. Geef bij de kaart een korte omschrijving in de alt-tekst en bij de infographic een korte omschrijving in de alt-tekst en een volledig tekstalternatief van wat er in de infographic staat. Project Tijdelijke inrichting Schrijverstraat en busbaanoversteekBij de projectbeschrijving staat een infographic met alleen een samenvattende alt-tekst ‘Stappen van het proces’. Voeg een langere beschrijving toe waarin ook de stappen worden uitgeschreven die in de afbeelding staan. Afgerond project LeeghwaterhofBij de projectbeschrijving staat een afbeelding van een kaart. Deze afbeelding heeft geen alt-attribuut. Voeg een korte omschrijving van de kaart toe in een alt-tekst. |
1.2 Op tijd gebaseerde media
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen) | Hele sampleUitkomst: Niet van toepassing | |
| 1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen) | Hele sampleUitkomst: Voldoende | |
| 1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen) | Hele sampleUitkomst: Onvoldoende Project Praat mee over opgroeien en lerenUitkomst: Onvoldoende | Project Praat mee over opgroeien en lerenIn de video ‘Hoe ondersteunen we de jongeren in het onderwijs? - JAMES - ALMERE 2050‘ komt informatie in beeld die niet wordt uitgesproken, zoals namen en leeftijden en een aftiteling/colofon. Mensen die deze teksten niet kunnen zien, krijgen deze informatie niet mee. Behalve audiodescriptie kan deze informatie (onder dit niveau A criterium) ook via een alternatief worden aangeboden, zoals een uitgeschreven tekst onder de video. |
| 1.2.4: Ondertitels voor doven en slechthorenden (live) | Hele sampleUitkomst: Niet van toepassing | |
| 1.2.5: Audiodescriptie (vooraf opgenomen) | Hele sampleUitkomst: Onvoldoende Project Praat mee over opgroeien en lerenUitkomst: Onvoldoende | Project Praat mee over opgroeien en lerenIn de video ‘Hoe ondersteunen we de jongeren in het onderwijs? - JAMES - ALMERE 2050‘ komt informatie in beeld die niet wordt uitgesproken, zoals namen en leeftijden en een aftiteling/colofon. Onder dit niveau AA kan niet worden volstaan met een alternatief, maar is audiodescriptie vereist. |
1.3 Aanpasbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.3.1: Info en relaties | Hele sampleUitkomst: Onvoldoende HomepageUitkomst: Onvoldoende Over dit platformUitkomst: Onvoldoende Veelgestelde vragenUitkomst: Onvoldoende ProfielUitkomst: Onvoldoende Project Herinrichting Stadhuisplein en Grote MarktUitkomst: Onvoldoende Project Praat mee over opgroeien en lerenUitkomst: Onvoldoende PDF Toelichting LeeghwaterhofUitkomst: Onvoldoende | HomepageDe koppenstructuur op de pagina is niet logisch opgebouwd. Er is een h1-kop van het project ‘Tijdelijke inrichting Schrijverstraat en busbaanoversteek’, waaronder h3-koppen vallen van andere projecten. Deze koppen lijken nu bij dit project te horen, evenals de rest van de pagina. Zie screenshot 1. Logischer zou zijn om de projecten een h2-kop te geven en daarna boven de overige projecten een (verborgen) h2-kop met iets als ‘Meer recente projecten’. Over dit platformOp deze pagina staan visueel 2 tussenkopjes. Deze zijn echter niet als kop opgemaakt, maar als lijsten met maar 1 list item. Dit is verwarrend voor screenreadergebruikers. Aangeraden wordt om hier h2-kopjes te gebruiken en geen lijsten. Veelgestelde vragenDe vragen staan visueel opgemaakt als kopjes, maar in de code staan ze opgemaakt met het strong-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreader gebruikers die navigeren via koppen missen deze nu. Maak hier kopelementen van zoals h2. Dit komt op meerdere pagina’s voor, zoals binnen de projectbeschrijving van Project Herinrichting Stadhuisplein en Grote Markt. Let ook op de hiërarchie: bijvoorbeeld op de pagina Project Ontwikkeling De Etalage springt het niveau van h1 meteen naar h3, waarna er nog tussenkopjes komen (opgemaakt met het b-element, dat hier ook niet voor bedoeld is). Zie screenshot 2. ProfielDe checkboxes voor de meldingen hebben geen label. Zie screenshot 4. Project Herinrichting Stadhuisplein en Grote MarktDe eerste paragraaf is opgemaakt met het strong-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreaders kunnen deze teksten op een andere manier voorlezen. Gebruik CSS om deze paragraaf anders te stylen. Project Praat mee over opgroeien en lerenOnder de ‘kop’ Bijdragen bezoekers – Leren en opgroeien staan visueel meerdere lijsten. In de code zijn dit echter paragrafen met extra witruimte. Zie screenshot 3. Dit is verwarrend voor screenreadergebruikers. Maak hier lijsten van via de CMS-functie voor lijsten. Op deze pagina staan ook veel kopjes niet als kopelement opgemaakt. PDF Toelichting LeeghwaterhofDe 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. |
| 1.3.2: Betekenisvolle volgorde | Hele sampleUitkomst: Voldoende | |
| 1.3.3: Zintuiglijke eigenschappen | Hele sampleUitkomst: Voldoende | |
| 1.3.4: Weergavestand | Hele sampleUitkomst: Niet getoetst | |
| 1.3.5: Identificeer het doel van de input | Hele sampleUitkomst: Niet getoetst |
1.4 Onderscheidbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.4.1: Gebruik van kleur | Hele sampleUitkomst: Voldoende PDF Toelichting LeeghwaterhofUitkomst: Voldoende | PDF Toelichting LeeghwaterhofOpmerking: In de kaarten op pagina 8 wordt het gebied alleen met kleur aangegeven: ‘Ligging plangebied (plangebied rood omlijnd)’. Een rode lijn op een groene achtergrond is voor kleurenblinden vaak niet goed zichtbaar. Het contrast is ook te laag: 1.8:1. Geef een gebied bij voorkeur (ook) op een andere manier aan, bijvoorbeeld met een andere arcering. Dit komt ook voor in de eerste video op de pagina Afgerond project Leeghwaterhof, waarin verwezen wordt naar de gele vlakken voor parkeerplaatsen. NB: Dit is een opmerking, omdat er een uitzondering is voor kaarten in de Nederlandse wetgeving. |
| 1.4.2: Geluidsbediening | Hele sampleUitkomst: Niet getoetst | |
| 1.4.3: Contrast (minimum) | Hele sampleUitkomst: Onvoldoende HomepageUitkomst: Onvoldoende Project Ontwikkeling De EtalageUitkomst: Onvoldoende | Hele sampleBevindingen: Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden. De turkooise knoppen met witte tekst zoals de inloggen knop in de header (3.1:1). Deze kleurencombinatie komt op meerdere plekken voor, zoals bij de koppen van de projecten op hover. HomepageDe witte tekst boven de headerfoto (2.2:1). Project Ontwikkeling De EtalageDe gele, lichtgroene en paarse teksten in de infographic. |
| 1.4.4: Herschalen van tekst | Hele sampleUitkomst: Niet getoetst | |
| 1.4.5: Afbeeldingen van tekst | Hele sampleUitkomst: Voldoende | |
| 1.4.10: Reflow | Hele sampleUitkomst: Niet getoetst | |
| 1.4.11: Contrast van niet-tekstuele content | Hele sampleUitkomst: Voldoende | |
| 1.4.12: Tekstafstand | Hele sampleUitkomst: Niet getoetst | |
| 1.4.13: Content bij hover of focus | Hele sampleUitkomst: Niet getoetst |
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.1.1: Toetsenbord | Hele sampleUitkomst: Niet getoetst | |
| 2.1.2: Geen toetsenbordval | Hele sampleUitkomst: Niet getoetst | |
| 2.1.4: Enkel teken sneltoetsen | Hele sampleUitkomst: Onvoldoende Project Tijdelijke inrichting Schrijverstraat en busbaanoversteekUitkomst: Onvoldoende | Project Tijdelijke inrichting Schrijverstraat en busbaanoversteekOp deze pagina wordt gebruik gemaakt van een videospeler. Binnen deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken. Een oplossing is om de embedcode van de YouTube video aanpassen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Dus op deze manier: src="https://www.youtube.com/embed/_XXXXXXXXXX?disablekb=1" Zie ook https://developers.google.com/youtube/player_parameters#disablekb Dit komt op meerdere pagina’s voor. |
2.2 Genoeg tijd
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.2.1: Timing aanpasbaar | Hele sampleUitkomst: Niet getoetst | |
| 2.2.2: Pauzeren, stoppen, verbergen | Hele sampleUitkomst: Niet getoetst |
2.3 Toevallen en fysieke reacties
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.3.1: Drie flitsen of beneden drempelwaarde | Hele sampleUitkomst: Voldoende |
2.4 Navigeerbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.4.1: Blokken omzeilen | Hele sampleUitkomst: Niet getoetst | |
| 2.4.2: Paginatitel | Hele sampleUitkomst: Voldoende | |
| 2.4.3: Focus volgorde | Hele sampleUitkomst: Niet getoetst | |
| 2.4.4: Linkdoel (in context) | Hele sampleUitkomst: Onvoldoende HomepageUitkomst: Onvoldoende | HomepageEr zijn meerdere links op de pagina met de tekst ‘Denk mee’. Gebruikers van hulpsoftware vragen vaak lijsten op van links op de pagina. Wanneer deze teksten geen duidelijke informatie geven kunnen ze niks met deze links. Voeg teksten toe aan de link die duidelijk maken waar het precies om gaat, zodat de diverse links van elkaar te onderscheiden zijn. Dit kan met een extra tekst in de link, eventueel met CSS verborgen, of via een aria-labelledby verwijzing naar een tekst elders op de pagina. Zie voor meer info https://www.w3.org/TR/WCAG20-TECHS/ARIA7.html. |
| 2.4.5: Meerdere manieren | Hele sampleUitkomst: Voldoende | |
| 2.4.6: Koppen en labels | Hele sampleUitkomst: Voldoende | |
| 2.4.7: Focus zichtbaar | Hele sampleUitkomst: Niet getoetst | |
| 2.4.11: Focus Not Obscured (Minimum) | Hele sampleUitkomst: Niet getoetst |
2.5 Input Modaliteiten
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.5.1: Aanwijzergebaren | Hele sampleUitkomst: Niet getoetst | |
| 2.5.2: Aanwijzerannulering | Hele sampleUitkomst: Niet getoetst | |
| 2.5.3: Label in naam | Hele sampleUitkomst: Voldoende | |
| 2.5.4: Bewegingsactivering | Hele sampleUitkomst: Niet getoetst | |
| 2.5.7: Dragging Movements | Hele sampleUitkomst: Niet getoetst | |
| 2.5.8: Target Size (Minimum) | Hele sampleUitkomst: Niet getoetst |
3 Begrijpelijk
3.1 Leesbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.1.1: Taal van de pagina | Hele sampleUitkomst: Onvoldoende PDF Toelichting LeeghwaterhofUitkomst: Onvoldoende | PDF Toelichting LeeghwaterhofHet 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. |
| 3.1.2: Taal van onderdelen | Hele sampleUitkomst: Niet van toepassing |
3.2 Voorspelbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.2.1: Bij focus | Hele sampleUitkomst: Niet getoetst | |
| 3.2.2: Bij input | Hele sampleUitkomst: Niet getoetst | |
| 3.2.3: Consistente navigatie | Hele sampleUitkomst: Niet getoetst | |
| 3.2.4: Consistente identificatie | Hele sampleUitkomst: Voldoende | |
| 3.2.6: Consistent Help | Hele sampleUitkomst: Niet getoetst |
3.3 Assistentie bij invoer
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.3.1: Foutidentificatie | Hele sampleUitkomst: Niet van toepassing | |
| 3.3.2: Labels of instructies | Hele sampleUitkomst: Voldoende | |
| 3.3.3: Foutsuggestie | Hele sampleUitkomst: Niet van toepassing | |
| 3.3.4: Foutpreventie (wettelijk, financieel, gegevens | Hele sampleUitkomst: Niet getoetst | |
| 3.3.7: Redundant Entry | Hele sampleUitkomst: Niet getoetst | |
| 3.3.8: Accessible Authentication (Minimum) | Hele sampleUitkomst: Niet getoetst |
4 Robuust
4.1 Compatibel
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 4.1.2: Naam, rol, waarde | Hele sampleUitkomst: Niet getoetst | |
| 4.1.3: Statusberichten | Hele sampleUitkomst: Niet getoetst |
Sample
- Homepage - https://stadsgesprekken.almere.nl/nl-NL/
- Over dit platform - https://stadsgesprekken.almere.nl/nl-NL/pages/information
- Veelgestelde vragen - https://stadsgesprekken.almere.nl/nl-NL/pages/faq
- Profiel - https://stadsgesprekken.almere.nl/nl-NL/profile/edit
- Project Herinrichting Stadhuisplein en Grote Markt - https://stadsgesprekken.almere.nl/nl-NL/projects/herinrichting-stadhuisplein-en-grote-markt
- Project Ontwikkeling De Etalage - https://stadsgesprekken.almere.nl/nl-NL/projects/de-etalage
- Project Tijdelijke inrichting Schrijverstraat en busbaanoversteek - https://stadsgesprekken.almere.nl/nl-NL/projects/tijdelijkeinrichtingschrijverstraat
- Project Praat mee over opgroeien en leren - https://stadsgesprekken.almere.nl/nl-NL/projects/praat-mee-over-opgroeien-en-leren/1
- PDF Toelichting Leeghwaterhof - Toelichting Barracudastraat - Snoekstraat_concept_W.pdf
- Afgerond project Eiland Isla Bonita - https://stadsgesprekken.almere.nl/nl-NL/projects/isla-bonita
- Afgerond project Leeghwaterhof - https://stadsgesprekken.almere.nl/nl-NL/projects/leeghwaterhof
Technologie
HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF,DOM
Onderbouwing van de evaluatie
Gebruikte systemen tijdens het onderzoek:
- Chrome 149 en Safari 26.5 met Voiceover op Mac 26.5.1
- Adobe Acrobat Pro DC 2026.001.21691 op Mac 26.5.1



