Issues:
Audit digitale toegankelijkheid website Wilweg
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Wilweg |
---|---|
Datum | 16 juli 2024 |
Scope van de website |
Binnen de scope van onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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: Op pagina https://www.wilweg.nl/financien/beursopener staat links naast de tekst 'Gebruik de filters aan de linkerkant' een pijl teken. Deze SVG heeft als toegankelijke naam 'filter location icon'. Verberg deze SVG voor hulpsoftware.
Bevinding 2: Op pagina https://www.wilweg.nl/toegankelijkheid staat een afbeelding van een deel van een toegankelijkheidslabel met een lege alt-tekst waardoor de afbeelding genegeerd wordt door hulpsoftware. Omdat de tekst die op de pagina bij dit label staat niet juist is, moet dit aangepast worden. Er wordt met links verwezen naar een verklaring van "Stichting Nuffic" die een C-status heeft. Wilweg heeft op dit moment geen toegankelijkheidsverklaring en daarmee een E-status. De status van deze website is dus niet "B. Voldoet gedeeltelijk", daarvoor is het publiceren van een verklaring noodzakelijk.
Een op de juiste manier opgemaakte toegankelijkheidslabel bevat ook de link naar de juiste toegankelijkheidsverklaring. Wanneer het officiële toegankelijkheidslabel wordt aangemaakt staan ook de voorwaarden beschreven waar deze aan moet voldoen. Meer informatie over het gebruik van het officiële toegankelijkheidslabel wordt gegeven bij het invullen van een toegankelijkheidsverklaring op https://www.toegankelijkheidsverklaring.nl/.
Bevinding 3: Advies: Op pagina https://www.wilweg.nl/ staat in de footer een logo van Nuffic. De alternatieve tekst is de tekst die visueel bij het logo staat. Voeg toe dat het om het logo gaat.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 4: Op pagina https://www.wilweg.nl/contact-met-wilweg komt na het succesvol verzenden van het formulier een tekst in beeld die is opgemaakt met het strong-element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story en https://www.wilweg.nl/weer-thuis/deel-jouw-student-story bij 'Een ogenblik geduld alstublieft' wanneer het formulier geladen wordt.
Bevinding 5: Op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story staat een groep selectievakjes (checkboxes). Boven deze groep staat de tekst 'Akkoordverklaring'. Deze tekst is nu niet gekoppeld aan de groep selectievakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Het is beter om in plaats van tabellen CSS te gebruiken om deze pagina vorm te geven.
Bevinding 6: Op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story staat een formulier. In het formulier staan koppen zoals bijvoorbeeld 'Persoonlijke gegevens', maar deze staan in tabellen. Wanneer een bezoeker die gebruikmaakt van een screenreader een lijst met koppen opvraagt om mee over de pagina te navigeren, dan staan deze koppen er niet in. Verwijder de tabel op deze kop en vervang deze door styling met CSS.
Bevinding 7: Op pagina https://www.wilweg.nl/ staan klikbare afbeeldingen bij de student stories. Bijvoorbeeld de klikbare afbeelding 'Lees het verhaal van Jeska in Berlijn'. Naast de toegankelijke naam voor de link is er gebruik gemaakt van een aria-label op de link hierdoor wordt de alleen de tekst "Lees het hele verhaal" aan gebruikers van hulpsoftware gepresenteerd. Aria-label overschrijft de inhoud van de link. Het is niet duidelijk dat deze link een afbeelding bevat én het is niet duidelijk naar welke student storie deze link verwijst. Dit type probleem komt meer voor op deze en andere pagina's.
Bevinding 8: In de PDF European University Institute programme
Application round 2024 op pagina https://www.wilweg.nl/sites/default/files/2023-10/eui-application-round-2024.pdf staan koppen die niet zijn opgemaakt als kop, namelijk de kop 'Criteria' t/m de kop 'After registration'. Ook mogen de koppen 'European University Institute programme' en 'Application round 2024' niet beide een h1 kop zijn. Onder de kop 'European University Institute programme' staat nu geen content. Maak hier een h1 kop van.
1.3.2 Betekenisvolle volgorde (Niveau A)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 9: Op pagina https://www.wilweg.nl/financien/beursopener/sino-dutch-bilateral-exchange-scholarship wordt voor bezoekers die gebruikmaken van een screenreader na de kop 'Over de beurs' niet de bijbehorende content voorgelezen, maar eerst de kop 'Aanvragen'. Zorg ervoor dat de inhoud van de pagina ook via de leesvolgorde wordt aangeboden voor bezoekers die gebruikmaken van hulpsoftware. Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/financien/beursopener/nl-scholarship.
Bevinding 10: Op pagina https://www.wilweg.nl/orientatie/student-stories/eef-ging-met-een-nl-scholarship-op-exchange-naar-austin staat een datum bij de student story. Deze datum staat boven de kop. Plaats de datum in de code onder de kop zodat de relatie tussen de kop, afbeelding en datum duidelijk is.
1.3.3 Zintuiglijke eigenschappen (Niveau A)
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen
Uitkomst: Onvoldoende
Bevinding 11: Op pagina https://www.wilweg.nl/financien/beursopener staat onder de kop '134 beurzen' de tekst 'Gebruik de filters aan de linkerkant'. Dit is een instructie om content te bedienen gebaseerd op oriëntatie. Dit is niet behulpzaam voor bezoekers die het scherm niet kunnen zien. Maak ook gebruik van een andere manier om naar de filterfunctie te verwijzen. Een mogelijke oplossing is om de onzichtbare h2 kop 'Filters' visueel zichtbaar te maken op de pagina.
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 12: Op pagina https://www.wilweg.nl/contact-met-wilweg is een formulier waar de bezoeker onder andere het eigen e-mailadres 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. Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Voldoende
Bevinding 13: Advies: In Firefox staat op pagina https://www.wilweg.nl/financien/beursopener een placeholdertekst met een te laag contrast. De grijze 868790 tekst op de witte achtergrond heeft een contrastverhouding van 3,5:1, waar dit minimaal 4,5:1 moet zijn. Het advies is om de opacity van placeholdertekst op 1 te zetten om ervoor te zorgen dat placeholderteksten ook in Firefox voldoende contrast hebben.
1.4.10 Reflow (Niveau AA)
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevinding 14: Wanneer op pagina https://www.wilweg.nl/financien bij een schermgrootte van 1280 x 1024px ingezoomd wordt op 400% dan zijn de skiplinks onder 'Wat staat er op deze pagina' niet meer allemaal zichtbaar/bereikbaar omdat deze veranderen in een 'sticky' menu die over de pagina heen valt. Met de muis is het menu uit te klappen en de skiplinks aan te klikken, met toetsenbordbediening is het menu wel uit te klappen, maar de skiplinks zijn niet bereikbaar. Zorg ervoor dat alle inhoud leesbaar en bedienbaar blijft.
Bevinding 15: Op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story wanneer bij een schermgrootte van 1280 x 1024px ingezoomd wordt vanaf 300% dan komt er een horizontale scrollbalk in beeld voor het formulier. Vermijd een scrollbalk in de leesrichting (horizontaal). Zorg ervoor dat alle inhoud leesbaar blijft.
1.4.12 Tekstafstand (Niveau AA)
Informatie over succescriterium 1.4.12 Tekstafstand
Uitkomst: Onvoldoende
Bevinding 16: Wanneer bezoekers op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, dan wijzigt de tekst in het formulier niet mee, maar de rest van de tekst op de pagina wel. Zorg ervoor dat informatie leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 17: De titel van de PDF 'European University Institute programme
Application round 2024' op pagina https://www.wilweg.nl/sites/default/files/2023-10/eui-application-round-2024.pdf is 'Document portrait'. Dit komt niet overeen met de titel van het document. Zorg voor een correcte documenttitel.
2.4.3 Focus volgorde (Niveau A)
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevinding 18: Op pagina https://www.wilweg.nl/ staan onder de kop "Melissa ging op uitwisseling naar Seoul" drie links. De eerste en derde link zijn links met de naam "Lees het hele verhaal", en de derde link is een algemene link met de naam "Bekijk alle student stories". Het is toegestaan om een link als "Bekijk alle student stories" hier te plaatsen, maar een logische focus volgorde dicteert dat die algemenere link aan het begin of aan het einde van de focus volgorde onder de kop "Melissa ging op uitwisseling naar Seoul" moet staan. Het advies om dit probleem op te lossen is om maar één link (met een vergroot klikbaar gebied) naar het verhaal van Melissa onder deze kop te plaatsen.
Bevinding 19: Wanneer op pagina https://www.wilweg.nl/financien bij een schermgrootte van 1280 x 1024px ingezoomd wordt vanaf 125% dan staat er een anchor menu 'Wat staat er op deze pagina?' met een knop om het menu te openen/sluiten. De foucs volgorde op deze links klopt niet. Indien dit menu wordt ingeklapt moeten de links in het menu worden overgeslagen in de focus volgorde (ook als iemand omhoog navigeert met de toetsenbordfocus). Na het activeren van een menu dat aanvullende interactieve content zoals links in beeld zet moet de toetsenbordfocus altijd eerst naar die nieuw verschenen content gaan voordat deze verder gaat op de pagina en bij het inklappen van een menu moet de zojuist verborgen content worden overgeslagen in de focus volgorde.
Bevinding 20: Advies: Wanneer op pagina https://www.wilweg.nl/financien/beursopener de knop 'Sorteren op' wordt geactiveerd dan verschijnt er een lijst met opties in beeld. Een toetsenbordgebruiker kan over de opties navigeren, maar er is geen manier om de knop in te vouwen of af te sluiten met de escape toets, behalve door weer terug te tabben. Zo blijft de opengevouwen inhoud over de pagina heen staan. Het is een optie om dit lijstje te sluiten zodra de focus op de onderliggende pagina land.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 21: Op pagina https://www.wilweg.nl/toegankelijkheid staat de link 'Lees de volledige officiële verklaring'. Deze link verwijst naar de toegankelijkheidsverklaring van Nuffic (het hoofddomein). Er is geen verklaring beschikbaar van het subdomein Wilweg. Ook de status B die wordt aangegeven op pagina https://www.wilweg.nl/toegankelijkheid komt niet overeen met de status C van Nuffic. De tekst 'Lees de volledige officiële verklaring' voldoet alleen als deze naar de officiële verklaring van deze website verwijst.
Bevinding 22: Op pagina https://www.wilweg.nl/ wanneer het "hamburgermenu" is geopend (wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt vanaf 125%) staat er voor de link 'Home' een link 'Focus menu links after opening mobile menu'. Een screenreader leest deze tekst voor. Zorg ervoor dat deze informatie niet wordt overgedragen, bijvoorbeeld door de link te verwijderen uit de code.
Bevinding 23: Advies: Op pagina https://www.wilweg.nl/financien/beursopener staan zoekresultaten met links, die in de toegankelijke naam de hele linktekst van een zoekresultaat bevatten. Gebruik enkel de tekst van de kopnaam als toegankelijke naam voor de link. Bezoekers die gebruikmaken van voorleessoftware kunnen een lijst met links opvragen om over de pagina te navigeren. Een te lange linktekst is minder gebruiksvriendelijk.
2.4.6 Koppen en labels (Niveau AA)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Voldoende
Bevinding 24: Advies: Op pagina https://www.wilweg.nl/financien/beursopener/sino-dutch-bilateral-exchange-scholarship staat twee keer de kop 'Aanvragen'. Het herhalen van koppen op deze manier word niet afgekeurd, maar is ook niet de bedoeling. De ene kop gaat meer over het doen van een aanvraag en de andere kop geeft meer informatie over de aanvraag procedure. Het is een optie om de kop onderaan te vervangen door bijvoorbeeld "Aanvraag procedure". Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/financien/beursopener/europees-universitair-instituut-beurs en https://www.wilweg.nl/financien/beursopener/nl-scholarship.
Bevinding 25: Advies: Op pagina https://www.wilweg.nl/ staat in de footer een onzichtbare kop 'Footer'. Omdat de links die zich hieronder bevinden al in de footer staan, is het overbodig om dit 'footer' te noemen, ook beschrijft deze kop de onderliggende content onvoldoende. Een kopnaam zou bijvoorbeeld 'Over deze site' kunnen zijn
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 26: Wanneer de klikbare afbeeldingen bij de student stories op pagina https://www.wilweg.nl/ de focus hebben, is dat niet zichtbaar in Chrome, wel in Firefox. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke 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: Onvoldoende
Bevinding 27: Op alle pagina's van https://www.wilweg.nl/ staat in de bovenaan een klikbaar logo. De toegankelijke naam is "Ga naar de beginpagina". Visueel is er een slogan te zien bij het logo 'Wilweg- voor jouw studie, stage of tussenjaar in het buitenland'. Zorg ervoor dat de zichtbare tekst "Wilweg - voor jouw studie, stage of tussenjaar in het buitenland" terugkomt in de naam van deze link.
Bevinding 28: Op pagina https://www.wilweg.nl/orientatie/student-stories/eef-ging-met-een-nl-scholarship-op-exchange-naar-austin staat de blauwe link 'Stel een vraag aan Eef'. De toegankelijke naam van deze link is ingesteld met aria-label is 'Vraag het een WilWeg-ambassadeur' en bevat dus niet de zichtbare tekst. Het gevolg is dat deze link niet voldoet doordat de zichtbare tekst niet terugkomt in de naam van deze link. Pas op met het gebruik van aria-labels, het gebruik van dit attribuut om de naam van knoppen en links aan te passen is toegestaan mits er met de eisen van dit succescriterium rekening gehouden wordt.
Bevinding 29: Op pagina https://www.wilweg.nl/financien/beursopener/sino-dutch-bilateral-exchange-scholarship wanneer bij een schermgrootte van 1280 x 1024px ingezoomd wordt op 175% dan veranderen de koppen op de pagina in knoppen. De toegankelijke naam van deze knoppen is 'Open sectie'. Vul deze tekst aan met de kop die in- en uitgevouwen kan worden zoals bijvoorbeeld 'Over de beurs', zodat deze knop ook te bedienen is met spraakgestuurde bediening. Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/financien/beursopener/nl-scholarship.
Bevinding 30: Op pagina https://www.wilweg.nl/ wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 125% dan verander de hoofdnavigatie in een menu-knop. De toegankelijke naam van deze knop met aria-label is 'Open navigatiemenu' en bevat niet de naam 'menu' die visueel zichtbaar is . Zorg ervoor dat de visuele naam duidelijk in de toegankelijke naam aanwezig is, het 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
Uitkomst: Onvoldoende
Bevinding 31: In de eigenschappen van PDF 'European University Institute programme
Application round 2024' op pagina https://www.wilweg.nl/sites/default/files/2023-10/eui-application-round-2024.pdf is de taal niet goed ingevuld. Deze staat op Nederlands in plaats van Engels. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 32: Op pagina https://www.wilweg.nl/financien/beursopener staat boven de zoekresultaten een zoekveld. Wanneer een bezoeker begint met typen verschijnt er een knop om de invoer te verwijderen. De toegankelijke naam van de knop is 'Clear search field'. Een vergelijkbaar probleem komt voor op dezelfde pagina voor de tekst 'Gebruik de filters aan de linkerkant'. Het pijl teken heeft als toegankelijke naam 'filter location icon'. Het is technisch gezien ook een optie om een taalwisseling (lang="en") toe te passen, in het geval van een Nederlandse website als deze is het advies om deze teksten naar het Nederlands te vertalen.
Bevinding 33: Op pagina https://www.wilweg.nl/financien/beursopener/europees-universitair-instituut-beurs staat de tekst 'Read this information in English' en de link 'Obligations for scholarship holders (84.53 kB)'. Deze tekst is in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.
Bevinding 34: Opmerking: Op pagina https://www.wilweg.nl/ wanneer het "hamburgermenu" is geopend staat er voor de link 'Home' een link 'Focus menu links after opening mobile menu'. Een screenreader leest deze tekst voor. Zorg ervoor dat de toegankelijke naam van een link overeenkomt met de taal van de pagina, in dit geval is dat Nederlands.
3.2 Voorspelbaar
3.2.1 Bij focus (Niveau A)
Informatie over succescriterium 3.2.1 Bij focus
Uitkomst: Onvoldoende
Bevinding 35: Op pagina https://www.wilweg.nl/contact-met-wilweg komt er een pop-up in beeld bij het maken van een invoerfout. Als een gebruiker een ongeldig e-mailadres invoert en naar een ander invoerveld navigeert met de tabtoets komt er een pop-up in beeld die de gebruiker dwingt om een keuze te maken voordat deze verder kan. Het verplaatsen van de focus naar een andere plek dan het invoerveld met de fout zorgt ervoor dat de focus niet naar de verwachte positie gaat. Dat is een probleem onder dit succescriterium. Dit gedrag maakt het onnodig complex voor gebruikers die afhankelijk zijn van het toetsenbord om dit formulier in te vullen. Het advies is hier om te wachten met het presenteren van foutmeldingen totdat de gebruiker er zelf voor kiest om het formulier te verzenden. Dit probleem komt ook voor in het andere formulier op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 36: Op pagina https://www.wilweg.nl/contact-met-wilweg staat er een foutmelding in een dialoogvenster, wanneer er niks is ingevuld en de 'Verstuur' knop geactiveerd is. De tekst 'Let op: Bij de vraag: Voornaam. De verplichte vraag is niet beantwoord.' Bij het maken van een dubbele fout zoals het niet invullen van voor én achternaam, maar wel e-mail en bericht moet er een dubbele foutmelding gegeven worden zodat een gebruiker beide fouten in één keer op kan lossen. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Voornaam is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3. Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story. Wanneer bijvoorbeeld alles is ingevuld behalve de checkbox aangevinkt bij de akkoordverklaring, dan verschijnt er een melding waar enkel staat 'De verplichte vraag is niet ingevuld'. Wanneer de bezoeker op 'ok' klikt gaat de checkbox knipperen om aan te geven dat hier het probleem zit. Bijvoorbeeld een blinde bezoeker weet nu niet waar het probleem zich bevindt.
Bevinding 37: Opmerking: Op pagina https://www.wilweg.nl/financien/beursopener wanneer bij de filter 'Waar wil je heen' de zoekfunctie wordt gebruikt, dan is er geen manier om de zoekopdracht te activeren, waardoor er ook geen foutmelding in beeld komt bij foutieve invoer. Een bezoeker die een typefout maakt weet nu niet dat er iets fout is gegaan. Het toevoegen van een foutmelding kan helpen om dat beter duidelijk te maken.
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Voldoende
Bevinding 38: Advies: Op pagina https://www.wilweg.nl/contact-met-wilweg staan sterretjes bij de velden die verplicht zijn. Onderaan het formulier wordt de betekenis van deze sterretjes aangegeven. Zet deze melding bovenaan het formulier. Dit komt ook voor op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story.
3.3.3 Foutsuggestie (Niveau AA)
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Onvoldoende
Bevinding 39: Op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story wanneer het e-mailadres onjuist ingevuld wordt, verschijnt een pop-upvenster waarin alleen te lezen is dat de invoer niet geldig is. Voeg hier een suggestie aan toe voor het oplossen van de fout, zodat de bezoeker weet hoe het formulier op de juiste manier ingevuld kan worden, bijvoorbeeld 'Controleer of het e-mailadres het volgende formaat heeft: naam@domein.nl'.
Hetzelfde probleem komt ook voor op pagina https://www.wilweg.nl/contact-met-wilweg.
Bevinding 40: Op pagina https://www.wilweg.nl/contact-met-wilweg staat een formulier. Bij het veld e-mailadres wordt gevraagd om een specifieke invoer. Wanneer het veld niet goed wordt ingevuld, komt er een foutmelding 'Het e-mailadres "x" is niet geldig.' Dit is geen goede foutsuggestie. Voeg bijvoorbeeld de tekst toe 'Controleer of het e-mailadres het volgende formaat heeft: naam@domein.nl'. Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story.
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 41: Op pagina https://www.wilweg.nl/financien/beursopener staan onder de filter checkboxen die ook als rol link hebben. Wanneer een "link" wordt aangeklikt, dan wordt de filterfunctie van de checkbox geactiveerd. Deze "links" zijn dus geen links met een linkdoel, maar filteren de zoekresultaten zoals bij een checkbox. Verwijder de links en zorg voor een toegankelijke opmaak van de checkboxen. Let er bij het doen van deze aanpassing wel op dat er geen nieuw probleem bij succescriterium 3.2.2 veroorzaakt wordt door de pagina meteen opnieuw te laden na veranderen van de selectie van zo’n vakje. Dit issue kan omzeild worden door een “filters toepassen” knop toe te voegen.
Bevinding 42: Op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story staan checkboxen onder 'Akkoordverklaring'. Deze checkboxen hebben geen toegankelijke naam. Er zijn label-elementen gekoppeld aan deze input-elementen alleen bevatten die label-elementen geen tekst zoals " Ik heb de privacyverklaring gelezen en ik ga akkoord met de voorwaarden. *". Alle interactieve elementen zoals selectievakjes, invoervelden en links moeten altijd een naam hebben om te voldoen. Let er bij het toevoegen van een toegankelijke naam op dat die naam voldoet aan de eisen van succescriterium 2.5.3.
Bevinding 43: Op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story staat een fieldset zonder legend-element. Om te voldoen aan de eisen van dit succescriterium is het noodzakelijk dat de fieldset een naam heeft. De standaardmethode daarvoor is om een legend-element met tekst direct binnen de fieldset te plaatsen.
Bevinding 44: Advies: Op pagina https://www.wilweg.nl/financien/beursopener/sino-dutch-bilateral-exchange-scholarship staan onder de kop 'Over de beurs' twee knoppen die eruitzien als links, bijvoorbeeld 'Studierichting'. Zorg ervoor dat de opmaak overeenkomt met de functie nu kan het verwarrend zijn voor bezoekers dat er een pop-up komt en dat de knop niet werkt als een link zoals de verwachting is.
4.1.3 Statusberichten (Niveau AA)
Informatie over succescriterium 4.1.3 Statusberichten
Uitkomst: Onvoldoende
Bevinding 45: Het is voor ziende gebruikers duidelijk dat na verzending het formulier op pagina https://www.wilweg.nl/contact-met-wilweg succesvol ingediend is met de tekst 'Bedankt, het formulier is verstuurd.', maar deze informatie is niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware. Maak bijvoorbeeld gebruik van role="status". Hetzelfde probleem komt voor op pagina https://www.wilweg.nl/weer-thuis/deel-jouw-student-story met de tekst 'Bedankt voor je bijdrage! We plaatsen je verhaal zo snel mogelijk.'.
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://www.wilweg.nl/ - Zoek een beurs en filterfunctie:
https://www.wilweg.nl/financien/beursopener - Zoekresultaat:
https://www.wilweg.nl/zoeken?s=Ik+wil+weg - Toptaak 1:
https://www.wilweg.nl/studie/vind-je-studie-het-buitenland - Toptaak 2:
https://www.wilweg.nl/financien - Formulier 1 + contactpagina:
https://www.wilweg.nl/contact-met-wilweg - Formulier 2:
https://www.wilweg.nl/weer-thuis/deel-jouw-student-story - Pagina met PDF 1:
https://www.wilweg.nl/financien/beursopener/sino-dutch-bilateral-exchange-scholarship - PDF 1:
https://www.wilweg.nl/sites/default/files/2022-12/obligations-for-scholarship-holders-dutch-students.pdf - Pagina met PDF 2:
https://www.wilweg.nl/financien/beursopener/europees-universitair-instituut-beurs - PDF 2:
https://www.wilweg.nl/sites/default/files/2023-10/eui-application-round-2024.pdf - Toegankelijkheid:
https://www.wilweg.nl/toegankelijkheid - 404-pagina:
https://www.wilweg.nl/toegankelijkheid/fout - Willekeurige pagina 1:
https://www.wilweg.nl/orientatie/student-stories/eef-ging-met-een-nl-scholarship-op-exchange-naar-austin - Willekeurige pagina 2:
https://www.wilweg.nl/financien/beursopener/nl-scholarship
Ondersteunende technieken
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.