Rapport:
Audit digitale toegankelijkheid website HAS Green Academy

Uitkomst: Onvoldoende

Bevindingen: Boven aan de homepagina staat een SVG-afbeelding van het HAS logo. De naam van deze afbeelding ontbreekt. De toegankelijke 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. Los dit op door role=’img’ toe te voegen aan het SVG-element en een title-element met een alternatieve tekst als eerste child-element toe te voegen. Ditzelfde komt voor op veel pagina's in de website, bijvoorbeeld op pagina www.has.nl/meer-has/vacatures/.

Bovenaan de homepagina staat een afbeelding van een student. Deze afbeelding heeft geen tekst alternatief en dit is ook niet nodig omdat het om een decoratieve afbeelding gaat. Maar de afbeelding heeft wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeelding genegeerd kan worden. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina www.has.nl/en/bachelors-and-more/exchange-applied-animal-sciences/ bij de afbeelding van een varkensstal.

Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde heeft het logo van 'HAS green academy' geen alternatieve tekst. De alternatieve tekst van een logo moet de naam van de organisatie en andere tekst in beeld bevatten en daarnaast een beschrijvend linkdoel als de afbeelding ook als link dient. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina www.has.nl/meer-has/ bij het logo van 'NVAO geaccrediteerde opleiding' en op de pagina www.has.nl/meer-has/ onderin een iframe onder 'Jaarverslag 2018' bij het ISSUU logo.

Op de homepage staan in de carrousel ‘Evenementen’ decoratieve afbeeldingen in blokken content. Wanneer decoratieve afbeeldingen een alternatieve tekst hebben, moet de alternatieve tekst de inhoud van de afbeelding beschrijving. Een herhaling van de titel van het evenement, of een deel daarvan, is niet toegestaan. Pas de alternatieve teksten aan, of laat het alt-attribuut leeg. Hetzelfde geldt voor meer afbeeldingen in de website, bijvoorbeeld op pagina www.has.nl/onderzoek/projecten/ staat bij 'Hippische Monitor' een afbeelding van een galopperend paard waarbij de toegankelijke tekst hetzelfde is als de titel van het artikel.

Op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 staat een afbeelding van een student met de alternatieve tekst 'Banner'. Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element.

Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde staan social media iconen. De iconen worden door middel van het pseudo-element :before en de content property in de CSS op de pagina gezet. Op deze manier kan het zijn dat de iconen wegvallen, bijvoorbeeld voor mensen die een eigen CSS opmaak gebruiken, of wanneer de CSS niet geladen wordt. De content property is alleen geschikt voor het toevoegen van puur decoratieve content. Een oplossing kan zijn om het icoon in de html te plaatsen, bijvoorbeeld als img-element of svg met tekst alternatief.

Op pagina www.has.nl/has-expo/bo-expositie/thema-dier/ komen meerdere iframes voor met daarin canvas-elementen. Canvas elementen moeten een toegankelijke naam en beschrijving hebben. Daarnaast moet de inhoud van een canvas element dat bedienbaar is met de muis ook een toegankelijke rol hebben, en toetsenbordtoegankelijk zijn. Dat is nu niet het geval. Lees meer over toegankelijke canvas-elementen op pagina pauljadam.com/demos/canvas.html. Hetzelfde geldt voor al de ISSUU objecten in de website, bijvoorbeeld die op de zelfde pagina onder 'BO Expositie thema Dier per onderwerp'.

Bij de verplichte velden in het formulier op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde wordt met een asterisk (*) aangegeven dat velden verplicht zijn. Een asterisk is een speciaal teken dat niet door alle browser en hulpsoftware combinaties wordt voorgelezen. Zorg voor een alternatief, bijvoorbeeld met het required attribuut binnen het input element, om dit probleem op te lossen.

In het pdf-document Bedrijfskunde en foodbusiness heeft het logo van ‘HAS’ geen alternatieve tekst. Het logo vertelt aan de bezoeker bij welke organisatie dit document hoort. Zorg dat de eerste keer dat dit logo voorkomt, het logo een tekstalternatief krijgt, zodat het voor bezoekers die het document niet kunnen zien het ook duidelijk is wie de afzender is van het document.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ wordt een video 'Bedrijfskunde en foodbusiness Den Bosch' getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden, bijvoorbeeld op 2:14 'vond geo kamers je moest veel zelf gram penne'. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Voeg een goede ondertiteling toe, met interpunctie.

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:09 'Ontdek het'. Er ontbreekt uitgeschreven tekst en er is ook geen voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van een screenreader niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:09 'Ontdek het'. Er ontbreekt uitgeschreven tekst en er is ook geen voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Maak voor deze en andere informatie gebruik van een extra audiospoor.

Uitkomst: Onvoldoende

Bevindingen: Rechts onderaan elke pagina staat de link 'Contact' in een lijst-item die in een <ul> tag zit met role='menubar'. Hulpsoftware beschouwt dit niet langer als een lijst en kan zo niet vaststellen waar het lijst-item bij hoort. Haal de rol weg of geef het lijst-item bijvoorbeeld de rol ='menuitem'.

In de footer van iedere pagina staan visuele koppen die niet als kop zijn opgemaakt. Bezoekers die gebruik maken van voorleessoftware kunnen aan de hand van een sneltoets door de koppen over de pagina navigeren, maar alleen als de koppen met een h-element opgemaakt zijn. Maak de koppen op met een h-element, bijvoorbeeld het h2-element om dit probleem op te lossen.

Op pagina www.has.nl/meer-has/ zijn zinnen/koppen opgemaakt met het strong-element, bijvoorbeeld onder 'Bestuur' de kop 'Medewerkers algemeen'. Het strong-element mag niet worden gebruikt als visuele kop, omdat het niet dezelfde betekenis heeft als een kop (bijvoorbeeld h2 of h3). Hetzelfde komt vaker voor op de website, bijvoorbeeld op de pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 de kop 'Interessegebied' en '18 gevonden resultaten'

Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde is bijvoorbeeld bij het veld 'Voorletters' het label niet geassocieerd met het invoerveld. Tekstlabels moeten gekoppeld worden aan invoervelden door gebruik te maken van het for-attribuut bij het label-element die verwijst naar een id-attribuut bij het invoerveld. Zo krijgt een bezoeker die gebruik maakt van een screenreader direct te horen om welk veld het gaat als direct naar het invoerveld wordt gesprongen. Hetzelfde komt vaker voor op de website, bijvoorbeeld op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started is bij de gevonden resultaten het selectievakje niet gekoppeld aan de titel van het pakket en in stap 2 van het zelfde formulier is bijvoorbeeld het label 'Voornaam' niet gekoppeld aan het invoerveld er naast.

Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde komen keuzerondjes voor, zoals bij 'Geslacht'. Deze keuzerondjes zijn niet goed gegroepeerd. Voor 'Geslacht' is nu een label gebruikt en de keuzerondjes zelf hebben geen label. Koppel de juiste labels (Man/vrouw) aan de keuzerondjes met een labels en de attributen for en id, en groepeer de keuzerondjes door een fieldset en legend combinatie te gebruiken met als legend 'Geslacht'. Dit probleem komt op meerdere plekken voor.

Op pagina www.has.nl/bedrijfsopleidingen/cursus-bakkerijtechnologie/ is de functie van Wijnand Segers opgemaakt met een cite tag. Cite wordt semantisch gebruikt om te verwijzen naar de bron van een geciteerd stuk tekst. Hulpsoftware maakt gebruik van de semantische waarde van elementen om de structuur van de pagina te gebruiken. Zorg voor een correcte semantische opmaak van de pagina's.

In de PDF Bedrijfskunde en foodbusiness is de kop van de pagina als paragraaf opgemaakt en de tekst 'Hogeschool voor agro food en leefomgeving' is niet opgemaakt . Zorg voor de juiste code.

De tabel in de PDF Bedrijfskunde en foodbusiness is bevat geen koppen. Tabellen met drie of meer kolommen moeten altijd tabelkoppen hebben die zijn opgemaakt met het th-element. Voeg tabelkoppen toe en zorg dat de cellen een relatie hebben met de koppen door het bereik in het th-element aan te geven.

Advies: De link 'Inloggen voor studenten en medewerkers' en 'menu' bovenaan elke pagina, hebben een titel waarin de linktekst herhaald wordt. Veel voorleessoftware leest ook de titel, waardoor het linkdoel twee keer voorgelezen wordt. Voorkom overbodige informatie.

Uitkomst: Onvoldoende

Bevindingen: Op de pagina www.has.nl/onderzoek/projecten/ staan blokken met daarin een afbeelding, meta informatie, een kop en tekst. Als de blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop de afbeelding, de categorie en de datum hoort. Zet de koppen vooraan in de HTML-code en zet hierachter de afbeelding en de metadata. Visueel mag deze indeling wel aangehouden worden. Dit geldt ook voor pagina diamonds.tno.nl/search. Hetzelfde komt vaker in de website voor, bijvoorbeeld op de homepagina in de carrousel 'Evenementen' boven '6 TOP-OPLEIDINGEN IN KEUZEGIDS HBO 20230'.

Uitkomst: Onvoldoende

Bevindingen: Op pagina staat de tekst 'Klik op onderstaande button om door te gaan.' De eerstvolgende knop die focus krijgt is echter 'vorige'. Verwijs alleen naar 'onderstaand' of 'bovenstaand' als die content direct op deze tekst volgt. Vermijd ook het verwijzen naar vorm, omvang, locatie, geluid en oriëntatie van de content wanneer die niet ook een alternatieve tekst hebben.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde is een formulier waar de bezoeker onder andere het eigen e-mailadres en achternaam kunnen 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". Hetzelfde probleem komt vaker op de website voor, bijvoorbeeld op pagina emails.has.nl/ct/m8/k1/dSaBf6DE0wFxnb6oF77CQDtLFm804ZMnyvWPt46MwFv7XPWnwQsBqq--gfCf_G-x/csURehfBnMnJQyw?_gl=1 bij het invoerveld email.

Uitkomst: Onvoldoende

Bevindingen: De links in de lopende tekst op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 , bijvoorbeeld linktekst 'privacyverklaring', zijn alleen herkenbaar doordat ze een andere kleur hebben. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat om links gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.

