Onderzoek toegankelijkheid flevolandwerkt.info

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/over+flevoland+werkt/default.aspx staat onder de kop “Flevoland Werkt: Samen werken aan een arbeidsmarkt in balans” een informatieve afbeelding met een leeg alt-attribuut. In de tekst erboven worden alleen algemene categorieën van partners genoemd, terwijl op de afbeelding de specifieke namen en logo’s van de deelnemende organisaties te zien zijn. De afbeelding bevat dus unieke informatie die niet in de tekst op de pagina voorkomt. Om ervoor te zorgen dat deze informatie ook voor blinde bezoekers beschikbaar is, moet de afbeelding een beschrijvend tekstalternatief krijgen. Dat kan via het alt-attribuut (korte beschrijving van de afbeelding) plus een extra tekst met alle namen (een alt-attribuut is namelijk niet geschikt voor langere beschrijvingen).

Dit probleem is ook te zien op andere pagina’s. Op pagina https://www.flevolandwerkt.info/werkgeversservicepunt+flevoland/banenafspraak++doelgroepregister/Wat+is+het/default.aspx mist de afbeelding onder het menu een tekstalternatief. Ook de afbeelding onder de kop “Wat is de banenafspraak?” heeft geen alt-tekst. Hierdoor zijn deze informatieve afbeeldingen niet toegankelijk voor bezoekers die gebruikmaken van een schermlezer.

Ook op pagina’s https://www.flevolandwerkt.info/leerwerkloket/ja+ik+wil+contact/default.aspx en https://www.flevolandwerkt.info/Beheer/Formulierenmodule/2030414.aspx staan afbeeldingen zonder tekstalternatief. Bij afbeeldingen die met het img-element zijn geplaatst, moet het tekstalternatief via het alt-attribuut worden toegevoegd zodat hulpsoftware de informatie kan overbrengen.

Op pagina https://www.flevolandwerkt.info/ bevat de carrousel afbeeldingen die geen tekstalternatief hebben. Deze afbeeldingen lijken decoratief, maar omdat ze deel uitmaken van een caroussel zijn ze zichtbaar voor een bezoeker met een schermlezer. Zonder een tekstalternatief kan de bezoeker zich afvragen wat hier staat. Dezelfde carrousel met ontbrekende tekstalternatieven is ook te vinden op pagina’s zoals https://www.flevolandwerkt.info/Nieuws/default.aspx en https://www.flevolandwerkt.info/shortcuts/search_search.aspx?search=werk.

Op pagina https://www.flevolandwerkt.info/werkgeversservicepunt+flevoland/banenafspraak++doelgroepregister/Wat+is+het/default.aspx staat onder het kruimelpad een logo ‘Werkgevers servicepunt Flevoland’ dat als link fungeert, maar geen tekstalternatief heeft. De afbeelding is dus interactief, maar bevat geen beschrijving van het linkdoel. Hierdoor heeft de link geen inhoud voor bezoekers die hulpsoftware gebruiken. Om deze link toegankelijk te maken, moet aan de afbeelding een tekstalternatief worden toegevoegd dat uitlegt waar de link naartoe leidt.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx staat een video waarin gesproken wordt, maar waarin geen ondertitels zijn toegevoegd. Voeg ondertiteling toe aan de video. Zo krijgen bezoekers die de video niet (goed) kunnen horen ook alle informatie.

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx verschijnt in de video op meerdere momenten visuele informatie, zoals teksten en logo’s, bijvoorbeeld rond 0:10 en 02:46. Er is echter geen media-alternatief of audiobeschrijving beschikbaar. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Voor succescriterium 1.2.3 kan dit worden opgelost met een geschreven tekst die de visuele inhoud van de video beschrijft. Om te voldoen aan succescriterium 1.2.5 moet een audiobeschrijving worden toegevoegd waarin visuele elementen zoals namen, functies, logo’s en teksten worden toegelicht.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx voldoet de video niet aan succescriterium 1.2.5, omdat er geen audiobeschrijving is toegevoegd. In deze video is voldoende ruimte in het bestaande audiokanaal om een audiobeschrijving op te nemen. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/over+flevoland+werkt/default.aspx wordt in de kop “Flevoland Werkt: Samen werken aan een arbeidsmarkt in balans” zowel het heading-element als het strong-element gebruikt. Het strong-element heeft een semantische betekenis en geeft aan dat de tekst extra nadruk moet krijgen. Dit element mag niet worden gebruikt om enkel een visueel effect te bereiken, zoals vetgedrukte tekst. Gebruik hiervoor CSS.

Op pagina https://www.flevolandwerkt.info/over+flevoland+werkt/default.aspx staat onder de kop “Vier routes” een lijst met vier items, maar deze is niet gemarkeerd met de juiste HTML-elementen. Tekst die eruitziet als een opsomming, moet ook als zodanig gemarkeerd zijn in de code. Hiervoor moeten de elementen ul of ol worden gebruikt. Zo wordt de structuur duidelijk voor hulpsoftware en kunnen schermlezers vooraf het aantal items in de lijst aankondigen.

Op pagina https://www.flevolandwerkt.info/shortcuts/search_search.aspx?search=werk is bij elk zoekresultaat het kruimelpad weergegeven als een verzameling links. De onderliggende structuur en relatie tussen deze links is niet semantisch gedefinieerd in de HTML. Dit kan worden opgelost door de links in een ul- of ol-element te plaatsen.

Op pagina https://www.flevolandwerkt.info/Beheer/Cookieverklaring/default.aspx worden de teksten “Wat zijn cookies?”, “Weten cookies wie ik ben?” en “Welke cookies gebruiken wij?” visueel als koppen weergegeven, maar hiervoor is het strong-element gebruikt in plaats van een h-element. Het strong-element is niet bedoeld om koppen te markeren. Alleen met een h-element kan de structuur van de pagina correct worden weergegeven aan hulpsoftware. Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx worden dezelfde fouten gemaakt bij de teksten “Human Capital Agenda van provincie Flevoland: Interesse wekken in de techniek”, “Mensen van werk naar werk helpen” en “Techniek voor iedereen”. Deze zijn visueel koppen, maar zijn niet met een h-element gemarkeerd.

Op pagina https://www.flevolandwerkt.info/Nieuws/3070315.aspx?t=Kaasboederij-Poldergenot-meer-dan-kaas-een-plek-waar-mensen-opbloeien- wordt het strong-element verkeerd gebruikt voor opmaakdoeleinden. Hele zinnen zijn vetgedrukt gemaakt met het strong-element, terwijl dit element bedoeld is om semantische nadruk aan tekst te geven. Gebruik CSS om tekst visueel vet te maken. Op pagina https://www.flevolandwerkt.info/leerwerkloket/ja+ik+wil+contact/default.aspx komt hetzelfde probleem voor onder de kop “Ja, ik wil contact!”, waar het strong-element onterecht wordt gebruikt voor visuele opmaak van volledige zinnen.

Op pagina https://www.flevolandwerkt.info/Nieuws/3070315.aspx?t=Kaasboederij-Poldergenot-meer-dan-kaas-een-plek-waar-mensen-opbloeien- wordt aan het einde van het artikel het em-element gebruikt voor opmaak. Dit element wordt hier alleen toegepast om tekst schuin weer te geven, terwijl het bedoeld is voor semantische nadruk. Gebruik CSS voor cursieve opmaak.

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx is de tekst “Fotobijschrift: Vlnr Froukje de Jonge (wethouder Almere/Voorzitter RWF); Machteld Greiner (Manager Techniek en Technologie MBO College Almere) en Jan-Nico Appelman (gedeputeerde Flevoland).” gemarkeerd met een h6-element. Dit element is gebruikt voor een visueel effect, terwijl de tekst geen kop is. Gebruik kop-elementen alleen voor inhoudelijke koppen. De juiste markering is hier een p-element, waarbij de gewenste opmaak met CSS kan worden gerealiseerd.

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx worden in de citaattekst de strong- en em-elementen gebruikt voor visuele opmaak. Deze elementen zijn bedoeld om semantische nadruk te geven en mogen niet worden gebruikt om tekst enkel vetgedrukt of cursief weer te geven. Gebruik hiervoor CSS.

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx wordt het blockquote-element gebruikt als container voor een ingesloten video. Het blockquote-element is bedoeld voor citaten en mag niet worden gebruikt om andere content, zoals video’s, te structureren. Dit maakt de pagina onduidelijk voor hulpsoftware.

