Issues:
Audit digitale toegankelijkheid website Zwolle.pcportal.nl

(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 pagina https://zwolle.pcportal.nl/ staat het logo van Gemeente Zwolle. Deze afbeelding heeft geen alternatieve tekst en geen alt-attribuut. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Een afbeelding (img) heeft altijd een alt-attribuut nodig, op deze pagina zou dan bv. alt="Logo Zwolle" komen te staan. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden.

Bevinding 2: Meerdere afbeeldingen in de PDF https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2024-2027.pdf zijn decoratieve afbeeldingen, bijvoorbeeld op pagina 4. Deze afbeeldingen hebben geen beschrijving en zijn niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. Decoratieve afbeeldingen dienen als artefact te worden getagd.
Dit geldt ook voor de PDF https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2022-2025.pdf.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 3: Op pagina https://zwolle.pcportal.nl/ > Zoeken staat aan de linkerzijde van de pagina 2 groepen keuzerondjes (radiobuttons). Boven deze groepen staat de tekst 'Documenttype' en 'Cyclusjaar'. De groepen radiobuttons hebben wel een fieldset maar geen legend, waardoor deze tekst is nu niet gekoppeld aan de groep keuzerondjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen.

Bevinding 4: De PDF https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2024-2027.pdf is wel van codes voorzien, maar de opmaak is niet voldoende. Koppen zijn opgemaakt als paragraaf, bijvoorbeeld op pagina 4 de kop "1.Inleiding". In tabellen zijn kopcellen niet gecodeerd met th, bijvoorbeeld op pagina 11 staat een tabel waarin de kopcellen zijn opgemaakt als datacellen. Lijsten zijn niet als lijsten opgemaakt, bijvoorbeeld op pagina 12 staan lijsten die zijn opgemaakt als paragraaf. Zorg er voor de coden in de PDF's semantisch correct is opgemaakt zodat hulpsoftware de inhoud goed kan weergeven. Hetzelfde geldt voor de PDF https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2022-2025.pdf.

Advies: Op meerdere pagina's ontbreekt de eerste kop (H1). Het is gebruikelijk om de content van een pagina te laten beginnen met een H1; op een homepage hoeft deze niet in beeld te staan, en volstaat het om deze kop de naam te geven van de website. De afwezigheid van een H1 is een best practice en geen reden tot afkeur.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 5: In de PDF https://zwolle.pcportal.nl/assets/docs/mpv2020.pdf is de volgorde van de code niet logisch waardoor de inhoud niet goed te volgen is voor bezoekers die gebruik maken van hulpsoftware. Eerst worden alle figuren en tabellen getoond, dan pas de tekst. Zorg er voor dat de informatie in een PDF op een begrijpelijke volgorde beschikbaar is voor hulpsoftware.

1.4 Onderscheidbaar

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 6: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 300% en 400% dan verschijnt op pagina https://zwolle.pcportal.nl/ > Zoeken > Zoekresultaten een scrollbalk in de leesrichting (horizontaal). Zorg dat ook bij deze resolutie de tekst binnen het beeld blijft (uitzonderingen zijn grote afbeeldingen, grafieken en tabellen).

Bevinding 7: Advies: Wanneer je op pagina https://zwolle.pcportal.nl/ en Tab 2024 inzoomt naar 250% en groter, dan valt de linktekst 'Toegankelijkheidsverklaring www.zwolle.nl/beleidscyclus' weg achter de witte container/tegel aan de rechterzijde.
Een soortgelijk probleem zie je terug wanneer je op de pagina https://zwolle.pcportal.nl/ en Tab 2023 inzoomt naar 400%, dan vallen meerdere linkteksten weg, waaronder 'Beleidsrapportage 2023-1' achter de witte container/tegel aan de rechterzijde. Dit zie je wederom terug op pagina https://zwolle.pcportal.nl/ en Tab 2022 bij zoomen naar 400%.

Bevinding 8: Advies: Wanneer je op https://zwolle.pcportal.nl/ en dan alleen op de onderliggende pagina's inzoomt naar 400% dan valt de 'Zoeken' knop over de witte tegels met publicaties.
Bovenstaande bevindingen zijn als advies in dit rapport meegenomen, omdat dit succescriterium van toepassing is op scrollen tot 200%

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 9: Op pagina https://zwolle.pcportal.nl/ >> Zoeken staat, indien er nog geen zoekactie gestart is, een icoon van een grijs (HEX #C4C4C4) vergrootglas op een witte achtergrond. Van dit icoon is de contrast te laag, nl. 1.7:1 waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

Bevinding 10: Wanneer je in het menu/tab header op 'Zoeken' klikt en (in dit geval zonder trefwoord in te voeren) vervolgens de knop 'Zoeken' klikt, krijg je een lijst met resultaten. Bij een muis Hover over een resultaat, veranderd de achtergrondkleur van dat resultatenblok naar licht grijs (HEX #FAFAFA). Op de witte achtergrond is dit niet voldoende zichtbaar en heeft het een contrastratio van 1.0:1 waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 11: Op pagina https://zwolle.pcportal.nl/ >> Zoeken staan aan de linkerzijde zoekfilters (Document type en Cyclusjaar). Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze knop niet bedienen. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 12: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 13: De paginatitel op pagina https://zwolle.pcportal.nl/ ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.

Bevinding 14: De PDF https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2024-2027.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.
Hetzelfde geldt voor de PDF https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2022-2025.pdf en de PDF https://zwolle.pcportal.nl/assets/docs/mpv2020.pdf.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 15: Op pagina https://zwolle.pcportal.nl/ krijgt het logo van Gemeente Zwolle focus omdat het een link is. Echter verandert er niets als er op de link geklikt wordt. Dit is verwarrend, met name voor blinde bezoekers. Zorg er voor dat niet actieve elementen geen focus kunnen krijgen. Het is beter om de link helemaal weg te laten.

Bevinding 16: Op pagina https://zwolle.pcportal.nl/ (Bijvoorbeeld op de 'Meer Info' pagina) kan je met de tabtoets door de pagina navigeren. Je komt na de zichtbare tabs 2024 t/m 2020 ook langs de visueel verborgen tabs 2019, 2018 en 2017. Dit is verwarrend voor gebruikers die met het toetsenbord navigeren. Zorg er voor dat alleen zichtbare elementen focus kunnen krijgen.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 17: Op pagina https://zwolle.pcportal.nl/ is het logo van Gemeente Zwolle een link. Deze heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Dat zou kunnen door het logo een toegankelijke tekst te geven, zie 1.1.1. Overigens verandert de pagina niet als er op de link geklikt wordt. Het is dus beter om de link helemaal weg te laten. Zie ook 2.4.3.

Bevinding 18: Op pagina https://zwolle.pcportal.nl/ >> 2024 staat een link in de vorm van tegel naar 'Perspectiefnota 2024 - 2027'. De toegankelijke linktekst van deze link 'picture_as_pdf' beschrijft het linkdoel niet. Zorg er voor dat de toegankelijke tekst van een link het linkdoel goed beschrijft. Hetzelfde komt vaker voor in de website, bijvoorbeeld op dezelfde pagina bij de tegel die linkt naar 'Begroting 2024' met de toegankelijke linktekst "".

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 19: Op pagina https://zwolle.pcportal.nl/ >> Zoeken staat een zoekveld met daarin een placeholdertekst 'Typ hier uw trefwoord'. De naam van het veld luidt 'Zoekterm' en komt niet overeen met wat er op het scherm zichtbaar is. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 20: Op pagina https://zwolle.pcportal.nl/ ontbreekt een taalaanduiding van de inhoud van de pagina. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten, in dit geval "nl".

Bevinding 21: In de eigenschappen van de PDF https://zwolle.pcportal.nl/assets/docs/mpv2020.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 22: Op https://zwolle.pcportal.nl/ bij de "Meest recent" button wordt het attribuut aria-role="tab" gebruikt. Dit is een niet bestaand attribuut, hier zou role="tab" wel gebruikt kunnen worden. Een soortgelijk probleem zie je terug op dezelfde pagina bij de andere tabs in de lijst: 2024, 2023, 2022,2021 en 2020 en bij de Meer Info en Zoeken tabs. Doordat het element niet de rol "tab" heeft is het attribuut "aria-selected" ook niet toegestaan. Ook de tegels op dezelfde pagina hebben het foutive "aria-role" attribuut.

Bevinding 23: Op pagina https://zwolle.pcportal.nl/ staat logo met link naar #. De link werkt niet omdat deze leeg is. Dit is verwarrend voor alle bezoekers, maar met name voor screenreadergebruikers. Een screenreader leest wel voor dat er een link is, maar er gebeurt niets als op de link geklikt wordt. Voeg een linkadres toe om dit probleem op te lossen of laat de link weg.

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://zwolle.pcportal.nl/
• PDF Perspectiefnota 2024-2027:
  https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2024-2027.pdf
• PDF MPV 2020:
  https://zwolle.pcportal.nl/assets/docs/mpv2020.pdf
• PDF Perspectiefnota 2022-2025:
  https://zwolle.pcportal.nl/assets/docs/perspectiefnota_2022-2025.pdf

Ondersteunende technieken

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

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.