Alleen de bevindingen:
Deelonderzoek content website OverLeeroverzicht

Uitkomst: Onvoldoende

Bevinding 1: Het logo van OverLeeroverzicht, dat zich bovenbaan elke pagina bevindt, heeft wel een alternatieve tekst met het linkdoel en de organisatienaam, maar mist de overige tekst "biedt informatie ... loopbaanadviseurs" die in de afbeelding zichtbaar is. Voeg dit alsnog toe. De alternatieve 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.

Bevinding 2: ADVIES: Op de homepagina staat onder de kop "Meer over dit onderwerp" een link met een icoon dat aan ziende bezoekers aangeeft dat de link een externe website opent. Deze informatie is niet beschikbaar voor gebruikers van voorleessoftware, omdat het icoon geen alternatieve tekst heeft. Dit is ook niet verplicht, maar in dit geval wel aan te raden, omdat dat bij andere links die een externe website openen wel gebeurt. Probeer daarin consequent te zijn.

Bevinding 3: Op pagina https://over.leeroverzicht.nl/service/contact staat onderaan het contentgedeelte een afbeelding met de tekst "Vragen? Bel Informatie Rijksoverheid: 1400". Deze afbeelding mist een tekstalternatief. De zichtbare tekst op de afbeelding moet volledig opgenomen worden in het alt-attribuut. Deze tekst wordt dan naast de tekst "Vergroot afbeelding" onderdeel van de knoptekst. Dit is nodig, zodat duidelijk is welke afbeelding er vergroot wordt. Bekijk ook SC 2.4.6 en SC 2.5.3.

Bevinding 4: Op pagina https://over.leeroverzicht.nl/onderwerpen/p/publiceren-van-opleidingen staat onderaan het contentgedeelte een infographic die een proces weergeeft. Ondanks dat in de tekst erboven het proces al beschreven wordt moet deze afbeelding toch een tekstalternatief krijgen. Deze tekst wordt dan naast de tekst "Vergroot afbeelding" onderdeel van de knoptekst. Dit is nodig, zodat duidelijk is welke afbeelding er vergroot wordt. Bekijk ook SC 2.4.6 en SC 2.5.3.

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://over.leeroverzicht.nl/onderwerpen/w/waarom-leeroverzicht wordt een video getoond. In de video komt gesproken woord voor, maar de ondertiteling ontbreekt. Zorg ervoor dat mensen met een auditieve beperking ook weten welke informatie in het audiospoor voorkomt door een ondertiteling aan de video toe te voegen. Controleer dit bij alle video's.

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://over.leeroverzicht.nl/service/contact is de tweede alinea onder de kop "Bellen met uw vraag" volledig met het strong-element opgemaakt. Het strong-element is bedoeld om nadruk te geven aan één of enkele woorden, niet voor hele zinnen of alinea's. Verwijder het strong-element en maak gebruik van de stylesheet om de tekst vetgedrukt weer te geven. Voor slechtziende gebruikers die afhankelijk zijn van voorleessoftware zou een tekst als "Let op" kunnen worden toegevoegd, als het een tekst is die extra aandacht behoeft. De tekst "Let op:" mag dan wel met het strong-element worden opgemaakt.

Bevinding 7: Op pagina https://over.leeroverzicht.nl/onderwerpen/w/waarom-leeroverzicht is de laatste alinea in het uitvouwbare blok "Waarom is Leeroverzicht ontwikkeld" volledig met het strong-element opgemaakt. Het strong-element is bedoeld om nadruk te geven aan één of enkele woorden, niet voor hele zinnen of alinea's. Verwijder het strong-element en maak gebruik van een stylesheet om de tekst vetgedrukt weer te geven. In dit geval zou de tekst "Kort gezegd" wel met strong kunnen worden opgemaakt.

Bevinding 8: Op pagina https://over.leeroverzicht.nl/onderwerpen/s/sectorale-ontwikkelpaden begint bijna elk uitvouwbaar blok met een intro-alinea die met het strong-element is opgemaakt. Het betreft onder andere de alinea "Sectorale ontwikkelpaden ... stappen te zetten." onder de kop "Wat zijn sectorale ontwikkelpaden?" en de alinea "Sectorale ontwikkelpaden ... jouw rol of situatie." onder de kop "Voor wie zijn de sectorale Ontwikkelpaden?". Het em- en strong-element zijn bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van de stylesheet om een introtekst in een vet lettertype te tonen. Dezelfde situatie doet zich voor op pagina's https://over.leeroverzicht.nl/onderwerpen/n/nlqf, https://over.leeroverzicht.nl/onderwerpen/p/publiceren-van-opleidingen, https://over.leeroverzicht.nl/onderwerpen/p/partners en https://over.leeroverzicht.nl/onderwerpen/a/arbeidsmarktinformatie.

