Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Philadelphia

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Philadelphia
Datum 8 april 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op philadelphia.nl.
  • Alle PDF's op philadelphia.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
    		•
    Conformiteitsdoel WCAG 2.1 niveau AA

    Uitgebreide toetsresultaten

    Aantal bevindingen: 42

    1. Waarneembaar

    1.1 Tekstalternatieven

    1.1.1 Niet-tekstuele content (Niveau A)

    Informatie over succescriterium 1.1.1 Niet-tekstuele content

    Uitkomst: Onvoldoende

    Bevinding 1: Als de website voor het eerst bezocht wordt, is een dialoogvenster van CookieBot by Usercentrics te zien (cookiemelding). Het logo van Philadelphia heeft hier de alternatieve tekst 'logo'. Pas de alternatieve tekst aan, zodat deze zowel de tekst 'logo' als alle tekst die op de afbeelding te zien is bevat.

    Bevinding 2: In de footer van meerdere pagina's, zoals https://www.philadelphia.nl/, staat het logo. De alternatieve tekst 'Logo philadelphia.nl' bevat niet alle informatie die in het logo te zien is, de tekst 'Het beste uit elkaar' ontbreekt. Deze leus is daardoor niet beschikbaar voor bezoekers die niet kunnen zien. Pas de alternatieve tekst aan, zodat deze het woord 'logo' en alle informatie die op de afbeelding te zien is hierin terugkomt.

    Bevinding 3: Op pagina https://www.philadelphia.nl/ staan onder 'Onze online platformen voor' verschillende links met afbeeldingen waar logo's op te zien zijn. De afbeeldingen zijn voor hulpsoftware is verborgen met een leeg alt-attribuut. Voor bezoekers die niet kunnen zien is hierdoor niet duidelijk dat hier logo's staan en welke dat zijn. Ook is hierdoor geen linkdoel beschikbaar. Voeg een alternatieve tekst toe bij het alt-attribuut. Zorg ervoor dat het woord 'logo' en alle informatie die op de afbeelding te zien is, hierin terugkomt. Voeg waar nodig meer informatie toe over het linkdoel. Zie ook succescriterium 2.4.4.

    Bevinding 4: In het PDF document https://www.philadelphia.nl/assets/uploads/Philadelphia.nl/2306SOBB_08_Facsheet-Philadelphia-2023a-2.pdf staat op de eerste pagina het logo. Deze heeft geen alternatieve tekst. Voor bezoekers die niet kunnen zien is de informatie die het logo overbrengt daardoor niet beschikbaar. Voeg een alternatieve tekst toe die het woord 'logo' bevat en alle tekst die op het logo te zien is.

    1.2 Op tijd gebaseerde media

    1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

    Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

    Uitkomst: Onvoldoende

    Bevinding 5: Op pagina https://www.philadelphia.nl/over-philadelphia staat een video waarbij alleen automatisch gegenereerde ondertiteling beschikbaar is. Hierin kunnen fouten voorkomen (zoals op tijdstip 0:55 waar 'vandaag, vannacht' wordt ondertiteld als 'vandaag, vandaag'). Ook mist interpunctie, waardoor het lastiger te begrijpen is. Los dit op door zelf ondertiteling toe te voegen. Ditzelfde komt voor in de video op pagina https://www.philadelphia.nl/aanmelden.

    1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

    Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

    Uitkomst: Onvoldoende

    Bevinding 6: Op pagina https://www.philadelphia.nl/ staat een video. Hierin komt informatie in beeld die niet wordt uitgesproken. Zoals bij tijdstip 0:10 'Gedicht: Merel Morre', en het logo dat op het einde van de video in beeld komt. Deze informatie is nu niet beschikbaar voor bezoekers die het beeld niet kunnen zien. Zet deze informatie in een transcript om te voldoen aan dit succes criterium. Of maak gebruik van een extra audiospoor om ook te voldoen aan succescriterium 1.2.5. Een soortgelijk probleem komt voor in de video op pagina https://www.philadelphia.nl/actueel/nieuws/minder-registeren-meer-tijd-voor-contact-nieuw-cli%C3%ABntdossier-bij-philadelphia-zorg.

    1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

    Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

    Uitkomst: Onvoldoende

    Bevinding 7: Op pagina https://www.philadelphia.nl/ staat een video. Hierin komt informatie in beeld die niet wordt uitgesproken. Zoals bij tijdstip 0:10 'Gedicht: Merel Morre', en het logo dat op het einde van de video in beeld komt. Deze informatie is nu niet beschikbaar voor bezoekers die het beeld niet kunnen zien. Zorg dat alle informatie wordt uitgesproken, of maak gebruik van een extra audiospoor. Een soortgelijk probleem komt voor in de video op pagina https://www.philadelphia.nl/actueel/nieuws/minder-registeren-meer-tijd-voor-contact-nieuw-cli%C3%ABntdossier-bij-philadelphia-zorg.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 8: In de footer van elke pagina zijn visueel verschillende koppen te herkennen, bijvoorbeeld 'Ons aanbod' en 'Over ons'. Onder elke kop staat een lijst met links. Doordat dit niet helemaal op correcte wijze is opgemaakt, is voor bezoekers die gebruik maken van hulpsoftware de structuur van de footer niet duidelijk. De koppen zijn niet als koppen opgemaakt maar als lijst-items, en via 'tabindex="0"' focusbaar gemaakt. Los dit bijvoorbeeld op door de koppen te verwijderen uit de lijsten en op te maken als koppen op het juiste kopniveau, bijvoorbeeld h3. Omdat deze dan op de juiste wijze als kop kunnen worden herkend door hulpsoftware, is het niet nodig dat de focus hier naartoe kan worden gebracht. Verwijder daarom 'tabindex="0"'.

    Bevinding 9: In de footer van elke pagina is een knop te vinden waarmee de cookie-instellingen geopend kunnen worden. Nadat deze is geopend, zijn teksten te zien die visueel herkenbaar zijn als koppen, maar niet als zodanig zijn opgemaakt. Bijvoorbeeld 'Cookie-instellingen' en 'Uw huidige stand'. Deze zijn via het strong-element dikgedrukt gemaakt. Omdat het strong-element een semantische betekenis heeft, is deze niet geschikt om hiervoor te gebruiken. Ook is het belangrijk dat koppen in de koppenstructuur terugkomen, dit gebeurt alleen als deze correct zijn opgemaakt. Maak deze daarom op als kop op het juiste kopniveau, en gebruik voor de styling CSS. Een soortgelijk probleem komt voor op pagina https://www.philadelphia.nl/agenda/open-dagen-in-regio-west-15, bij de namen van de woonlocaties die als kop fungeren, bijvoorbeeld 'BERKENHOF'.

    Bevinding 10: Op pagina https://www.philadelphia.nl/ staat in het blok 'Zoek een locatie' een citaat dat begint met '94,1% van de cliënten geeft aan dat..' Dit citaat is opgemaakt als h3-kop, maar heeft niet de functionaliteit van een kop. Dit geeft niet de juiste informatie voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader. Verwijder het h3-element, en maak voor de styling gebruik van CSS.

    Bevinding 11: Op pagina https://www.philadelphia.nl/contact staat onder de kop 'Persportaal' een link. Deze is opgemaakt als lijst-item binnen een lijst. Omdat het hier om een enkel item gaat, is dit geen lijst. Daarom geeft het verwarring over de structuur van de pagina als dit wel als een lijst opgemaakt is. Maak alleen gebruik van lijst-opmaak als het om meerdere items gaat. Verwijder de lijst in dit geval en plaats de link als losse link.

    Bevinding 12: Op pagina https://www.philadelphia.nl/ staan onder 'Onze verhalen' blokken die als links zijn opgemaakt. Niet alle informatie die in de blokken zichtbaar is, is beschikbaar voor (hulp)software. Het gaat om de datum, bijvoorbeeld '18 maart 2025'. Dit komt doordat de link waarin deze informatie staat, een aria-label heeft gekregen met een tekst waar de koptekst in voorkomt, 'Lees het bericht Zo laat Philadelphia studenten kennismaken met de gehandicaptenzorg'. Een aria-label overschrijft de informatie die verder nog binnen de link staat, zoals de datum. Een mogelijke oplossing zou zijn om het aria-label te verwijderen. Dan wordt content binnen de link voorgelezen als linkdoel, waarmee alle content die zichtbaar is ook beschikbaar is voor hulpsoftware. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.philadelphia.nl/actueel/nieuws. Een soortgelijk probleem komt voor op pagina https://www.philadelphia.nl/locaties, bij de blokken met informatie over locaties.

    Bevinding 13: Op pagina https://www.philadelphia.nl/actueel/nieuws/minder-registeren-meer-tijd-voor-contact-nieuw-cli%C3%ABntdossier-bij-philadelphia-zorg is de intro tekst onder de kop 'Minder registreren, meer tijd voor contact:..' dikgedrukt gemaakt met het strong-element. Omdat het strong-element een semantische betekenis heeft, mag deze alleen gebruikt worden als een woord of enkele woorden meer nadruk verdienen ten opzichte van omliggende tekst. Hulpsoftware kan deze tekst met extra nadruk voorlezen. Daarom is het niet geschikt om voor styling te gebruiken. Verwijder het strong-element en style de tekst via CSS. Ditzelfde komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.philadelphia.nl/complimenten-en-klachten.

    Bevinding 14: In de PDF zijn verschillende kopteksten te herkennen, zoals 'Factsheet'. In de codelaag hebben de koppen niet de juiste tag gekregen, deze zijn als paragraph opgemaakt. Hierdoor zijn deze voor hulpsoftware niet herkenbaar als koppen. Zorg dat koppen de juiste tag krijgen, bijvoorbeeld h1.

    Bevinding 15: Advies: Op verschillende pagina's wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een koppenstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet goed is opgebouwd, maar het verbeteren hiervan zorgt dat de structuur van de content beter geïnterpreteerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de belangrijkste kop (titel van de pagina), kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, etcetera. Sla hierbij geen koppen over.

    Een aantal voorbeelden van een onjuiste koppenstructuur zijn:

    1.3.2 Betekenisvolle volgorde (Niveau A)

    Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

    Uitkomst: Onvoldoende

    Bevinding 16: Het PDF document https://www.philadelphia.nl/assets/uploads/Philadelphia.nl/2306SOBB_08_Facsheet-Philadelphia-2023a-2.pdf bevat content die niet in de juiste volgorde is geplaats. Visueel is te begrijpen welke content bij welke kop hoort, maar bezoekers die met behulp van het toetsenbord en hulpsoftware door het document heen gaan kunnen deze link niet leggen. Na de kop 'Omzet 2022' komt bijvoorbeeld eerst de kop 'Onze belangrijkste thema's zijn:', daarna komt de content die bij eerstgenoemde kop hoort. Pas na nog door andere content heen te zijn gegaan volgt een del van de content die bij de laatstgenoemde kop hoort. Deze wordt nog weer onderbroken door weer andere content. Plaats de content in de juiste volgorde, zodat deze te begrijpen is voor bezoekers die niet kunnen zien.

    1.3.5 Identificeer het doel van de input (Niveau AA)

    Informatie over succescriterium 1.3.5 Identificeer het doel van de input

    Uitkomst: Onvoldoende

    Bevinding 17: Op pagina https://www.philadelphia.nl/complimenten-en-klachten is een formulier waar de bezoeker onder andere het eigen e-mailadres, naam en telefoonnummer kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
    Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

    1.4 Onderscheidbaar

    1.4.1 Gebruik van kleur (Niveau A)

    Informatie over succescriterium 1.4.1 Gebruik van kleur

    Uitkomst: Onvoldoende

    Bevinding 18: Op meerdere pagina's, zoals https://www.philadelphia.nl/, komt boven het menu een knop voor waarmee het contrast kan worden aangepast. Alleen aan de kleur van de knop kan worden afgeleid of deze 'aan' of 'uit' staat. De kleur wijzigt van paars (HEX #663689) naar zwart, dit is een contrastverhouding van 2,4:1. Pas bij een contrastverhouding boven 3:1 geldt dat niet alleen kleur maar ook de eigenschap 'helderheid' de informatie overbrengt. Zorg ervoor dat informatie niet alleen door kleur wordt overgebracht, omdat dit voor bezoekers die bijvoorbeeld slechtziend of kleurenblind zijn mogelijk lastig of helemaal niet te zien is.

    1.4.3 Contrast (minimum) (Niveau AA)

    Informatie over succescriterium 1.4.3 Contrast (minimum)

    Uitkomst: Voldoende

    Bevinding 19: Dit succescriterium is onderzocht nadat via de contrast-knop 'hoog contrast' is aangezet.

    1.4.4 Herschalen van tekst (Niveau AA)

    Informatie over succescriterium 1.4.4 Herschalen van tekst

    Uitkomst: Onvoldoende

    Bevinding 20: Als de pagina's worden bekeken bij een schermgrootte van 1280 bij 1024 px en vervolgens wordt ingezoomd naar 110%, verdwijnen sommige elementen die boven het menu staan van de pagina. Het gaat om de contrast-knop en de 'Pagina voorlezen' knop. Ook het zoekveld verdwijnt, terwijl de zoekknop wel zichtbaar blijft. Bezoekers kunnen hierdoor geen zoekterm invullen. Zorg dat deze functionaliteiten op de pagina blijven bij inzoomen.

    Bevinding 21: Als pagina https://www.philadelphia.nl/ wordt bekeken bij een schermgrootte van 1280 bij 1024 px en vervolgens wordt ingezoomd naar 110%, verdwijnt de afbeelding van de video. Bij verder inzoomen verschijnt deze weer. Zorg dat de afbeelding bij elk inzoom-percentage tot en met 400% zichtbaar blijft.

    1.4.10 Reflow (Niveau AA)

    Informatie over succescriterium 1.4.10 Reflow

    Uitkomst: Onvoldoende

    Bevinding 22: Als op pagina https://www.philadelphia.nl/contact bij een schermgrootte van 1280 bij 1024 px wordt ingezoomd vanaf 300%, schaalt sommige tekst niet goed mee. Bijvoorbeeld onder de kop 'Financiële administratie', hier verdwijnen de e-mailadressen deels uit beeld. Zorg dat alle tekst volledig op de pagina blijft staan bij het inzoomen. Een soortgelijk probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.philadelphia.nl/sitemap.

    1.4.11 Contrast van niet-tekstuele content (Niveau AA)

    Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

    Uitkomst: Voldoende

    Bevinding 23: Dit succescriterium is onderzocht nadat via de contrast-knop 'hoog contrast' is aangezet.

    2. Bedienbaar

    2.1 Toetsenbordtoegankelijk

    2.1.1 Toetsenbord (Niveau A)

    Informatie over succescriterium 2.1.1 Toetsenbord

    Uitkomst: Onvoldoende

    Bevinding 24: Op pagina https://www.philadelphia.nl/actueel/nieuws? kunnen de berichten gefilterd worden bij 'Filter de berichten'. Nadat een filter geselecteerd is (bijvoorbeeld 'Blog'), verschijnt een knop op de pagina waarmee dit filter weer verwijderd kan worden. Deze knop is niet via het toetsenbord bereikbaar en bedienbaar. Zorg ervoor dat deze functionaliteit ook via het toetsenbord beschikbaar is.

    2.4.1 Blokken omzeilen (Niveau A)

    Informatie over succescriterium 2.4.1 Blokken omzeilen

    Uitkomst: Onvoldoende

    Bevinding 25: Op pagina https://www.philadelphia.nl/ staat een skiplink waarmee content die op elke pagina herhaald wordt kan worden overgeslagen. De skiplink 'Naar Hoofdinhoud' zou naar de eerste unieke content van de pagina moeten leiden, maar dat is niet het geval. Er staan meerdere links vóór het element waar de skiplink naar leidt. Pas dit aan, zodat de bezoeker via deze skiplink bij de eerste unieke content op de pagina terecht komt.

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 26: Bij het PDF document https://www.philadelphia.nl/assets/uploads/Philadelphia.nl/2306SOBB_08_Facsheet-Philadelphia-2023a-2.pdf is in de bestandseigenschappen geen titel ingesteld. Voeg deze toe, en stel in dat de documenttitel wordt getoond in plaats van de bestandsnaam.

    2.4.3 Focus volgorde (Niveau A)

    Informatie over succescriterium 2.4.3 Focus volgorde

    Uitkomst: Onvoldoende

    Bevinding 27: Op meerdere pagina's, bijvoorbeeld https://www.philadelphia.nl/, komt boven het menu een zoekfunctie voor. Als de focus naar het zoekveld wordt gebracht, vouwt een lijst uit waarin eerder gezochte zoektermen staan. Na het zoekveld is het volgende item in de focusvolgorde de zoekknop, en pas daarna gaat deze naar de lijst met zoektermen. Dit is geen logische volgorde. Zorg dat de focus na het zoekveld eerst door de uitgevouwen lijst gaat, en daarna pas naar de zoekknop.

    Bevinding 28: Op pagina https://www.philadelphia.nl/ staat een video. Als deze nog niet is afgespeeld en de focus wordt hier naartoe gebracht, valt deze alleen op de afspeel-knop. Informatie over de video, bijvoorbeeld de titel van het iframe, is daardoor niet beschikbaar voor bezoekers die navigeren via het toetsenbord. Als de video wordt afgespeeld en wordt gepauzeerd, de bezoeker verder navigeert en daarna weer terugkomt bij de video, valt de focus op alle bedieningsknoppen van de video. Deze zijn op dat moment niet meer te zien. Los dit op door te zorgen dat de focus als eerste naar het iframe kan worden gebracht en daarna alleen naar de knoppen die op dat moment in beeld te zien zijn. Een soortgelijk probleem komt voor in de video op pagina https://www.philadelphia.nl/actueel/nieuws/minder-registeren-meer-tijd-voor-contact-nieuw-cli%C3%ABntdossier-bij-philadelphia-zorg en op pagina https://www.philadelphia.nl/over-philadelphia.

    Bevinding 29: Als de pagina's worden bekeken bij een schermgrootte van 1280 bij 1024 px en vervolgens wordt ingezoomd naar 110%, verschuift het menu van bovenaan naar onderaan op de pagina. Dit gebeurt ook in de focusvolgorde. Bezoekers die navigeren via het toetsenbord, moeten daardoor door de hele pagina navigeren om bij het menu uit te komen. Dit is geen logische volgorde. Er is wel een skiplink waarmee bezoekers sneller naar het menu kunnen springen. Maar toch zou het menu op dezelfde plek in de focusvolgorde te vinden moeten zijn als in niet-ingezoomde weergave van de pagina.

    Bevinding 30: Op pagina https://www.philadelphia.nl/contact staan onder de kop 'Werken, stages en vrijwilligers' verschillende links. Hier staat een visueel verborgen link tussen, die via het toetsenbord wel bereikbaar en bedienbaar is. Zorg dat een link die niet op de pagina zichtbaar is, ook niet voorkomt in de focusvolgorde. Een oplossing zou zijn om de link helemaal te verwijderen, of juist om deze op de pagina zichtbaar te maken. In dit laatste geval is het belangrijk ook een naam toe te voegen aan de link, omdat deze momenteel ook geen linkdoel heeft.

    Bevinding 31: Op pagina https://www.philadelphia.nl/locaties kunnen onder 'Bekijk onze locaties' de locaties worden bekeken op tabblad 'Lijst' of tabblad 'Kaart'. Als tabblad 'Lijst' is geselecteerd, staan alle focusbare elementen van tabblad 'Kaart' nog steeds in de focusvolgorde. Dat betekent dat de bezoeker deze tegenkomt bij het navigeren over de pagina, terwijl deze elementen op dat moment niet op de pagina te zien zijn. Dit werkt verwarrend. Zorg ervoor dat alleen de elementen van het geselecteerde tabblad in de focusvolgorde voorkomen.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 32: Op pagina https://www.philadelphia.nl/ staan onder 'Onze online platformen voor' verschillende links met logo's. Deze links hebben geen toegankelijke naam, waardoor hulpsoftware zoals een screenreader (een deel van) de URL voorleest. Hierdoor is in sommige gevallen het linkdoel onduidelijk. Dit komt doordat de afbeelding met het logo voor hulpsoftware is verborgen met een leeg alt-attribuut, en de tekst die in een span-element is toegevoegd is ook verborgen. Een oplossing zou zijn dat bij het alt-attribuut van het logo tekst wordt toegevoegd, dit geeft de link een toegankelijke naam. Zie ook succescriterium 1.1.1.

    2.4.7 Focus zichtbaar (Niveau AA)

    Informatie over succescriterium 2.4.7 Focus zichtbaar

    Uitkomst: Onvoldoende

    Bevinding 33: Op pagina https://www.philadelphia.nl/actueel/nieuws? kunnen de berichten gefilterd worden bij 'Filter de berichten'. Als de knop wordt uitgevouwen verschijnen checkboxes. Als de bezoeker hier via het toetsenbord naartoe navigeert, is niet zichtbaar op welke checkbox de focus staat. Hierdoor kan het lastig zijn de juiste categorie te selecteren. Los dit bijvoorbeeld op door een focusrand toe te voegen.

    Bevinding 34: Advies: Als via de contrast-knop op de pagina's het contrast wordt aangepast, krijgen veel elementen een zwarte kleur. Bijvoorbeeld de knop 'Over ons' en 'Alle berichten'. De focusrand bij deze elementen is ook zwart. Doordat het element met een focusrand een iets andere vorm heeft dan zonder focusrand, is de focus wel zichtbaar. Daarom wordt dit niet afgekeurd. Toch kan het voor sommige bezoekers onduidelijk te zien zijn, waardoor het voor hen lastig te bepalen is waar de focus zich bevindt. Het zou beter zijn om een beter zichtbare focusrand toe te voegen.

    2.5 Input modaliteiten

    2.5.3 Label in naam (Niveau A)

    Informatie over succescriterium 2.5.3 Label in naam

    Uitkomst: Voldoende

    Bevinding 35: Advies: Op meerdere pagina, bijvoorbeeld https://www.philadelphia.nl/, is boven het menu een knop te vinden met een luidspreker-icoon. De naam van deze knop is 'Pagina voorlezen'. Hiermee kan de webReader worden uitgevouwen. Bezoekers die over de pagina navigeren met behulp van spraaksoftware, kunnen de knop 'Pagina voorlezen' mogelijk niet goed aanspreken en gebruiken. Dit komt doordat aan het icoon niet direct te herkennen is welke functionaliteit hierachter verborgen zit. Omdat dit niet alleen voor deze bezoekers maar voor bezoekers in het algemeen ook zo is, wordt dit niet specifiek op toegankelijkheid afgekeurd. Toch kan dit toegankelijker worden gemaakt door de webReader niet achter een knop te verbergen maar herkenbaar op de pagina te plaatsten.

    3. Begrijpelijk

    3.1 Leesbaar

    3.1.2 Taal van onderdelen (Niveau AA)

    Informatie over succescriterium 3.1.2 Taal van onderdelen

    Uitkomst: Voldoende

    Bevinding 36: Advies: In de footer van elke pagina is een knop te vinden waarmee de cookie-instellingen geopend kunnen worden. De knop om deze te openen heeft via een aria-label de naam 'Open widget' gekregen, de knop om deze af te sluiten 'Sluit widget'. Beide knoppen hebben een afwijkend taal-attribuut, 'lang="en"'. Daardoor wordt dit niet afgekeurd onder dit succescriterium. De teksten kunnen met de juiste uitspraak worden voorgelezen door hulpsoftware. Toch zou het beter zijn om de teksten te vertalen. Omdat de rest van de pagina ook Nederlandstalig is, kan verwacht worden dat de teksten beter begrepen kunnen worden als deze Nederlandstalig zijn.

    3.3 Assistentie bij invoer

    3.3.1 Foutidentificatie (Niveau A)

    Informatie over succescriterium 3.3.1 Foutidentificatie

    Uitkomst: Onvoldoende

    Bevinding 37: Op pagina https://www.philadelphia.nl/complimenten-en-klachten is een formulier te vinden onder 'Vul het klachtenformulier in'. Als het formulier wordt verzonden terwijl nog niet alle verplichte velden zijn ingevuld, komt bij deze velden de melding 'Vul dit veld in' te staan. Deze tekst geeft een suggestie voor een oplossing, zoals bij succescriterium 3.3.3 is beschreven. Het maakt echter onvoldoende duidelijk wat er mis is gegaan. Vul de tekst aan, zodat duidelijk wordt welk veld het betreft en dat het veld niet of foutief is ingevuld.

    3.3.2 Labels of instructies (Niveau A)

    Informatie over succescriterium 3.3.2 Labels of instructies

    Uitkomst: Onvoldoende

    Bevinding 38: Op pagina https://www.philadelphia.nl/complimenten-en-klachten is een formulier te vinden onder 'Vul het klachtenformulier in'. Voorafgaand aan het invullen is aan de verplichte velden niet te zien dat deze verplicht zijn. Voor sommige bezoekers kan het lastig zijn het formulier goed in te vullen als zij pas na het versturen erachter komen welke velden verplicht waren. Voeg deze informatie daarom toe aan de labels van de velden.

    4. Robuust

    4.1 Compatibel

    4.1.2 Naam, rol, waarde (Niveau A)

    Informatie over succescriterium 4.1.2 Naam, rol, waarde

    Uitkomst: Onvoldoende

    Bevinding 39: Op meerdere pagina's, bijvoorbeeld https://www.philadelphia.nl/, staat boven het menu een knop waarmee het contrast op de pagina kan worden aangepast. Deze knop heeft via een aria-label de naam 'Hoog contrast aan/uit zetten' gekregen. Dit beschrijft onvoldoende wat de huidige staat van de knop is. Ook wijzigt dit niet als de knop gebruikt wordt. Zorg dat de naam duidelijk maakt waar de knop voor bedoeld is, en wat de huidige staat van de knop is.

    Bevinding 40: Op meerdere pagina's, bijvoorbeeld https://www.philadelphia.nl/, staat in de footer de knop 'Open widget'. Deze naam maakt onvoldoende duidelijk waar de knop voor bedoeld is en wat hier geopend kan worden. Vervang de tekst van het aria-label zodat hier een duidelijke beschrijving staat.

    Bevinding 41: Als de pagina's worden bekeken bij een schermgrootte van 1280 bij 1024 px en vervolgens wordt ingezoomd naar 110%, vouwt het menu samen onder een menuknop. Als deze uitgevouwen wordt, is achter elk menu-item een knop te vinden waarmee een submenu kan worden uitgevouwen. Deze knoppen hebben als naam 'toggle submenu knop'. Dit beschrijft onvoldoende wat de functie van de knop is. Ook kan hulpsoftware niet afleiden wat de staat van de knop (ingevouwen of uitgevouwen) is. Los dit op door de knoppen een beter beschrijvende naam te geven, en het aria-expanded attribuut toe te voegen.

    Bevinding 42: Op pagina https://www.philadelphia.nl/contact staat de locatie weergegeven op een kaart. De marker (knop) waarmee dit wordt gedaan, heeft geen naam. Hierdoor is het voor hulpsoftware niet duidelijk waar de knop voor bedoeld is. Voeg een naam toe om dit op te lossen.

    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

    Ondersteunende technieken

    Bronnen

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

    Geprint: 2025-05-12 16:21:40 v2.4-011