Issues:
Content-audit digitale toegankelijkheid website Cijfers over Zwolle

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Op de homepage cijfersoverzwolle.nl/ komen decoratieve afbeeldingen voor, die een alternatieve tekst hebben. Bijvoorbeeld 'illustratie1'. Wanneer decoratieve afbeeldingen een alternatieve tekst hebben, moet deze de inhoud van de afbeelding beschrijven. Dat is hier nu niet het geval. De afbeelding mag ook verborgen worden voor hulpsoftware, door het alt-attribuut binnen het img-element leeg te laten.

Bevinding 2: Deze bevinding vereist mogelijk een technische oplossing:
Op de homepage staat het logo van Cijfers over Zwolle.
Deze afbeelding is op de pagina geplaatst met CSS en heeft geen toegankelijk tekst alternatief. Bovendien wanneer bezoekers een eigen stylesheet inladen, verdwijnt dit logo. Plaats het logo daarom als afbeelding op de pagina, bijvoorbeeld met een img-element en voeg een alternatieve tekst toe. De alternatieve tekst van een logo moet altijd tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten en daarnaast een beschrijvend linkdoel als de afbeelding ook als link dient.

Bevinding 3: Op pagina cijfersoverzwolle.nl/dashboard/wijkdata/informatie staat een afbeelding 'Stappenplan werken met (wijk)data' die is verborgen voor hulpsoftware met veel tekst. Blinden weten niet dat hier een grote hoeveelheid informatie wordt aangeboden die zij missen. De afbeelding is informatief en moet een toegankelijke tekst krijgen waarin tenminste staat dat het om een infographic gaat waarvoor een toegankelijk alternatief wordt aangeboden. De PDF die als alternatief wordt aangeboden is momenteel niet toegankelijk. Overweeg daarom de tekst uit de infographic op een toegankelijke manier (bijvoorbeeld als tekst op de pagina) te plaatsen.

Bevinding 4: Op pagina 1 van de PDF op pagina cijfersoverzwolle.nl/report/pdf/whize_segmenten_beknopt.pdf komt een afbeelding voor met de alternatieve tekst 'Whooz lanceert nieuwe generatie doelgroepsegmentatie'. Dit omschrijft de afbeelding niet. Zorg ervoor dat de alternatieve tekst kort de inhoud van de afbeelding beschrijft en verwijs naar de tekst voor de diepere beschrijving van de segmenten.

Bevinding 5: De PDF op pagina cijfersoverzwolle.nl/report/pdf/stappenplan_dashboard_wijkgericht_werken.pdf bevat meerdere decoratieve afbeeldingen die nu als figuur zonder alternatieve tekst zijn opgemaakt. Maak deze afbeeldingen op als artefact, zodat hulpsoftware ze kan negeren.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 6: De PDF op pagina cijfersoverzwolle.nl/report/pdf/whize_segmenten_beknopt.pdf is niet geheel correct gecodeerd:

• Op pagina 1 komt een link voor naar een andere brochure. Deze link is in de code opgemaakt als twee losse linkobjecten, terwijl het om 1 link gaat. Zorg ervoor dat dit correct wordt opgemaakt.
• Op pagina 1 komt een visuele kop voor, 'Inhoudsopgave', die niet als kop is opgemaakt. Alternatief kan hier daarnaast het beste een TOC-element worden gebruikt voor de inhoudsopgave.
• De tabellen bevatten wel kopcellen, maar er is geen bereik (rij of kolom) aangegeven.

Bevinding 7: De PDF op pagina cijfersoverzwolle.nl/report/pdf/stappenplan_dashboard_wijkgericht_werken.pdf is niet geheel correct gecodeerd:

• De PDF bevat visuele koppen die niet als kop zijn opgemaakt, bijvoorbeeld 'Stappenplan werken met (wijk)data' op pagina 1.
• In de PDF staat 'Lees meer' met een pijl-afbeelding. Dit zijn twee losse knoppen, waarvan één 'Lees meer' heet en één 'knop 2'. Een knop in dit document is daarnaast overbodig. Maak de knop correct op of verwijder ze.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 8: De PDF op pagina cijfersoverzwolle.nl/report/pdf/stappenplan_dashboard_wijkgericht_werken.pdf bevat meerdere problemen:

• De cijfers van de stappen staan in de code ónder de tekst waar het nummer bij hoort. Dit is verwarrend voor bezoekers die het scherm niet kunnen zien. Pas de volgorde daarom aan.
• De focusvolgorde in de PDF komt niet overeen met de volgorde waarin de buttons in de PDF zichtbaar zijn.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 9: In de PDF op pagina cijfersoverzwolle.nl/report/pdf/whize_segmenten_beknopt.pdf wordt op pagina 1 verwezen naar 'bovenstaande figuur' maar in de code staat de afbeelding onder deze tekst. Zorg ervoor dat de volgorde ook correct is voor bezoekers die het scherm niet kunnen zien.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 10: Voor de datavisualisatie 'Whize-profielen van huishoudens met hoofdbewoner van 65 jaar of ouder' op pagina cijfersoverzwolle.nl/dashboard/dashboard/65-plussers-in-de-wijk is de toegankelijke versie alleen voor voorleessoftware beschikbaar. Bezoekers die moeite hebben met het onderscheiden van kleuren beschikken daardoor nu niet tot dezelfde informatie als bezoekers die daar geen moeite mee hebben. De aanvullende informatie is zonder voorleessoftware alleen bij muis-hover beschikbaar. Zorg voor een toegankelijk alternatief of biedt de visualisatie toegankelijk aan.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 11: In de PDF op pagina cijfersoverzwolle.nl/report/pdf/whize_segmenten_beknopt.pdf komen meerdere contrastproblemen voor:

• Op onder andere pagina 2 komt blauw/groene tekst voor (HEX #00ADAB). Deze tekst heeft een contrastratio van 2,7:1 waar dat minimaal 4,5:1 moet zijn.
• Op onder andere pagina 2 komt gele tekst voor (HEX #FFD909), deze tekst heeft een contrastratio van 1,3:1 op de witte achtergrond waar dat minimaal 4,5:1 moet zijn.
• Op onder andere pagina 4 komt roze tekst voor (HEX #F170AB). Deze tekst heeft een contrastratio van 2,7:1 waar dat minimaal 4,5:1 moet zijn.

- Op onder andere pagina 5 komt bruine tekst voor (HEX #BCA295). Deze tekst heeft een contrastratio van 2,4:1 waar dat minimaal 4,5:1 moet zijn.

• Op onder andere pagina 5 komt groene tekst voor (HEX #00A651). Deze tekst heeft een contrastratio van 3,1:1 waar dat minimaal 4,5:1 moet zijn.
• Op onder andere pagina 6 komt oranje tekst voor (HEX #F79029). Deze tekst heeft een contrastratio van 2,3:1 waar dat minimaal 4,5:1 moet zijn.
• Op onder andere pagina 6 komt blauwe tekst voor (HEX #00A8E8). Deze tekst heeft een contrastratio van 2,7:1 waar dat minimaal 4,5:1 moet zijn.
• Op onder andere pagina 7 komt rode tekst voor (HEX #EE3036). Deze tekst heeft een contrastratio van 4,1:1 waar dat minimaal 4,5:1 moet zijn.

Vergelijkbare problemen komen voor in de PDF op pagina cijfersoverzwolle.nl/report/pdf/stappenplan_dashboard_wijkgericht_werken.pdf.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 12: Advies: Op pagina cijfersoverzwolle.nl/dashboard/wijkdata/informatie komt een afbeelding van tekst voor. Dit is een infographic, dus valt onder een uitzondering. Echter, het alternatief dat nu aangeboden wordt (de PDF) is momenteel niet toegankelijk. Overweeg daarom de tekst uit de infographic op een toegankelijke manier (bijvoorbeeld als tekst op de pagina) te plaatsen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 13: Voor de datavisualisatie 'Whize profielen van huishoudens met hoofdbewoner van 65 jaar of ouder' op pagina cijfersoverzwolle.nl/dashboard/dashboard/65-plussers-in-de-wijk is alleen voor voorleessoftware een toegankelijke versie beschikbaar. De visualisatie bevat kleuren die zowel individueel als naast elkaar onvoldoende contrast hebben, bijvoorbeeld de bruine kleur (HEX #BCA295), die individueel een te laag contrast heeft, maar ook naast de grijze kleur een te laag contrast heeft. Biedt een toegankelijk alternatief aan of maak de visualisatie toegankelijk.

Bevinding 14: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer de bezoeker de website voor het eerst opent, verschijnt een cookiemelding. De focusrand om de link 'cookiebeleid' is donkergrijs (HEX #333333) op een zwarte achtergrond. De contrastratio is hier 1,6:1 waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 15: Opmerking: De informatie in de kaart op pagina cijfersoverzwolle.nl/jive/ViewerEmbedded.aspx (en op pagina cijfersoverzwolle.nl/dashboard/dashboard/65-plussers-in-de-wijk) is enkel beschikbaar bij muis-hover, niet met het toetsenbord. Aangezien dit een technisch succescriterium is, wordt dit tijdens dit onderzoek niet afgekeurd, echter, het is ook geen standaard onderdeel

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 16: De PDF op pagina cijfersoverzwolle.nl/report/pdf/whize_segmenten_beknopt.pdf heeft geen titel, alleen een bestandsnaam. Een titel is een belangrijknavigatiemiddel voor bezoekers die het scherm niet kunnen zien. Geef het bestand een beschrijvende titel en zorg ervoor dat de documenttitel in plaats van de bestandsnaam wordt getoond bij openen. Hetzelfde geldt voor de PDF op pagina cijfersoverzwolle.nl/report/pdf/stappenplan_dashboard_wijkgericht_werken.pdf.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 17: Advies: Op pagina cijfersoverzwolle.nl/fout komt de linktekst 'hier' voor. Uit de context is op te maken waar de link naar verwijst, maar het is toegankelijker om de linktekst zelf beschrijvender te maken, bijvoorbeeld: 'Ga terug naar de startpagina'.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 18: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina cijfersoverzwolle.nl/dashboard/dashboard/65-plussers-in-de-wijk is een iframe aanwezig, met als toegankelijke naam 'Gebiedsindeling'. Dit omschrijft echter niet geheel de inhoud van het iframe (De relatieve ligging van de wijk Stadshave). Pas de titel aan zodat deze informatie beschikbaar is voor bezoekers die afhankelijk zijn van voorleessoftware.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 19: Deze bevinding vereist mogelijk een technische oplossing:
Op de homepage staat het logo van Cijfers over Zwolle. De linktekst die bij deze afbeelding hoort is 'Terug naar home'. Omdat de visuele tekst niet overeenkomt met de linktekst, is de link moeilijk of niet te bedienen voor bezoekers die gebruik maken van spraak gestuurde navigatie. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke linktekst, het liefst vooraan. Zie ook succescriterium 1.1.1 over dit logo.

Onderbouwing van de evaluatie

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.

Steekproef getoetste webpagina's

• Home:
  https://cijfersoverzwolle.nl/
• Niet bestaande pagina:
  https://cijfersoverzwolle.nl/fout
• Dashboard 65+:
  https://cijfersoverzwolle.nl/dashboard/dashboard/65-plussers-in-de-wijk
• PDF bij dashboard:
  https://cijfersoverzwolle.nl/report/pdf/whize_segmenten_beknopt.pdf
• Tabel bij dashboard:
  https://cijfersoverzwolle.nl/jive/ViewerTable.aspx?&wsguid=a5dd769b-ad89-430f-a9d9-95738b8b15e7&ps=0
• iFrame stadskaart:
  https://cijfersoverzwolle.nl/jive/ViewerEmbedded.aspx?presel=oi_20_kaart_gebieden&fontfactor=1.5&&geolevel=wijk_oi&favorite=wijk_oi_6
• Wijkdata overzicht:
  https://cijfersoverzwolle.nl/dashboard/wijkdata/
• Informatie:
  https://cijfersoverzwolle.nl/dashboard/wijkdata/informatie
• PDF stappenplan:
  https://cijfersoverzwolle.nl/report/pdf/stappenplan_dashboard_wijkgericht_werken.pdf

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG
• PDF

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.