Rapport in PDF

Onderzoek toegankelijkheid gca-almere.nl - hertoetsing (versie 1.2)

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?

Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. 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 50 criteria onder WCAG 2.1 A en AA. Wanneer aan een criterium niet wordt voldaan, worden hiervan een of meer voorbeelden gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten 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
2 mei 2022

Managementsamenvatting

Dit onderzoek is een hertoetsing na het eerste onderzoek op 30 december 2021. Issues die zijn opgelost, zijn uit het rapport weggehaald.

Uit dit onderzoek blijkt dat wordt voldaan aan 42 van de 50 criteria voor toegankelijkheid (dit waren er 32 in het eerste onderzoek). Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.

Positieve punten: zo is de informatie bijvoorbeeld niet alleen van kleur afhankelijk, dit is van belang voor kleurenblinden. Ook kunnen er bepaalde stijlkenmerken worden toegepast, zoals een grotere regelafstand, en dan is er geen verlies van content of functionaliteit. Dit kan bijvoorbeeld van belang zijn voor mensen met dyslexie. Ook is de standaardtaal van de pagina's goed ingesteld, hierdoor kan voorleessoftware de tekst op de juiste manier voorlezen.

Negatieve punten: er zitten met name nog wat problemen in de PDF en de video. De PDF heeft geen goede alternatieve teksten en geen kopopmaak. De video mist audiodescriptie. Ook staat er op de homepage nog een infographic waarvoor geen (visuele) tekstuele beschrijving wordt geboden.

Opmerking: tijdens de hertoetsing worden onderdelen uit de sample die verdwenen zijn (zoals de video) vervangen door een vergelijkbaar onderdeel/pagina.

Scope van de evaluatie

Website naam
gca-almere.nl
Scope van de website
Alle pagina's op https://gca-almere.nl/.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 50 van 50 WCAG 2.1 AA Success Criteria.

Alle resultaten

1 Waarneembaar

1.1 Tekstalternatieven
Success Criterium Uitkomst Bevindingen
1.1.1: Niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Home

Uitkomst: Voldoende

PDF

Uitkomst: Onvoldoende

Home

Opmerking hertoetsing: de infographic heeft nu een erg lange alt-tekst (meer dan 300 karakters). Houd alt-teksten kort en bondig.

PDF

Op pagina 1 van het pdf-document “Folder training (..)” staat een logo met tekst “Natuurvezel Academie”. De naam van deze trainingsinstituut komt nergens anders op deze pagina voor. Deze informatie moet ook toegankelijk worden gemaakt door middel van beschrijving. De beschrijving bestaat uit een reeks cijfers en letters. Vervang deze beschrijving door de tekst op het logo. Dit logo komt ook op pagina 2 voor. Onderaan deze pagina staat een logo van “Natuurvezel applicatie centrum”. Dit logo heeft een bestandsnaam als beschrijving. Dit voldoet evenmin. Vervang deze beschrijving door de tekst op het logo. De drie groene secties in dit document hebben de groene achtergrondkleur gekregen van afbeeldingen. Deze decoratieve afbeeldingen zijn met ‘figure’ tags toegevoegd. Deze tags zijn gereserveerd voor informatieve afbeeldingen en moeten voorzien zijn van beschrijvingen. De decoratieve afbeeldingen moeten als decoratief worden aangemerkt en mogen niet in de tags structuur voorkomen.

1.2 Op tijd gebaseerde media
Success Criterium Uitkomst Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample

Uitkomst: Voldoende
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Onvoldoende

Video (vervangende pagina)

Uitkomst: Onvoldoende

Video (vervangende pagina)

In deze video komen verschillende sprekers aan het woord. Wie deze sprekers zijn en wat hun functie is, wordt niet aan een blinde gebruiker gecommuniceerd omdat deze informatie alleen als tekst in beeld komt. Voor deze visuele informatie moet een alternatief geboden worden voor mensen die blind zijn. Dit kan voor dit succescriterium door een volledig transscript in tekst aan te bieden waar alle (visuele en auditieve) informatie uit de video in zit.

1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample

Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample

Uitkomst: Onvoldoende

Video (vervangende pagina)

Uitkomst: Onvoldoende

Video (vervangende pagina)

In deze video komen verschillende sprekers aan het woord. Wie deze sprekers zijn en wat hun functie is, wordt niet aan een blinde gebruiker gecommuniceerd omdat deze informatie alleen als tekst in beeld komt. Voor deze visuele informatie moet een alternatief geboden worden voor mensen die blind zijn. Om te voldoen aan niveau AA moet dit in de video zelf aangeboden worden door een audiodescriptie te geven voor alle visuele informatie. Die kan door dit in het bestaande audiospoor op te nemen, of door dit in een apart audiospoor erbij te plaatsen.
1.3 Aanpasbaar
Success Criterium Uitkomst Bevindingen
1.3.1: Info en relaties
Hele sample

Uitkomst: Onvoldoende

PDF

Uitkomst: Onvoldoende

PDF

In de tags structuur van dit pdf-document komt niet een koptekst voor. Visueel zijn er koppen aanwezig, maar deze structuur wordt niet aan een blinde gebruiker gecommuniceerd. Alle teksten in dit document zijn opgemaakt als paragrafen.

1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample

Uitkomst: Voldoende
1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Voldoende
1.4 Onderscheidbaar
Success Criterium Uitkomst Bevindingen
1.4.1: Gebruik van kleur
Hele sample

Uitkomst: Voldoende
1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Onvoldoende

Video (vervangende pagina)

Uitkomst: Onvoldoende

Video (vervangende pagina)

De ondertiteling in deze video heeft te weinig contrast (wit op groen). Doordat deze ondertiteling ingebed is in de vidoe, kan de gebruiker de kleuren hiervan ook niet zelf aanpassen.
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Onvoldoende

Home

Uitkomst: Onvoldoende

Home

Op de homepage staat een infographic waarin het proces van grondstoffenreductie en besparing is uitgetekend. Deze afbeelding bevat tekst die door iemand die slechtziend is niet met een eigen Stylesheet is aan te passen. Dat kan alleen als de tekst zichtbaar als gewone tekst op de pagina staat. Als de tekst in de afbeelding ook als gewone tekst er direct boven staat of onder, dan mag je dat als 'alternatief' beschouwen. Dat is dan dezelfde informatie en die is wel met een eigen stylesheet te bewerken, zodat iemand die slechtziend is de informatie dus wel tot zich kan nemen.
1.4.10: Reflow
Hele sample

Uitkomst: Voldoende
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Voldoende
1.4.12: Tekstafstand
Hele sample

Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Voldoende

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Voldoende
2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample

Uitkomst: Voldoende
2.2 Genoeg tijd
Success Criterium Uitkomst Bevindingen
2.2.1: Timing aanpasbaar
Hele sample

Uitkomst: Niet van toepassing
2.2.2: Pauzeren, stoppen, verbergen
Hele sample

Uitkomst: Niet van toepassing
2.3 Toevallen en fysieke reacties
Success Criterium Uitkomst Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample

Uitkomst: Niet van toepassing
2.4 Navigeerbaar
Success Criterium Uitkomst Bevindingen
2.4.1: Blokken omzeilen
Hele sample

Uitkomst: Voldoende
2.4.2: Paginatitel
Hele sample

Uitkomst: Onvoldoende

PDF

Uitkomst: Onvoldoende

PDF

In de metadata van pdf-document https://gca-almere.nl/site/wp-content/uploads/2021/03/Folder-training-circulair-biobased-infra-2021-Almere-1.pdf is de titel niet ingesteld. De titel dient een korte beschrijving van de inhoud van het bestand te zijn. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Dit kan worden ingesteld via de bestandseigenschappen.

2.4.3: Focus volgorde
Hele sample

Uitkomst: Voldoende
2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Onvoldoende

Project Bereklauw

Uitkomst: Onvoldoende

Project Bereklauw

Elk bericht heeft een “lees meer” link. Deze tekst geeft onvoldoende inzicht in het doel van elke link. Gebruikers van hulpsoftware vragen vaak lijsten op van links op de pagina. Wanneer deze teksten geen duidelijke informatie geven, heeft een blinde gebruiker nog steeds geen overzicht. Hier kan verborgen tekst uitkomst bieden. Deze tekst kan alleen voor hulpsoftware zichtbaar worden gemaakt met bijvoorbeeld CSS clip methode.

2.4.5: Meerdere manieren
Hele sample

Uitkomst: Voldoende
2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample

Uitkomst: Voldoende
2.5 Input Modaliteiten
Success Criterium Uitkomst Bevindingen
2.5.1: Aanwijzergebaren
Hele sample

Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample

Uitkomst: Voldoende
2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet van toepassing

3 Begrijpelijk

3.1 Leesbaar
Success Criterium Uitkomst Bevindingen
3.1.1: Taal van de pagina
Hele sample

Uitkomst: Voldoende
3.1.2: Taal van onderdelen
Hele sample

Uitkomst: Voldoende
3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Voldoende
3.2.2: Bij input
Hele sample

Uitkomst: Voldoende
3.2.3: Consistente navigatie
Hele sample

Uitkomst: Voldoende
3.2.4: Consistente identificatie
Hele sample

Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium Uitkomst Bevindingen
3.3.1: Foutidentificatie
Hele sample

Uitkomst: Voldoende
3.3.2: Labels of instructies
Hele sample

Uitkomst: Voldoende
3.3.3: Foutsuggestie
Hele sample

Uitkomst: Voldoende
3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Niet van toepassing

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.1: Parsen
Hele sample

Uitkomst: Voldoende
4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Voldoende
4.1.3: Statusberichten
Hele sample

Uitkomst: Voldoende

Sample met getoetste webpagina's

  1. Home - https://gca-almere.nl/
  2. Over GCA - https://gca-almere.nl/over-gca/
  3. Project Bereklauw - https://gca-almere.nl/project/bereklauw/
  4. Contact - https://gca-almere.nl/contact/
  5. Uitdagingen - https://gca-almere.nl/uitdagingen/
  6. Floriadebruggen - https://gca-almere.nl/floriadebruggen-rondje-weerwater-en-beverbrug-gereed/
  7. Nieuws - https://gca-almere.nl/nieuws/
  8. Evenementen - https://gca-almere.nl/evenementen/
  9. Partners - https://gca-almere.nl/partners/
  10. Media - https://gca-almere.nl/media/
  11. Flyers - https://gca-almere.nl/media/flyers/
  12. Video - https://gca-almere.nl/de-circulaire-bruggen-rondje-weerwater-en-beverbrug-zijn-volop-in-aanbouw/
  13. PDF - https://gca-almere.nl/site/wp-content/uploads/2021/03/Folder-training-circulair-biobased-infra-2021-Almere-1.pdf
  14. Voorlichting en ontwikkeling natuurvezelproducten (vervangende pagina) - https://gca-almere.nl/voorlichting-en-ontwikkeling-van-nieuwe-natuurvezel-gebaseerde-materialen-en-producten/
  15. Video (vervangende pagina) - https://gca-almere.nl/tiny-house-van-almeers-plastic-afval/
  16. Project Groen Beton - https://gca-almere.nl/project/groen-beton/
  17. Foto's - https://gca-almere.nl/media/fotos/

Webtechnologie

HTML,CSS,WAI-ARIA,JavaScript,PDF

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek: