Rapport in PDF

Deelonderzoek content sportencultuur.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?

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, 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
10 oktober 2024

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 16 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 er niet enkel kleur wordt gebruikt om betekenis over te brengen, dat invoervelden duidelijke labels hebben dat er een consistente identificatie aanwezig is.

Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:

  • Onjuiste of missende alt-teksten bij afbeeldingen
  • Niet alle links hebben een duidelijk doel
  • Te laag contrast van tekst (bij de nieuwsbrief)

Scope van de evaluatie

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

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 26 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

Activiteit Meer bewegen voor ouderen

Uitkomst: Voldoende

Hiphop activiteiten

Uitkomst: Onvoldoende

PDF Handleiding Sport en Cultuur in Almere

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

De alternatieve tekst van het logo bovenaan de site is niet helemaal correct. De zichtbare tekst is ‘ Gemeente Almere Sport en cultuur’. De alt-tekst luidt ‘Logo Sport en Cultuur in Almere’. Screenreader gebruikers krijgen nu andere informatie dan ziende gebruikers. Zorg dat deze teksten overeenkomen.

Activiteit Meer bewegen voor ouderen

Opmerking: bij het overzicht staan iconen zoals een klokje. Deze hebben een verborgen tekst voor screenreaders en een title attribuut. Sommige screenreaders lezen dit nu dubbel voor. Het title attribuut kan daarom beter worden weggelaten

Hiphop activiteiten

Bij de filter link ‘hiphop’ staat een kruis-icoon die duidelijk maakt dat je dit filter hiermee kunt verwijderen. Dit icoon heeft geen alternatieve tekst. Voeg bijvoorbeeld een verborgen screenreader tekst toe of een aria-label met ‘hiphop verwijderen’.

PDF Handleiding Sport en Cultuur in Almere

De afbeeldingen van de schermen hebben automatisch gegenereerde alternatieve teksten, die weinig informatief zijn. Geef de afbeeldingen een correcte alternatieve tekst.
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: Niet van toepassing
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample

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

Uitkomst: Niet van toepassing
1.3 Aanpasbaar
Success Criterium Uitkomst Bevindingen
1.3.1: Info en relaties
Hele sample

Uitkomst: Onvoldoende

Veelgestelde vragen partners

Uitkomst: Onvoldoende
Veelgestelde vragen partners

De kopjes van de vragen worden in de code opgemaakt met het strong-element in plaats van met kopelementen. Screenreader gebruikers die navigeren via koppen missen deze nu. Maak hier bijvoorbeeld h3-koppen van. Ook staan hier veel lege paragrafen. Deze kunnen beter worden verwijderd.
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Onvoldoende

Activiteiten (ingelogd)

Uitkomst: Onvoldoende
Activiteiten (ingelogd)

Er wordt gebruik gemaakt van zintuiglijke eigenschappen om een status duidelijk te maken, namelijk het verschil tussen concept of gepubliceerd via transparantie. Dit onderscheid kan niet iedereen maken. Gebruik bijvoorbeeld een tekst bij de activiteit om deze status aan te geven. Het gaat om deze uitleg: ‘Een activiteit die zojuist is ingevoerd staat nog verborgen voor het publiek. In dit overzicht worden deze verborgen activiteiten grijs (op 70%) getoond. De redactie gaat elke activiteit die je plaatst eerst nalopen. Als er vragen zijn wordt je daarover gemaild. Zijn er geen vragen dan wordt de activiteit opengezet voor het publiek. In dit overzicht wordt die activiteit dan op 100% helderheid getoond, zonder vervaging.’ (Ik zie zelf ook geen transparantie, is dit nog van de oude website?)
1.3.4: Weergavestand
Hele sample

Uitkomst: Niet getoetst
1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Niet getoetst
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 getoetst
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Onvoldoende

Contact

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

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.

Contact
  • De knop met ‘subscribe’ om je in te schrijven voor de nieuwsbrief (2.32:1).
  • De foutmelding (rood, 3.4:1).
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Niet getoetst
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Voldoende
1.4.10: Reflow
Hele sample

Uitkomst: Niet getoetst
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Aanmelden partners

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

Aanmelden partners

De randen van de invoervelden (1.4:1).
1.4.12: Tekstafstand
Hele sample

Uitkomst: Niet getoetst
1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Niet getoetst

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Niet getoetst
2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Niet getoetst
2.1.4: Enkel teken sneltoetsen
Hele sample

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

Uitkomst: Niet getoetst
2.2.2: Pauzeren, stoppen, verbergen
Hele sample

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

Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium Uitkomst Bevindingen
2.4.1: Blokken omzeilen
Hele sample

Uitkomst: Niet getoetst
2.4.2: Paginatitel
Hele sample

Uitkomst: Voldoende
Hele sample

Bevindingen:

Opmerking: binnen activiteiten zijn de paginatitels vrij algemeen, zoals ‘activiteiten’ en ‘activiteit (detail)’. Wanneer je meerdere activiteiten open hebt staan, is het daardoor lastiger om te navigeren. Het zou beter zijn als de paginatitels de specifieke activiteit weergeven, bijvoorbeeld ‘Meer Bewegen Voor Ouderen - Muziekwijk‘.
2.4.3: Focus volgorde
Hele sample

Uitkomst: Niet getoetst
Hele sample

Bevindingen:

Technische bevinding: wanneer je bent ingezoomd boven 150% komen de filters in een popup te staan. Binnen deze popup gaat de focus naar onderdelen aan de onderkant die niet zichtbaar zijn, waaronder extra filters en items in de footer. Zorg dat de focus altijd zichtbaar is binnen de filters en dat de focus niet bij onderdelen kan komen buiten de filter popup totdat deze weer gesloten is.
2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Onvoldoende

Buurtsportcoach activiteiten

Uitkomst: Onvoldoende

Activiteiten (ingelogd)

Uitkomst: Onvoldoende
Buurtsportcoach activiteiten

Er zijn meerdere links op de pagina met de tekst ‘Meer informatie’. 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 de h3-kop van de activiteit. Zie voor meer info https://www.w3.org/TR/WCAG20-TECHS/ARIA7.html.

Activiteiten (ingelogd)

Bij meerdere activiteiten zijn er meerdere links op de pagina met de tekst ‘Toon activiteit’. Het doel van deze links kan duidelijker worden gemaakt via een aria-labelledby verwijzing naar de h3-kop van de activiteit.

Opmerking: de link om te bewerken staat in het Engels (‘edit’). Dit is mogelijk niet voor iedereen duidelijk. Maak hier een Nederlandse tekst van.
2.4.5: Meerdere manieren
Hele sample

Uitkomst: Niet van toepassing
2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample

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

Uitkomst: Niet getoetst
2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Niet getoetst
2.5.3: Label in naam
Hele sample

Uitkomst: Onvoldoende
Hele sample

Bevindingen:

De link achter het logo bovenaan de website heeft een andere toegankelijke naam dan wat er zichtbaar is. Hierdoor kan de link mogelijk lastig met stem bediend worden. Zorg ervoor dat de toegankelijke naam (zoals alt-tekst) altijd minstens de zichtbare tekst bevat. Zie ook 1.1.1
2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet getoetst

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: Niet van toepassing

Contact

Uitkomst: Niet van toepassing
Contact

Opmerking: de knop om aan te melden voor de nieuwsbrief staat in het Engels (‘subscribe’). Deze kan beter in het Nederlands worden gezet.
3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Niet getoetst
3.2.2: Bij input
Hele sample

Uitkomst: Niet getoetst
3.2.3: Consistente navigatie
Hele sample

Uitkomst: Niet getoetst
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: Onvoldoende

Aanmelden partners

Uitkomst: Onvoldoende
Aanmelden partners

Er worden eisen gesteld aan het wachtwoord, maar deze worden niet vooraf uitgelegd. Geef deze eisen aan als instructie bij het invoerveld.
3.3.3: Foutsuggestie
Hele sample

Uitkomst: Onvoldoende

Aanmelden partners

Uitkomst: Onvoldoende
Aanmelden partners

Wanneer het e-mailadres ongeldig is bevonden, is er de melding ‘De waarde van E-Mailadres is niet uniek’. Het is hierbij niet duidelijk wat er verbeterd moet worden. Geef bijvoorbeeld aan aan welk format het e-mailadres moet voldoen.
3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Niet getoetst

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.1: Parsen
Hele sample

Uitkomst: Niet getoetst
4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Onvoldoende

Buurtsportcoach activiteiten

Uitkomst: Onvoldoende
Buurtsportcoach activiteiten

Visueel zijn er filters met checkboxes die al dan niet zijn geselecteerd. In de code zijn dit links. Voor gebruikers van hulpsoftware is het nu niet duidelijk wat de status is van deze onderdelen. Maak hier checkbox inputs van of maak via ARIA markup duidelijk welke onderdelen actief zijn.
4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample met getoetste webpagina's

  1. Startpagina - https://sportencultuur.almere.nl/
  2. Contact - https://sportencultuur.almere.nl/contact
  3. Sport - https://sportencultuur.almere.nl/sport
  4. Buurtsportcoach activiteiten - https://sportencultuur.almere.nl/activiteiten?tx_solr%5Bfilter%5D%5B0%5D=a_cat%3A%2F200%2F204%2F346%2F
  5. Activiteit Meer bewegen voor ouderen - https://sportencultuur.almere.nl/activiteit?tx_sfeventmgt_pievent%5Baction%5D=detail&tx_sfeventmgt_pievent%5Bcontroller%5D=Event&tx_sfeventmgt_pievent%5Bevent%5D=1911&cHash=8b911742c24facd09cbe8b7e68486421
  6. Cultuur - https://sportencultuur.almere.nl/cultuur
  7. Hiphop activiteiten - https://sportencultuur.almere.nl/activiteiten?tx_solr%5Bfilter%5D%5B0%5D=a_cat%3A%2F200%2F211%2F212%2F361%2F
  8. Zoekresultaten zwemmen - https://sportencultuur.almere.nl/activiteiten?tx_solr%5Bq%5D=zwemmen
  9. Informatie voor partners - https://sportencultuur.almere.nl/informatie-voor-partners
  10. Aanmelden partners - https://sportencultuur.almere.nl/informatie-voor-partners/aanmelden-partners
  11. Inloggen - https://sportencultuur.almere.nl/inloggen
  12. Activiteiten (ingelogd) - https://sportencultuur.almere.nl/informatie-voor-partners/activiteiten
  13. Nieuwe activiteit aanmaken (ingelogd) - https://sportencultuur.almere.nl/informatie-voor-partners/activiteiten?tx_sfeventmgt_pievent%5Baction%5D=new&tx_sfeventmgt_pievent%5Bcontroller%5D=Edit&cHash=c0b27026bf17dd592f4c3014a0021641
  14. PDF Handleiding Sport en Cultuur in Almere - https://sportencultuur.almere.nl/fileadmin/sites/sportencultuur/Nieuwe_handleiding_aanmelden_en_aanmaken_activiteiten_Sport_en_Cultuur.pdf
  15. Veelgestelde vragen partners - https://sportencultuur.almere.nl/informatie-voor-partners/activiteiten-1
  16. Activiteit United Dance Almere - https://sportencultuur.almere.nl/activiteit?tx_sfeventmgt_pievent%5Baction%5D=detail&tx_sfeventmgt_pievent%5Bcontroller%5D=Event&tx_sfeventmgt_pievent%5Bevent%5D=172&cHash=c46b00c5a86f8579668594a12bfebf0d

Webtechnologie

HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF,DOM

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek: