Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Kennishub Overijssel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Kennishub Overijssel
Datum 16 juni 2022
Scope van de website
  • alle pagina's op kennishuboverijssel.nl
  • niet de pagina's op public.tableau.com
  • niet de pagina's op kennishub-overijssel.hub.arcgis.com
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 44

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: Het logo van de provincie Overijssel, in de footer van de pagina, heeft geen alternatieve tekst. De alternatieve tekst van een logo moet de naam van de organisatie en eventuele andere tekst op de afbeelding bevatten en kan voorafgegaan worden door het woord 'Logo, dus 'Logo Provincie Overijssel'.

Bevinding 2: Op een aantal pagina's is een logo soms aanwezig in de header, maar daar heeft het logo een alt="" in plaats van de naam op het logo "Kennishub Overijssel". Zie bijvoorbeeld https://www.kennishuboverijssel.nl/pages/kengetallen en https://www.kennishuboverijssel.nl/pages/thema-economie

Bevinding 3: https://www.kennishuboverijssel.nl/pages/108077b061ed47fc8007614282903c8e is het logo in een knop geplaatst. Met deze knop kan een popup met tekst opgevraagd kan worden. De naam van de knop ontbreekt; de afbeelding, het Kennishub Oversijssel-logo heeft het logo alt="" in plaats van de naam op het logo "Kennishub Overijssel".

Bevinding 4: De knoppen waarmee bezoekers in de datumkiezer onder 'Laatst bijgewerkt' op pagina https://www.kennishuboverijssel.nl/search naar een vorige of volgende maand kunnen gaan, hebben geen beschrijvende alternatieve tekst. De alternatieve tekst bestaat nu uit de tekens zelf: << en >>. Voeg een beschrijvende alternatieve tekst toe, bijvoorbeeld 'Vorige maand' om dit probleem op te lossen.

Bevinding 5: Het logo van de provincie Overijssel op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen bevat geen alternatieve tekst. De alternatieve tekst van een logo moet altijd de naam van de organisatie en eventuele andere tekst op de afbeelding bevatten. Gekozen kan worden om ook het woord 'Logo' in het tekstalternatief op te nemen. Zie opmerking dashboard

Bevinding 6: Geen van de lichtgrijze knopjes en afbeeldingen in SVG-formaat in het dashboard op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen hebben een alternatieve tekst. Hierdoor is dit onderdeel niet te bedienen en slecht te begrijpen voor mensen die gebruik maken van hulpsoftware. Zie opmerking dashboard
Deze problemen komen ook voor op pagina https://www.kennishuboverijssel.nl/pages/kengetallen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: De data in de datumkiezer onder 'Laatst bijgewerkt' op pagina https://www.kennishuboverijssel.nl/search staat visueel in een tabel, maar in de code niet. Hierdoor hebben de knoppen die een dag selecteren, enkel een cijfer als toegankelijke naam. De relatie tussen het dagnummer, de dag van de week en de maand is niet duidelijker voor bezoekers die bijvoorbeeld voorleessoftware gebruiken.

Bevinding 8: De informatie over het zoekresultaat op pagina https://www.kennishuboverijssel.nl/search, zoals 'Type', 'Geupload' en 'Labels', is opgemaakt met het strong-element. Het strong-element geeft nadruk aan een enkel woord of korte zinnen en mag daarom niet voor puur opmaak gebruikt worden. Gebruik het b-element, of bijvoorbeeld een descriptionlist om dit probleem op te lossen.

Bevinding 9: De labels bij de velden bij de 'Filters' op https://www.kennishuboverijssel.nl/search zijn niet expliciet geassocieerd met de invoervelden. Hierdoor zullen bezoekers met visuele beperkingen mogelijk niet weten wat zij in de invoervelden in moeten vullen. Expliciet associëren kan door gebruik te maken van <label for= en <input id=.

Bevinding 10: Op pagina https://www.kennishuboverijssel.nl/search heeft elk resultaat een titel van blauwe grotere letters. Deze tekst kan als knop beschouwd worden en moet daarom ook gemarkeerd worden als een kop. De hele koppenstructuur op deze pagina is voor verbetering vatbaar. Zo ontbreekt de H1, de naam van de pagina ('Zoeken'?) en worden er kopniveaus overgeslagen (dit laatste is geen eis). Zorg voor een logische en volledige koppenstructuur.

Bevinding 11: Op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen kunnen bezoekers met control-enter een menu openen. In dat menu staat de opties 'Sneltoetsen weergeven'. Wanneer bezoekers daar op klikken, opent er een pop-up. De tabel in dit scherm is niet geheel juist opgemaakt. De tabel bevat zowel koppen in de linkerkolom als in de bovenste tabelrij. In dat gevoel moet de relatie tussen de koppen en de kolommen worden aangeven met 'scope'.

Bevinding 12: De kleine kopjes op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen, zoals 'Locaties' en 'Provinciale weergave' zijn opgemaakt met het strong-element. Het strong-element geeft nadruk aan een enkel woord of korte zinnen en mag daarom niet voor puur opmaak gebruikt worden. Dit komt ook op andere plekken op de pagina voor. Ook zijn de teksten onderstreept waardoor het lijkt alsof deze teksten klikbaar zijn. Gebruik enkel een kop-element om dit probleem op te lossen.
Dit probleem komt ook voor bij de vervolgpagina's, bijvoorbeeld bij de 'provinciale weergave', De kopjes in de blokken zoals 'Regio' en 'Gemeente' zijn niet opgemaakt als kop. Zorg ervoor dat alle koppen ook zijn opgemaakt met een kop. Ook ontbreekt hier de belangrijkste kop (h1) met de titel van de pagina, bijvoorbeeld 'Provinciale weergave'. Zie bijvoorbeeld scherm 1 van 3 in het Power BI-deel.

Bevinding 13: Advies: Op pagina https://www.kennishuboverijssel.nl/pages/publicatie_6_verkeer_en_vervoer staat de h1-kop (de belangrijkste kop) ónder de h2-kop.Een logische kopopmaak helpt toegankelijkheid, maar is daarnaast ook goed voor de zoekmachineoptimalisatie van de website. [NVT]

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen krijgen blokken als geheel in het iframe focus. Na het logo rechts bovenaan, krijgt het kaartje voor 'Europese weergave' focus, vervolgens het kaartje voor 'provinciale weergave', vervolgens het tekstvak 'Disclaimer', en vervolgens pas de tekstblokken 'onder de kaartjes'. Dit is geen logische leesvolgorde. Er wordt nu standaard het 2e scherm getoond. Hier komt géén focus op. Er zijn mogelijkheden om de applicatie te bedienen, maar die informatie wordt niet visueel aangeboden.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.kennishuboverijssel.nl/pages/welbevinden_overijsselaars_coronatijd komen meerdere afbeeldingen voor waarbij het nodig is om onderscheid in kleur te kunnen maken om de grafieken te begrijpen. Aangezien niet alle informatie uit de grafieken in de HTML-tekst op de pagina voorkomt, moet er nog minimaal één andere manier van onderscheid geboden worden. Dit geldt ook voor de datavisualisaties op pagina https://www.kennishuboverijssel.nl/pages/publicatie_6_verkeer_en_vervoer en de kaart op pagina https://www.kennishuboverijssel.nl/pages/kengetallen. Dit alles is deels opgelost. Advies is om bij de laatste ook de termen 'Klein', 'Groot' en 'middelgroot' te gebruiken zodat de info uit de afbeelding volledig in tekst is terug te vinden. Voor de overige grafieken geldt dat als er een toegankelijke variant wordt aangeboden dit voor de ontoegankelijke variant staat. Bijvoorbeeld door middel van een link 'Toegankelijke variant van grafiek X.'

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen wordt de tekst in de content niet groter als ingezoomd wordt met de browser. Zorg dat alle tekst meegroeit als ingezoomd wordt. Inbedden van Microsoft BI levert toegankelijkheidsproblemen op.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 17: Wanneer bezoekers inzoomen 300% verandert het navigatiemenu (iedere pagina) in een hamburgermenu. Wanneer bezoekers een uitklapbaar item openen in het menu en verder navigeren met het toetsenbord, blijft de focus visueel bovenaan in het menu, maar gaat de toetsenbordfocus wel verder naar beneden. Omdat het menu echter niet visueel meescrollt naar beneden, is dat niet zichtbaar. Vervolgens blijft ook het menu over de pagina heen zichtbaar als de focus verder gaat op de achterliggende pagina (zie SC 2.4.3). [NIET OPGELOST]

Bevinding 18: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op onder andere pagina https://www.kennishuboverijssel.nl/pages/publicatie_1_economie zijn de gegevens op de x-as van datavisualisaties met veel gegevens, zoals figuur 3, niet meer goed leesbaar omdat de teksten te dicht tegen elkaar aanstaan of zelfs over elkaar heen schuiven. De tabellen zijn een toegankelijk alternatief. Echter verschijnt er geen horizontale scrollbalk bij brede tabellen zodat op een smal scherm niet alle tabelcontent te lezen is.

Bevinding 19: Wanneer bezoekers inzoomen op pagina https://www.kennishuboverijssel.nl/documents/Overijssel::bedrijventerreinen-databank/about (vanaf 250%) verschijnt onderaan het scherm een balk met daarin 'Toevoegen aan favorieten'. Deze balk blijft daar staan en is niet weg te klikken, waardoor het zicht op het scherm wordt belemmerd. Deze pagina is verdwenen; maar de balk is er nog steeds op andere pagina's. Nu is de functie vervangen door de knop 'Vertalen'.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 20: De teksten binnen het iframe op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen veranderen niet mee wanneer bezoekers de teksten aanpassen naar de eisen van dit succescriterium.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 21: Wanneer bezoekers op pagina https://www.kennishuboverijssel.nl/search over een optie, zoals 'Evenementen' of 'Gegevens', hoveren verschijnt er een tooltip. Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, moet de bezoeker de content weg kunnen halen zonder de muis- of toetsenbordfocus te verplaatsen, bijvoorbeeld met de escape-toets. Dat is nu niet het geval.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 22: De slider onder figuur 4 op pagina https://www.kennishuboverijssel.nl/pages/publicatie_1_economie is niet toetsenbordtoegankelijk. Met de slider kan je teruggaan in het jaartal naar 2009. Voor de periode voor 2018 is geen tabeldata beschikbaar. Die content is voor een groep bezoekers niet bereikbaar.

Bevinding 23: Op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen wordt alle content in de iframe overgeslagen als je met de tabtoets door de pagina navigeert. Er is wel een functie aanwezig die niet vermeld wordt, namelijk Ctrl+Enter om een menu te tonen. Zorg dat het dashboard direct met toetsenbord werkt of dat voor iedereen duidelijk is hoe het dashboard bedient moet worden. Ook nadat je in het dashboard zit is het vrijwel ondoenlijk om deze alleen met het toetsenbord te bedienen,

Bevinding 24: Er zijn meerdere toegankelijkheidsfouten gevonden in het PowerBI-dashboard op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 25: De titel van pagina https://www.kennishuboverijssel.nl/pages/publicatie_1_economie is 'publicatie_1_economie'. Dit is niet beschrijvend genoeg en klinkt daarnaast meer als een bestandsnaam dan een paginatitel. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren van de website. Verander de paginatitel naar bijvoorbeeld 'Afvalscheiding in Overijssel' om dit probleem op te lossen. Voor bovenstaande pagina is dit opgelost. Dit probleem komt nog op andere pagina's voor, bijvoorbeeld op pagina https://www.kennishuboverijssel.nl/pages/welbevinden_overijsselaars_coronatijd en de pagina
https://www.kennishuboverijssel.nl/pages/108077b061ed47fc8007614282903c8e

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 26: Wanneer bezoekers inzoomen op de pagina (vanaf 300%) verandert het navigatiemenu (iedere pagina) in een hamburgermenu. Na het doorlopen van de menu items, gaat de focus verder op de achterliggende pagina en blijft het menu openstaan. Zorg ervoor dat bezoekers zelf het menu moeten sluiten (dus dat de knop terug gaat naar de knop om het menu te openen/sluiten) of dat het menu automatisch sluit na het doorlopen van het menu.

Bevinding 27: Wanneer bezoekers door het navigatiemenu (iedere pagina) navigeren en een uitklapmenu openen, gaat de focus na het doorlopen van het uitklapmenu verder in de navigatiebalk. Het uitklapmenu blijft openstaan. Zorg ervoor dat bezoekers zelf het menu moeten sluiten (dus dat de knop terug gaat naar de knop om het menu te openen/sluiten) of dat het menu automatisch sluit na het doorlopen van het menu.

Bevinding 28: Op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen krijgt de knop voor 'vorige pagina' focus, ook als de bezoeker op pagina 1 is en de knop geen focus zou moeten krijgen. De status wordt ook niet doorgegeven aan screenreadergebruikers. Mensen die het scherm niet kunnen zien verwachten dat ze de knop kunnen gebruiken.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 29: Wanneer bezoekers op een link belanden op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen, wordt alleen de tekst uit de tooltip voorgelezen (bijvoorbeeld: druk hier om de koppeling te volgen), maar niet de daadwerkelijke linktekst. Bezoekers die gebruik maken van een screenreader weten hierdoor niet waar de link naar verwijst.

Bevinding 30: In het dashboard op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen staan links naar social media platformen. De alternatieve tekst van de iconen staan in het title-attribuut en bestaat alleen uit de naam van het betreffende social media platform. Het title-attribuut wordt niet door alle browsers en hulpsoftware ondersteund en is daarom onvoldoende om als alternatieve naam te dienen. Het doel van de link is het delen van de pagina op de eigen social media pagina, maar dat wordt niet duidelijk uit het linkdoel. Maak het linkdoel duidelijker, bijvoorbeeld 'Deel deze pagina op Facebook' om dit probleem op te lossen en gebruik hiervoor bijvoorbeeld het aria-label-attribuut. De knoppen voor social media in Power BI doen iets anders als de social media links in de footer op de pagina. Zorg daarom dat duideijk is dat de knoppen in Power BI er zijn om de pagina (data) te delen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 31: Het logo van de Kennishub Overijssel bevat wel een alternatieve tekst, maar deze beschrijft niet dat door op de knop (het logo is een knop) te klikken, bezoekers een overzicht van wijzigingen openen. Zorg ervoor dat labels van bedienbare elementen de functie beschrijven, zodat bezoekers die afhankelijk zijn van hulpsoftware ook weten wat de knop doet voor zij er op klikken. [OPGELOST] De knop is verdwenen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 32: Wanneer bezoekers inzoomen op de pagina (vanaf 300%) verandert het navigatiemenu in een hamburgermenu. Wanneer de knop om het menu te openen toetsenbordfocus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren maar het scherm wél kunnen zien, altijd kunnen zien waar de toetsenbordfocus zich op dat moment bevindt.

Bevinding 33: Wanneer bezoekers op pagina 2 en 3 van het dashboard op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen met het toetsenbord navigeren, is het bij veel contentblokken in het dashboard niet duidelijk wanneer ze focus hebben. Zorg ervoor dat bezoekers die met het toetsenbord navigeren maar het scherm wél kunnen zien, altijd kunnen zien waar de toetsenbordfocus zich op dat moment bevindt. Bijna overal is de focus nu goed te volgen. Alleen de pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen waar Power BI is gebruikt is is de focus vaak lastig te volgen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 34: Op pagina https://www.kennishuboverijssel.nl/pages/kaarten-thema-vitaal-platteland is een knop 'Zijbalk in- of uitklappen'. Hulpsoftware krijgt deze tekst echter niet, de knop heeft echter een andere naam ("Collapse panel"?).

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 35: Wanneer bezoekers inzoomen op de pagina (vanaf 300%) verandert het navigatiemenu in een hamburgermenu. De toegankelijke naam van de knop om het menu te openen is 'toggle navigation'. Zorg ervoor dat bedienbare elementen een toegankelijke naam in de hoofdtaal van de pagina hebben. In dit geval is dat Nederlands. Het probleem is deels opgelost. De knop heet nu 'open en sluit menu'. De status van het menu wordt niet weergegeven. Geef deze knop een korte naam, bijvoorbeeld 'menu'. En geef de knop de status mee of het menu geopend of gesloten is via het attribuut aria-expanded.

Bevinding 36: Op de zoek-pagina https://www.kennishuboverijssel.nl/search?collection=Document&q=overijssel krijgen een aantal onderdelen Engelstalige namen als je met een Engelstalige browser op de pagina staat. Dit terwijl alle content Nederlands is en de op de pagina de taal op Nederlands is ingesteld. Het gaat bijvoorbeeld om woorden als 'Last updated' (Laatst bijgewerkt), de namen van maanden in de uitklapkalender en 'Categories' (Categorieën). Er is geen taalwissel naar Engels opgegeven in de HTML. Iemand die de pagina laat voorlezen krijgt de Engelstalige termen met een Nederlands accent voorgelezen. Dit succescriterium vereist dat alle Engelse tekst ook gemarkeerd moeten worden met Engels (lang="en") in de HTML. Beter is dat ook in een Engelstalige browser de teksten in de taal van de website getoond worden.

Dit komt op veel andere pagina's voor zoals:

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 37: De invoervelden, zoals 'Categorie toepassen' en 'Tag toepassen', op pagina https://www.kennishuboverijssel.nl/search hebben wel een aria-label ('Categorie toepassen door te typen') maar geen visueel label. De placeholder telt niet als visueel label, aangezien die verdwijnt wanneer de bezoeker begint met typen. Voeg een visueel label toe om dit probleem op te lossen. Dit geldt ook voor de zoekfunctie op pagina https://www.kennishuboverijssel.nl/paginabestaatniet.

Bevinding 38: De filteroptie waarin standaard 'Relevantie' geselecteerd is, op pagina https://www.kennishuboverijssel.nl/search, heeft wel een toegankelijk label, maar geen visueel label waardoor het voor bezoekers die het scherm wel kunnen zien, maar bijvoorbeeld een cognitieve functiebeperking hebben, niet duidelijk is wat zij hier kunnen doen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 39: De uitklapmenu's op pagina https://www.kennishuboverijssel.nl/search hebben als rol tablist, maar missen (goed geneste) elementen met de rol 'tab' binnen het element. Dit zorgt mogelijk voor problemen bij bezoekers die afhankelijk zijn van hulpsoftware, zoals screenreaders.

Bevinding 40: Op pagina https://www.kennishuboverijssel.nl/search wordt meerdere keren met aria-describedby verwezen naar aria ID attributen die niet voorkomen op de pagina. Dit zorgt mogelijk voor problemen bij bezoekers die afhankelijk zijn van hulpsoftware, zoals screenreaders.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 41: Het is voor ziende bezoekers duidelijk welk van de opties op pagina https://www.kennishuboverijssel.nl/search momenteel geselecteerd is, bijvoorbeeld 'Alle' of 'Documenten'. Deze informatie is niet beschikbaar voor bezoekers die gebruik maken van bijvoorbeeld een screenreader. Gebruik aria-current of een vergelijkbare techniek om dit probleem op te lossen. Dit is bijvoorbeeld mogelijk mer aria-current

Bevinding 42: Het blok om de keuze 'Laatst bijgewerkt' op pagina https://www.kennishuboverijssel.nl/search heeft een role="tablist" toegekend gekregen. Binnen een tablist worden blokken met een specifieke rol verwacht die nu ontbreken. Wellicht is het gebruik van tablist overbodig en kan dit beter weggelaten worden. Overigens wordt role="tab" wel gebruikt maar staan die op de verkeerde plek in de HTML. De onderdelen met role="tab" moeten binnen de role="tablist" geplaatst worden. Dit komt op meerdere plekken voor op deze pagina.

Bevinding 43: Op pagina Op pagina https://www.kennishuboverijssel.nl/pages/thema_corona zijn 4 keuzes aanwezig, Economie, Toerisme, Verkeer en Sociale Kwaliteit. Visueel is zichtbaar welke keuze actief is. Blinden en slechtzienden die een screenreader gebruiken krijgen deze informatie niet. Zorg dat ook via hulpsoftware deze informatie beschikbaar is.
Het is te overwegen om een andere oplossing dan zogenaamde tabs (tablist) te gebruiken. Hier een uitgebreide uitleg hoe met Tabs moet worden omgegaan: https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 44: Wanneer een pagina zich ververst, bijvoorbeeld na het selecteren van filters op pagina https://www.kennishuboverijssel.nl/search, verschijnt er een draaiende afbeelding ("loading spinner"). Bezoekers die gebruik maken van hulpsoftware worden hiervan niet op de hoogte gesteld. Gebruik aria-live of een vergelijkbare techniek om dit probleem op te lossen. Op pagina https://www.kennishuboverijssel.nl/pages/dashboard-europese-middelen wordt de status wel goed doorgegeven. Nadat het resultaat op het scherm verschijnt wordt de bezoeker hiervan niet op de hoogte gebracht. Voor meer uitleg zie hier op de website van W3C: https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html#examples

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.

Aanvullende opmerkingen

De volgende opmerkingen zijn zaken die wij tegen kwamen en geen onderdeel zijn van het toegankelijkheidsonderzoek.

Een aantal pagina's uit het eerste onderzoek zijn verdwenen:

  1. https://www.kennishuboverijssel.nl/documents/Overijssel::bedrijventerreinen-databank/about
  2. https://www.kennishuboverijssel.nl/maps/Overijssel::kaart-logistieke-hotspots/explore
  3. https://www.kennishuboverijssel.nl/pages/publicatie_1_cultuur_en_sociale_kwaliteit

Gekeken is of er vergelijkbare pagina's zijn. Alleen voor de laatste URL uit de lijst is een vervanging gevonden:

Aangezien de omvang van de sample groot genoeg is en er voor de andere pagina's geen gelijkwaardige pagina meer is gevonden, zullen de eerste 2 URL's uit bovenstaande lijst niet vervangen worden.

Geprint: 2024-11-25 10:48:02 v2.4-011