Wanneer bezoekers op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus- een veld niet of niet goed hebben ingevuld, is dat alleen duidelijk doordat de velden en de tekstuele labels rood kleuren. Informatie mag niet enkel worden overgebracht met kleur. Voeg duidelijke foutmeldingen toe om dit probleem op te lossen.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina is een witte tekst 'Nieuws' en 'Evenementen' op een groene achtergrond (HEX #1CD354). Deze tekst heeft een te laag contrast. De contrastverhouding is 2:1 waar dit minimaal 4,5:1 moet zijn. Zorg voor voldoende contrast zodat de tekst voor iedereen leesbaar is. Dit probleem komt ook voor op pagina www.has.nl/zoeken/, bij de paginering.

Op pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ is een witte tekst 'Ervaar het tijdens de open dag' op een roze achtergrond (HEX #EA1FB6). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,9:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ is een roze tekst (HEX #EA1FB6) 'hbo-opleidingen' op een paarse achtergrond (HEX #421B44). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,7:1 waar dit minimaal 4,5:1 moet zijn. Wanneer deze link muisfocus heeft verandert de achtergrondkleur (HEX #7A5F7C) en is de contrastratio nog slechts 1,4:1 waar dat minimaal 4,5:1 moet zijn.

Op pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ is een donker grijze tekst (HEX #2D2D2D) o.a. 'studenttevredenheid' op een roze achtergrond (HEX #EA1FB6). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,5:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina www.has.nl/bedrijfsopleidingen/cursus-bakkerijtechnologie/ is een blauwe tekst (HEX #008AFF) 'bedrijfsopleidingen' op een donkerblauwe achtergrond (HEX #163951). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,3:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina www.has.nl/bedrijfsopleidingen/cursus-bakkerijtechnologie/ is een blauwe tekst (HEX #707C85) 'projectmanager' op een donkerblauwe achtergrond (HEX #163951). Deze tekst heeft een te laag contrast. De contrastverhouding is 2,8:1 waar dit minimaal 4,5:1 moet zijn.

Op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 is een roze tekst 'Meer info' (HEX #E324A8) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,1:1 waar dit minimaal 4,5:1 moet zijn. De zelfde contrastverhouding heeft de witte tekst op de zelfde kleur roze achtergrond zoals bijvoorbeeld 'Volgende'.

Op de pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde is een witte tekst 'Versturen' op een groene achtergrond (HEX #53AF31). Deze tekst heeft een te laag contrast. De contrastverhouding is 2,8:1 waar dit 4,5:1 moet zijn. Zorg voor voldoende contrast zodat de tekst voor iedereen leesbaar is.

Op pagina emails.has.nl/ct/m8/k1/dSaBf6DE0wFxnb6oF77CQDtLFm804ZMnyvWPt46MwFv7XPWnwQsBqq--gfCf_G-x/csURehfBnMnJQyw?_gl=1 is een blauwe tekst 'Privacy Statement' (HEX #008AFF) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,5:1 waar dit minimaal 4,5:1 moet zijn.

Bij stap 2 in het formulier op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 is er een invoerveld 'Geboortedatum' dat doormiddel van een datum picker ingevuld kan worden. Daarin is het contrast van de grijze tekst (HEX #AAAAAA) op witte achtergrond is te laag. Dat is 2,3:1 waar dit minimaal 4,5:1 moet zijn.

Op de pagina www.has.nl/bedrijfsopleidingen/praktische-informatie/ is een witte tekst 'Blijf op de hoogte! Meld je aan voor onze nieuwsbrief' op een foto als achtergrond. Deze tekst heeft op sommige plaatsen een te laag contrast. De contrastverhouding is soms 1,2:1 waar dit 4,5:1 moet zijn. Zorg voor voldoende contrast zodat de tekst voor iedereen leesbaar is door bijvoorbeeld een schaduwrand rond de tekst of een donkere foto.

Als op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a8970eda-83b6-49e7-a9fe-edf7ad876923/started bij stap 1 bijvoorbeeld het filter 'Engels' wordt ingesteld wordt de locatie Venlo licht grijs (HEX #ADB5BD) op wit. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,1:1 waar dit minimaal 4,5:1 moet zijn.

Wanneer bezoekers inzoomen op pagina forms.summit.nl/HAS/InformatieaanvragenPost/69230f62-21ad-4fda-b137-cd2b8eadf408/started verschijnt de tekst 'Toon gemaakte keuzes'. De contrastratio tussen de witte tekst en de lichtbruine achtergrond (HEX #AEA9AE) is 2,3:1 waar dat minimaal 4,5:1 moet zijn.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina www.has.nl/zoeken/ komt paginering voor, met pijl-iconen op een groene achtergrond. De contrastratio tussen de witte iconen en de groene achtergrond (HEX #1CD354) is 2:1 waar dat minimaal 3:1 moet zijn.

Wanneer de invoervelden op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskundefocus hebben is de contrastratio tussen de lichtblauwe focusrand (HEX #66AFE9) en de witte achtergrond 2,3:1 waar dat minimaal 3:1 moet zijn.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ is een keuzeknop Den Bosch/Venlo. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken.. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Deze knop komt twee keer voor in de pagina.

Op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 kan rechtsboven naar pagina 2 van het formulier gegaan worden. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Hetzelfde geldt voor de paginering van de gevonden resultaten onder aan dezelfde pagina en de knop 'Toon gemaakte keuzes' op dezelfde pagina.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium. Dit probleem komt voor bij alle video's in de website.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started#/Page/0 beweegt de A van het HAS logo. Er is geen mechanisme beschikbaar om de content te laten stoppen, te pauzeren of te verbergen. Door de bewegende content, hebben sommige bezoekers moeite met het lezen en bekijken van de stilstaande content. Voeg een mechanisme toe waarmee de gebruiker dit kan verhelpen, of verwijder de content om dit probleem op te lossen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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.

Uitkomst: Onvoldoende

Bevindingen: De paginatitel op pagina www.has.nl/has-expo/bo-expositie/thema-dier/ ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.

De titel van de inschrijf pagina voor nieuwsbrieven emails.has.nl/ct/m8/k1/dSaBf6DE0wFxnb6oF77CQDtLFm804ZMnyvWPt46MwFv7XPWnwQsBqq--gfCf_G-x/… is 'HAS green academy'. Dit beschrijft de inhoud van de pagina niet, zorg voor een beschrijvende titel.

De PDF Bedrijfskunde en foodbusiness 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.

Uitkomst: Onvoldoende

Bevindingen: Op de homepage wordt in de HTML gebruik gemaakt van het attribuut tabindex=0 op bijvoorbeeld bij de nieuws carrousel. Daardoor ontstaat er bij een onlogische focusvolgorde. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert. Plaats geen tabindex="0" op elementen die geen focus horen te krijgen. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ bij de review carrousel.

Op pagina www.has.nl/zoeken/ opent een menuvenster wanneer een bezoeker rechtsboven op het hamburger icoon klikt. Wanneer het venster openstaat, is de content op de achterliggende pagina nog steeds bereikbaar met het toetsenbord. Hierdoor kan je niet altijd meer zien waar je bent als je met het toetsenbord navigeert. Zorg dat de focus binnen het menuvenster blijft totdat deze gesloten is en dat de achterliggende content "onzichtbaar" is voor hulpsoftware en niet bereikbaar is met het toetsenbord. Hetzelfde komt vaker voor op de website, bijvoorbeeld op pagina www.has.nl/meer-has/.

Op pagina www.has.nl/hbo-opleidingen/bedrijfskunde-en-foodbusiness/ wordt in de HTML gebruikgemaakt van het attribuut tabindex met een waarde groter dan 0. Daardoor ontstaat er bijvoorbeeld bij de keuzeknop Den Bosch/Venlo een onlogische focusvolgorde. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert.

Rechts onder aan de homepagina staat een knop naar het begin van pagina waarmee een bezoeker naar het begin van de pagina scrollt. Je zou verwachten dat daarna het eerste element van de pagina focus zou krijgen maar de focus blijft op het zelfde element onder aan de pagina, dat is verwarrend. Zorg er voor dat de focus mee gaat met het venster.

Op pagina www.has.nl/has-expo/bo-expositie/thema-dier/ staat een Canvas van ISSUU waarin een publicatie bekeken kan worden. Recht bovenin is een knop 'SHARE' dat een venster met social media links opent. Er doet zich hier een probleem voor met de focusvolgorde. De sociale media items krijgen toetsenbordfocus, ook als het venster niet uitgevouwen is. Dit is verwarrend voor gebruikers die met het toetsenbord navigeren, maar wel het scherm kunnen zien. Zorg ervoor dat de items die niet zichtbaar zijn geen focus krijgen als het venster dicht is.

De eerste keer dat een bezoeker het formulier op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a8970eda-83b6-49e7-a9fe-edf7ad876923/started bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Uitkomst: Onvoldoende

Bevindingen: Onder aan de homepagina staat een facebook logo. Dit is een link naar de 'hasgreenacademy' pagina op facebook. De toegankelijke linktekst @HASgreenacademy' is niet duidelijk. Pas de naam van de link aan zodat de naam het linkdoel beschrijft. Hetzelfde geldt voor de Instagram, Twitter en LinkedIn links er naast. Hetzelfde kom op meerdere pagina's in de website voor.

Op pagina www.has.nl/zoeken/ wordt onderaan gebruikgemaakt van paginering. De linknaam is onvoldoende voor screenreadergebruikers. Zo is de linknaam '1' bij pagina 1, '2' bij pagina 2, enzovoorts. Vul deze links aan door er het woord 'pagina ' voor te zetten. Deze tekst kan visueel verborgen worden.

Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde staat een icoon dat linkt naar Google+. De link heeft geen naam. Omdat de link geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een duidelijke linktekst toe om dit probleem op te lossen.(Advies: Overigens is dit een link naar een dienst die niet langer geleverd wordt: "Google+ is no longer available for consumer (personal) and brand accounts".) Hetzelfde probleem komt voor bij de 'facebook', 'Twitter' en 'LinkedIn' logo's op de zelfde pagina.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer op pagina www.has.nl/onderzoek/projecten de expertise filter items naast de Projecten carrousel focus hebben, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Wanneer de selectievakjes op pagina forms.summit.nl/HAS/InformatieaanvragenPost/69230f62-21ad-4fda-b137-cd2b8eadf408/started focus hebben, is dat niet zichtbaar. . Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Dit geldt ook voor de paginering en de knop om de cookiemelding te sluiten.

Wanneer in de pagina www.has.nl/has-expo/bo-expositie/thema-dier/ in het canvas element van ISSUU bijvoorbeeld de knop Fullscreen focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Hetzelfde geldt voor meer interface elementen in het canvas zoals de zoom-in en zoom-out knop.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: De labels in het formulier op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde hebben geen naam. Daardoor komt de naam van een invoerveld niet overeen met wat er op het scherm staat. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Hetzelfde geldt op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a8970eda-83b6-49e7-a9fe-edf7ad876923/started voor de invoervelden bij stap 2 in het formulier.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde 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 lang="nl".

De hoofdtaal van pagina forms.summit.nl/HAS/InformatieaanvragenPost/69230f62-21ad-4fda-b137-cd2b8eadf408/started is Engels, terwijl de tekst op pagina Nederlandstalig is. Zorg ervoor dat de taal in het HTML element hetzelfde is als de taal op de pagina, óf geef voor de volledige tekst op de pagina (inclusief navigatie en footer) een taalwisseling aan.

Uitkomst: Onvoldoende

Bevindingen: Op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde verschijnen er Engelstalige teksten na het versturen van een niet volledig ingevuld formulier: 'One or more validation errors have occurred.' en ' Oops!Your form has NOT been submitted.’ Biedt foutmeldingen aan in de (correcte) taal van de pagina, of geef een taalwissel aan.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina forms.summit.nl/HAS/InformatieaanvragenPost/cceebe6d-7f6e-4bf5-a521-280bd25f35ca/started een veld niet of niet goed invullen, kleuren de velden rood, maar er verschijnt geen tekstuele foutmelding die bezoekers informeert over waarom zij niet door kunnen met het formulier. De bezoeker moet een foutmelding krijgen wanneer een invoerveld niet goed is ingevuld of het formulier niet goed verzonden kan worden. De foutmelding moet beschrijven welke fout is gemaakt en wáár die is gemaakt.

Wanneer bezoekers op pagina has.cartaonline.nl/aanbod/inschrijven/cl1187/basiscursus-wiskunde een veld niet of niet goed invullen verschijnt er een algemene melding dat er validatiefouten zijn gevonden, en per veld een melding, bijvoorbeeld 'e-mailadres is niet correct' of 'veld is verplicht'. Een foutmelding moet vermelden welke fout gemaakt is, en waar de fout gemaakt is. Dat een veld verplicht is is daarom geen goede foutmelding, maar een foutsuggestie.

Uitkomst: Onvoldoende

Bevindingen: Op onder andere pagina emails.has.nl/ct/m8/k1/dSaBf6DE0wFxnb6oF77CQDtLFm804ZMnyvWPt46MwFv7XPWnwQsBqq--gfCf_G-x/… staan verplichte velden aangeduid met een asterisk (*). Als verplichte velden worden aangegeven met een asterisk, dan moet er ook een tekstuele instructie worden gegeven dat velden met een asterisk verplicht zijn, bijvoorbeeld 'Velden met een * zijn verplicht'.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op de homepagina komen dubbele id's voor, namelijk id="secondary-nav-foldout-". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina. Hetzelfde komt voor op alle pagina's van de website maar ook bijvoorbeeld op pagina www.has.nl/zoeken/ onder andere de ID='6260'. Zorg er voor dat elke ID uniek is.

Op pagina www.has.nl/zoeken/ staat een lijst waarin andere elementen dan lijst-items voorkomen namelijk harde returns. Hulpsoftware kan daardoor de structuur van de pagina niet goed bepalen. Zorg voor een correcte HTML opmaak.

Uitkomst: Onvoldoende

Bevindingen: Op pagina www.has.nl/meer-has/ staat onder jaarverslagen/jaarverslag 2017 een iframe. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit i-frame met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Bekijk het jaarverslag 2017". Hetzelfde geldt voor de drie andere iframes op deze pagina. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:

• www.has.nl/has-expo/bo-expositie/thema-dier/

Op pagina www.has.nl/meer-has/ staat onder jaarverslagen/jaarverslag 2017 een iframe met een knop om het frame fullscreen af te beelden. De knop heeft geen toegankelijke naam waardoor niet alle bezoekers weten wat de knop doet. Geeft elk interactief element een goede beschrijvende naam. Hetzelfde geldt voor de drie andere iframes op deze pagina.

De knop om de cookiemelding op pagina forms.summit.nl/HAS/InformatieaanvragenPost/69230f62-21ad-4fda-b137-cd2b8eadf408/started te sluiten heeft geen toegankelijke naam. Zorg ervoor dat bezoekers die het scherm niet kunnen zien ook weten wat de functie van de knop is door een toegankelijke naam toe te voegen.

De taalkeuze functie op pagina forms.summit.nl/HAS/InformatieaanvragenPost/69230f62-21ad-4fda-b137-cd2b8eadf408/started heeft geen toegankelijke naam en rol. Zorg ervoor dat bezoekers die gebruik maken van hulpsoftware ook weten waar dit interactieve element voor dient door een rol en een naam toe te voegen.

Uitkomst: Onvoldoende

Bevindingen: Wanneer bezoekers op pagina forms.summit.nl/HAS/InformatieaanvragenPost/a635da0f-ee60-400a-aee1-3468082ca8b9/started in stap 2 van het formulier een formulierveld niet goed invullen, verschijnt er zonder dat de pagina ververst een foutmelding. Bezoekers die gebruik maken van hulpsoftware krijgen hier geen melding van. Zorg ervoor dat dit gebeurt, of verplaats de focus naar het eerste invoerveld met een volledige (dat is nu niet het geval) foutmelding.