Bevinding 9: Op pagina https://over.leeroverzicht.nl/onderwerpen/s/sectorale-ontwikkelpaden staat in het uitvouwbare blok "Voor wie zijn de sectorale Ontwikkelpaden?" de tekst "Sectorale Ontwikkelpaden ... rol of situatie" die als kop is opgemaakt. Het betreft hier een intro-alinea en deze moet in de code ook opgemaakt worden als een alinea. Vervang daartoe het h4-element door het p-element en verwijder tevens het strong-element. Bovendien mag een kop zonder content, zoals in dit geval, niet direct worden gevolgd door een kop van hetzelfde niveau. Dat probleem is dan hiermee automatisch opgelost.

Bevinding 10: Op pagina https://over.leeroverzicht.nl/onderwerpen/s/sectorale-ontwikkelpaden zijn in het uitvouwbare blok "Hoe zorg ik dat mijn opleidingen in de Ontwikkelpaden te zien zijn?" zijn koppen aanwezig die niet als koppen zijn opgemaakt, bijvoorbeeld "Belangrijke aandachtspunten:" en "In het kort". Vervang de vette tekst (em-element) door de juiste HTML-code om deze koppen op te maken. Dit komt ook op andere plekken voor.

Bevinding 11: ADVIES: Op onder andere pagina's https://over.leeroverzicht.nl/onderwerpen/s/sectorale-ontwikkelpaden en https://over.leeroverzicht.nl/onderwerpen/p/publiceren-van-opleidingen komen veel lege koppen voor. Lege koppen zijn verwarrend voor sommige bezoekers. Laat lege koppen daarom weg.

Bevinding 12: Op pagina https://over.leeroverzicht.nl/onderwerpen/s/sectorale-ontwikkelpaden staan onder andere in het uitvouwbare blok "Wat zijn sectorale Ontwikkelpaden?" opsommingen bestaande uit meerdere onderdelen. Visueel is het duidelijk dat deze onderdelen bij elkaar horen, maar in de code is elk onderdeel opgemaakt als een afzonderlijke lijst met het ul-element. Zie bijvoorbeeld de lijst startend met het onderdeel "Functies en niveaus: ..." en eindigend met het onderdeel "Overstapmogelijkheden: ...".Dat is niet logisch en niet correct. Plaats bij elkaar horende onderdelen in één lijst (ul-element of ol-element). Dit doet zich op meerdere pagina's voor, waaronder op pagina https://over.leeroverzicht.nl/onderwerpen/n/nlqf in het uitvouwbare blok "Wat heb jij aan het NLQF?".

Bevinding 13: Op pagina https://over.leeroverzicht.nl/onderwerpen/s/sectorale-ontwikkelpaden staan onder andere in het uitvouwbare blok "Hoe zorg ik dat mijn opleidingen in de Ontwikkelpaden te zien zijn?" 2 onderwerpen beschreven.

• 1. Publiceer je opleidingen via EDU-DEX
• 2. Publiceer je opleiding via RIO Deze en alle overige koppen hebben een kopniveau 4 (h4). Uit de koppenstructuur zijn de 2 onderwerpen zo niet duidelijk. De andere koppen zouden een niveau 5 moeten hebben. Ook staan er veel lege koppen in om witruimte te genereren. (<h4></h4>). Regel dit via de stylesheet van PRO.

Bevinding 14: Op pagina https://over.leeroverzicht.nl/onderwerpen/n/nlqf staat in het uitvouwbare blok "Wat heb jij aan het NLQF" de kop "Voor werken en werkzoekenden". Deze is correct opgemaakt als h4-kop, maar tevens is het strong-element gebruikt. Dit doet zich ook voor in het uitvouwbare blok "Hoe wordt een opleiding ingeschaald" met de kop "Het inschalen van ... onafhankelijke procedure" Het strong-element is niet bedoeld om koppen vetgedrukt weer te geven. Verwijder hier daarom het strong-element.

Bevinding 15: Op pagina https://over.leeroverzicht.nl/service/contact staan in het uitvouwbare blok onder de kop "Als u in het buitenland bent" de teksten "Bent u niet in Nederland" en "Bel naar ...". Deze zijn onterecht opgesplitst over twee alinea's. Ze horen bij elkaar en moeten daarom worden samengevoegd binnen één p-element.

Bevinding 16: In de PDF "ervaringsverhaal-lana-duim-wcag.pdf" zijn koppen aanwezig die niet als koppen zijn opgemaakt, bijvoorbeeld "Hoe Lana Duim (Belastingdienst) Leeroverzicht inzet als kompas voor 40.000 medewerkers". Let op: deze komt twee keer voor in de PDF. En ook de koppen van een lager niveau, waaronder "Samen het doolhof in" en "Vertrouwen in de data" zijn niet als koppen gecodeerd. Codeer deze teksten als kop.