Op pagina https://www.flevolandwerkt.info/agenda/default.aspx bevat de kalender knoppen voor het wisselen tussen maand-, week- en dagweergave. De actieve knop heeft een andere visuele weergave, maar deze informatie is niet in de code opgenomen. Hierdoor is de informatie over de geselecteerde staat niet beschikbaar voor bezoekers die hulpsoftware gebruiken. Voeg bijvoorbeeld aria-current="true" toe aan de actieve knop. Ook de huidige dag in de kalender is alleen visueel te onderscheiden.

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3064609 ontbreken structurele codes. Hierdoor is de inhoud van het document niet toegankelijk voor schermlezers. Door het ontbreken van deze codelaag kan het document niet volledig worden onderzocht. Dit betreft alle succescriteria zoals semantische koppen en alternatieve teksten bij afbeeldingen. Het oplossen van dit probleem kan nieuwe toegankelijkheidsproblemen aan het licht brengen.

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3012042 ontbreken eveneens de structurele codes. Hierdoor is de inhoud van het document niet toegankelijk voor schermlezers. Net als bij het andere document kunnen hierdoor niet alle succescriteria worden gecontroleerd, en kunnen nieuwe toegankelijkheidsproblemen zichtbaar worden als dit wordt opgelost.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/Beheer/Formulierenmodule/2030414.aspx bevat een formulier invoervelden voor persoonlijke informatie, zoals naam, e-mailadres en telefoonnummer. Deze velden hebben een leeg 'autocomplete'-attribuut. Daarnaast verschijnt er een extra invoerveld voor e-mailadres wanneer de schakelknop “Ik wil een kopie van het ingevulde formulier ontvangen” wordt geactiveerd. Dit veld heeft geen 'autocomplete'-attribuut. Invoervelden voor persoonlijke informatie moeten het 'autocomplete'-attribuut met de juiste waarde (bijvoorbeeld 'email') bevatten, zodat browsers en hulpsoftware kunnen helpen bij het invullen van gegevens. Gebruik het attribuut voor alle velden waarin persoonlijke informatie moet worden ingevuld. Zie voor meer informatie en verplichte waarden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/agenda/default.aspx wordt in het hoofdmenu de actieve link alleen aangegeven met een afwijkende achtergrondkleur. Dit kan een probleem zijn voor kleurenblinde of slechtziende bezoekers, omdat zij het kleurverschil mogelijk niet kunnen waarnemen. Hierdoor is niet duidelijk welke link actief is. Zorg ervoor dat actieve links ook op een andere manier herkenbaar zijn, bijvoorbeeld door ze te onderstrepen of vetgedrukt te maken.