Bevinding 17: De PDF "leeroverzicht-message-house.pdf" is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code-laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Uitkomst: Onvoldoende

Bevinding 18: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op pagina https://over.leeroverzicht.nl/zoeken?q=leeroverzicht een deel van de tekst buiten beeld als wit filteren op datum. Na "Toon filter" kun je kiezen voor "Specifieke periode". Als je nu de kalender opent verdwijnt een deel buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal).

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://over.leeroverzicht.nl/onderwerpen/w/waarom-leeroverzicht staat een video binnen het video-element. Hierin zijn enkel teken-toetsen actief, die commando’s zoals M (mute) en K (play) activeren. Deze toetsen mogen alleen activeerbaar zijn als de focus op de knop staat die deze functies activeert. Dat is hier niet het geval. Zorg ervoor dat deze commando uitgeschakeld zijn of uit te schakelen zijn. Dit is niet altijd reproduceerbaar.

Uitkomst: Onvoldoende

Bevinding 20: Op de homepagina slaat de skiplink een groot gedeelte van de unieke content over. De skiplink landt dan op het blokje met de kop "Alles over Leeroverzicht op één plek", maar moet voor de h1-kop landen.

Bevinding 21: Op alle pagina's slaat de skiplink de h1-kop over. Dit is unieke content en de skiplink moet daarom voor de h1-kop landen.

Uitkomst: Onvoldoende

Bevinding 22: De PDF "leeroverzicht-message-house.pdf" heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 23: Advies: De PDF "ervaringsverhaal-lana-duim-wcag.pdf" heeft een documenttitel in de eigenschappen. Echter staat daar "Ervaringsverhaal Lena", dat moet natuurlijk "Ervaringsverhaal Lana" zijn.

Uitkomst: Onvoldoende

Bevinding 24: Als op pagina https://over.leeroverzicht.nl/zoeken?q=leeroverzicht de knop “Abonneren op ‘Zoeken’” wordt geactiveerd, dan opent er een popupvenster (ook wel modal of lightbox genoemd). Als je nu met de tabtoets verder navigeert moet de toetsenbordfocus binnen dit dialoog blijven. Dat gaat nu niet goed.

Uitkomst: Onvoldoende

Bevinding 25: Op pagina https://over.leeroverzicht.nl/actueel/nieuwsbrieven staan links naar nieuwsbrieven, bijvoorbeeld de link “Lees het laatste nieuws over Leeroverzicht van Januari”. Hierin ontbreekt het jaar. Voor ziende gebruikers is dat duidelijk, omdat dit jaartal in de kop erboven staat, maar voor slechtziende gebruikers die afhankelijk zijn van voorleessoftware is dat niet het geval. Voeg daarom alsnog het jaartal toe aan deze links.

Uitkomst: Onvoldoende

Bevinding 26: Als op pagina https://over.leeroverzicht.nl/onderwerpen/w/waarom-leeroverzicht de focus op het div-element met role="region" landt, waarbinnen zich de video bevindt, dan 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.

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://over.leeroverzicht.nl/service/contact staat een knop met een afbeelding met de tekst "Vragen? Bel informatie Rijksoverheid: 1400". De toegankelijke naam van de knop bevat niet de naam die visueel zichtbaar is. Hierdoor is de knop lastig met spraakbesturing te bedienen. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Bij SC 1.1.1 staat beschreven hoe dat kan worden opgelost.

Bevinding 28: Op pagina https://over.leeroverzicht.nl/onderwerpen/p/publiceren-van-opleidingen bevindt zich een knop met een infographic. De toegankelijke naam van de knop bevat niet de tekst die visueel zichtbaar is. Hierdoor is de knop lastig met spraakbesturing te bedienen. Zorg ervoor dat de in de afbeelding genoemde termen (EDU-DEX, RIO, HOVI en Leeroverzicht) in de toegankelijke naam aanwezig zijn. Bij SC 1.1.1 staat beschreven hoe dat kan worden opgelost.

Uitkomst: Onvoldoende

Bevinding 29: In de eigenschappen van PDF "leeroverzicht-message-house.pdf" is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

Uitkomst: Voldoende

Bevinding 30: ADVIES: Als op pagina https://over.leeroverzicht.nl/zoeken?q=leeroverzicht bij filters in de invoervelden "Periode van" en "Periode tot" de knoppen om de kalender te openen worden geactiveerd, wordt er een dialoogvenster geopend, met de naam "Choose Date". Omdat dit een Nederlandstalige pagina is, is het beter om deze naam te wijzigen in "Kies datum".