Op pagina https://www.flevolandwerkt.info/over+flevoland+werkt/default.aspx staat onder “Waarom werken we samen?” een alinea met links, zoals “wet”. Deze links zijn uitsluitend te herkennen aan een kleurverschil met de gewone tekst. Dit is een probleem voor kleurenblinde of slechtziende bezoekers, omdat zij het kleurverschil mogelijk niet kunnen onderscheiden en daardoor niet zien dat het om een link gaat. Zorg ervoor dat links in lopende tekst op minstens één andere manier herkenbaar zijn, bijvoorbeeld door ze te onderstrepen of een kader toe te voegen. Ook op pagina https://www.flevolandwerkt.info/shortcuts/search_search.aspx?search=werk zijn links in de tekst ook alleen te herkennen aan een kleurverschil. Dit kan problematisch zijn voor bezoekers met een visuele beperking. Zorg voor een extra visueel onderscheid, zoals onderstreping of een kader, zodat duidelijk is dat het om een link gaat. Op pagina https://www.flevolandwerkt.info/Beheer/Cookieverklaring/default.aspx komt hetzelfde probleem voor. Links in lopende tekst zijn alleen via kleur te onderscheiden van gewone tekst.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op de website staat in het hoofdmenu witte tekst op een blauwe achtergrond (#5D90CA). De contrastratio is 3,3:1 en dat is te laag. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt is, moet het contrast minimaal 4,5:1 zijn.

In de footer staat de knop “Cookie-instellingen” met witte tekst op een groene achtergrond (#99C300). Ook hier is het contrast te laag. Verder zijn er in de footer links met lichtgrijze tekst (#E9E9E9) op een groene achtergrond (#99C300), met een contrastratio van 1,7:1. Dit is onvoldoende om goed leesbaar te zijn.

Op pagina https://www.flevolandwerkt.info/leerwerkloket/ja+ik+wil+contact/default.aspx staat onder “Ja, ik wil contact!” blauwe tekst (#3498DB) op een lichtgrijze achtergrond (#F2F2F2). De contrastratio van 2,8:1 is te laag. Deze tekst is kleiner dan 24px en niet vetgedrukt, dus het vereiste minimum is 4,5:1.

Op pagina https://www.flevolandwerkt.info/agenda/default.aspx wordt in de kalender in de eerste en laatste weken lichtgrijze tekst (#CFCFCF) gebruikt op een witte achtergrond. De contrastratio is 1,6:1. Omdat het om kleine tekst gaat, moet het contrast minimaal 4,5:1 zijn.

Op pagina https://www.flevolandwerkt.info/Beheer/Formulierenmodule/2030414.aspx staat de knop “Versturen” met witte tekst op een groene achtergrond (#98C303). De contrastratio is 2,1:1. Ditzelfde kleurenschema wordt gebruikt op pagina https://www.flevolandwerkt.info/bibliotheek/default.aspx bij de knop “Downloaden”, die verschijnt wanneer alle items zijn geselecteerd. Ook daar is het contrast onvoldoende.

Op pagina https://www.flevolandwerkt.info/over+flevoland+werkt/default.aspx staat onder de kop “Flevoland Werkt: Samen werken aan een arbeidsmarkt in balans” een afbeelding met daarin ingesloten tekst. De afbeelding bevat witte tekst op een groene achtergrond (#95C11F) met een contrastratio van 2,1:1. Voor tekst kleiner dan 19px is een minimale contrastratio van 4,5:1 vereist. Bij grote tekst vanaf 24px of vanaf 19px vetgedrukt geldt een minimale ratio van 3,0:1.

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3064609 worden kleurcombinaties gebruikt zoals groen (#95C11F) of blauw (#80AED7) op een witte achtergrond. Deze combinaties halen de minimale vereiste contrastratio niet. Voor tekst tot 24px of vetgedrukt is een ratio van minimaal 4,5:1 vereist. Voor grote tekst vanaf 24px of 19px vetgedrukt is het minimum 3,0:1.

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3012042 staat op pagina 1 blauwe tekst (#75A0BE) op een blauwe achtergrond (#E7EFF7) met een contrastratio van 2,4:1. Op pagina’s 3 tot en met 5 worden ook combinaties van groen en wit gebruikt, en op pagina 16 combinaties van blauw en wit. Deze combinaties voldoen niet aan de minimale vereisten. Zorg dat het contrast minimaal 4,5:1 is.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/werkgeversservicepunt+flevoland/banenafspraak++doelgroepregister/Wat+is+het/default.aspx staat onder het menu een afbeelding met daarin ingesloten tekst: “Wat betekent de banenafspraak voor uw bedrijf?”. Wanneer tekst als afbeelding wordt geplaatst, kunnen veel bezoekers deze informatie niet goed gebruiken. Zij kunnen de tekst niet vergroten, van kleur veranderen of het lettertype aanpassen om het beter leesbaar te maken. Het is beter om deze tekst als gewone tekst op de pagina te plaatsen, zodat deze toegankelijk is voor iedereen. Op dezelfde pagina staat onder de kop “Wat is de banenafspraak?” een afbeelding met daarin een tabel. Ook deze afbeelding bevat ingesloten tekst. Aangezien tekst in afbeeldingen niet aanpasbaar of leesbaar is met hulpsoftware, is het beter om de inhoud van de tabel als gewone tekst op de pagina te zetten. Zo blijft de informatie toegankelijk voor bezoekers die moeite hebben met het lezen van tekst in afbeeldingen.

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/ is de tekst in het dropdownmenu met zoekresultaten onder de zoekbalk niet volledig zichtbaar wanneer de pagina wordt bekeken op een schermresolutie van 1280x1024 pixels en ingezoomd tot 400%. Zie screenshot 1. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Uitkomst: Onvoldoende

Bevindingen:

In de footer staat een knop “Cookie-instellingen” die een modaal venster opent met cookie-instellingen. In dit venster staat een schakelknop “Cookies van derden toestaan”. Wanneer deze knop inactief is, heeft de rand van de knop een lichtgrijze kleur (#DFDFDF) op een witte achtergrond. De contrastratio is 1,3:1 en dat is te laag. Wanneer de schakelknop actief is voor noodzakelijke cookies, heeft de rand een groene kleur (#B7DFB5) op een witte achtergrond. Ook dan is het contrast te laag, met een ratio van 1,5:1. Het contrast tussen de rand en de achtergrond moet minimaal 3,0:1 zijn.

Op pagina https://www.flevolandwerkt.info/ toont een carrousel afbeeldingen met witte knoppen om door de slides te navigeren. De achtergrondkleur van de carrousel verandert dynamisch, waardoor de contrastratio tussen de knoppen en de achtergrond onvoldoende contrast kan krijgen, en soms slechts 1,4:1 is. Dit is onvoldoende. Zorg dat het contrast tussen de knoppen en de achtergrondkleur(en) minimaal 3,0:1 is. Dezelfde carrousel met witte knoppen komt ook voor op pagina’s zoals https://www.flevolandwerkt.info/Nieuws/default.aspx en https://www.flevolandwerkt.info/shortcuts/search_search.aspx?search=werk. Ook daar is het contrast tussen de knoppen en de achtergrondkleur te laag.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

In het hoofdmenu hebben sommige links een submenu. Als een bezoeker de muis over deze links beweegt, openen de submenu's. Ze bedekken de inhoud van de pagina. De bezoeker moet deze extra content makkelijk kunnen sluiten zonder de muis te gebruiken of de toetsenbordfocus te verplaatsen. Bijvoorbeeld door de Escape-toets in te drukken. Zo kan de bezoeker snel de extra informatie verbergen en doorgaan met de belangrijkste onderdelen van de pagina.

Uitkomst: Onvoldoende

Bevindingen:

Op alle pagina’s staat in de footer een knop “Cookie-instellingen” die een modaal venster opent met cookie-instellingen. In dit venster staat de schakelknop “Cookies van derden toestaan”. Dit invoerveld is niet met het toetsenbord te bedienen. Zorg dat alle invoervelden met het toetsenbord kunnen worden bediend, zodat ook bezoekers die geen muis gebruiken toegang hebben tot de functies.

Op pagina https://www.flevolandwerkt.info/Beheer/Formulierenmodule/2030414.aspx komt hetzelfde probleem voor bij de schakelknop “Ik wil een kopie van het ingevulde formulier ontvangen”. Ook deze knop is niet toegankelijk met het toetsenbord. Zorg dat dit element volledig bedienbaar is zonder muis.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

De video op https://www.flevolandwerkt.info/Nieuws/1906280.aspx kan met enkele toetsen worden bediend. De toets ‘s' kan worden gebruikt om een video te delen en de toets 'd’ om technische details te bekijken. Deze sneltoetsen botsen met hulpsoftware, omdat ze ook actief zijn wanneer de toetsenbordfocus op een ander element van de videospeler staat. Dit kan problemen geven voor mensen die met spraakbediening werken, omdat deze letters soms in uitgesproken woorden voorkomen. Ook voor mensen die per ongeluk een toets op het toetsenbord indrukken, is het onhandig. Dit kan opgelost worden door de parameter keyboard=false toe te voegen aan de URI van de video in de HTML-code. Hiermee worden de sneltoetsen uitgeschakeld, terwijl toetsenbordbediening mogelijk blijft. Bekijk voor meer informatie https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters (Engels).

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/ staat een carrousel die automatisch elke paar seconden een nieuwe afbeelding toont. Deze carrousel kan niet gestopt, gepauzeerd of verborgen worden. Bewegende content kan storend zijn voor mensen met een cognitieve beperking, omdat het afleidt tijdens het lezen van de overige inhoud op de pagina. Daarom moet er een mogelijkheid zijn om deze beweging te stoppen, pauzeren of te verbergen. Dit geldt voor alle bewegende, knipperende, scrollende of automatisch actualiserende inhoud die automatisch start, langer dan 5 seconden duurt en tegelijk met andere informatie wordt getoond. Dezelfde carrousel zonder stop-, pauzeer- of verbergfunctie komt ook voor op pagina’s zoals https://www.flevolandwerkt.info/Nieuws/default.aspx en https://www.flevolandwerkt.info/shortcuts/search_search.aspx?search=werk. Ook daar moet de bewegende inhoud kunnen worden onderbroken.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3064609 is geen documenttitel ingesteld in de bestandsinstellingen. Zelfs als er een titel op de eerste pagina staat, moet in de PDF-instellingen ook een documenttitel worden toegevoegd. Wanneer een PDF wordt geopend in een pdf-lezer, zoals Adobe Acrobat of een browser, wordt standaard de bestandsnaam getoond, bijvoorbeeld document123.pdf. Als er een documenttitel is ingesteld in de metadata, wordt deze in plaats van de bestandsnaam weergegeven. Dit helpt bezoekers, vooral met beperkingen, om sneller te begrijpen waar het document over gaat en of het relevant voor hen is.

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3012042 is eveneens geen documenttitel ingesteld in de metadata. Ook hier moet een documenttitel worden toegevoegd om het document toegankelijker te maken.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/werkgeversservicepunt+flevoland/banenafspraak++doelgroepregister/Wat+is+het/default.aspx fungeert het logo onder het kruimelpad als een link, maar het alt-attribuut van de afbeelding is leeg (alt=""). Hierdoor wordt de afbeelding door schermlezers genegeerd en heeft de link geen inhoud. Het is daardoor onduidelijk voor bezoekers die hulpsoftware gebruiken waar de link naartoe leidt. Dit probleem valt ook onder succescriterium 4.1.2, omdat de link geen toegankelijke naam heeft. Dit kan worden opgelost door een beschrijvende alt-tekst aan de afbeelding toe te voegen (zie 1.1.1). Andere oplossingen zijn ook mogelijk.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/Nieuws/3070315.aspx?t=Kaasboederij-Poldergenot-meer-dan-kaas-een-plek-waar-mensen-opbloeien- staat naast het kruimelpad een knop om een artikel te liken. De toegankelijke naam van deze knop is “0”. Deze naam beschrijft de functie van de knop niet goed. Een blinde bezoeker weet hierdoor niet wat deze knop doet. Voeg tekst toe die de functie van de knop duidelijk beschrijft.

Op pagina https://www.flevolandwerkt.info/Nieuws/1906280.aspx staat een iframe met het title-attribuut “Video”. Dit is geen goede beschrijving van de inhoud. Iframes moeten een unieke en betekenisvolle beschrijving hebben. De beschrijving moet duidelijk maken om welk type inhoud het gaat, zoals een video of podcast, en waar het inhoudelijk over gaat. Op die manier kunnen bezoekers met hulpsoftware bepalen of het de moeite waard is om de iframe-inhoud te bekijken.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/bibliotheek/default.aspx bedekt de stickyfooter een deel van de pagina wanneer de website wordt verkleind naar een kleinere resolutie en alle items zijn geselecteerd. Interactieve elementen, zoals links onder “RWF_narratief_interactief_2023.pdf”, kunnen nog wel met het toetsenbord worden bereikt, maar de focusindicator is verborgen achter de stickyfooter. Hierdoor kunnen bezoekers die met het toetsenbord navigeren niet zien waar de toetsenbordfocus zich bevindt. Zorg ervoor dat de sticky header of footer geen interactieve elementen of hun focusindicatoren bedekt. Dit kan bijvoorbeeld worden opgelost door de z-index aan te passen, elementen anders te positioneren of de header/footer dynamisch te verkleinen op kleinere schermen.

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

In het PDF-document op https://www.flevolandwerkt.info/bibliotheek/HandlerDownloadFiles.ashx?idnv=3012042 is de documenttaal niet ingesteld in de metadata. Het is belangrijk om de taal in te stellen, zodat hulpsoftware de inhoud van het bestand met de juiste uitspraakregels kan voorlezen. Dit kan worden ingesteld via de bestandseigenschappen van de PDF.

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/agenda/default.aspx staan onder “Agenda” pijlen als knoppen met de namen “prev” en “next”. Deze labels worden door schermlezers uitgesproken volgens de uitspraakregels van de primaire taal van de pagina, die in dit geval Nederlands is. Omdat elke knop al verborgen Nederlandse tekst bevat, kan dit probleem worden opgelost door de aria-labels met de huidige Engelstalige waarden te verwijderen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

De zoekbalk bovenaan de pagina geeft tijdens het typen suggesties in een dropdownmenu, en functioneert daarmee als een combobox. De noodzakelijke ARIA-rollen en attributen ontbreken echter op het invoerveld en in het dropdownmenu. Voeg role="combobox" toe aan het invoerveld. Daarnaast is het attribuut aria-expanded nodig om aan te geven of de verborgen inhoud zichtbaar is of niet. Er zijn meerdere ARIA-attributen nodig om dit patroon toegankelijk te maken. Zie hiervoor de richtlijnen op: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/.

Op pagina https://www.flevolandwerkt.info/werkgeversservicepunt+flevoland/banenafspraak++doelgroepregister/Wat+is+het/default.aspx fungeert het logo onder het kruimelpad als een link, maar deze link heeft geen toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de functie of bestemming van de link is. Geef deze link een toegankelijke naam die duidelijk beschrijft waar de link naartoe leidt.

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://www.flevolandwerkt.info/Beheer/Formulierenmodule/2030414.aspx verschijnt er een wachtanimatie wanneer op de knop “Versturen” wordt geklikt. Deze animatie fungeert als een statusbericht, maar is niet toegankelijk voor blinde bezoekers. Dergelijke berichten moeten de juiste rol krijgen, zodat schermlezers de boodschap kunnen doorgeven zodra het icoon zichtbaar wordt. Voeg hiervoor bijvoorbeeld aria-live="polite" toe aan het icoon. Meer informatie hierover is te vinden op https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22.