Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?
Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.
Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle 50 criteria onder WCAG 2.1 A en AA. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.
De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).
Over deze evaluatie
Rapport auteur
Janita Top
Evaluatie opdrachtgever
Watch4Media
Evaluatiedatum
15 november 2024
Managementsamenvatting
Uit dit onderzoek blijkt dat wordt voldaan aan 36 van de 50 criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.
Positief is bijvoorbeeld dat de video’s goede ondertiteling hebben, dat er geen afbeeldingen van tekst worden gebruikt en dat er een consistente navigatie aanwezig is.
Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:
Onjuiste of missende alt-teksten bij afbeeldingen
Onjuist opgemaakte koppen
Niet alle functionaliteit werkt met het toetsenbord
Scope van de evaluatie
Website naam
almere20.nl
Scope van de website
Alle pagina's op https://almere20.nl.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 50 van 50 WCAG 2.1 AA
Success Criteria.
24Voldoende
14Onvoldoende
12Niet van toepassing
0Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
Success Criterium
Uitkomst
Bevindingen
1.1.1: Niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Almere 2050
Uitkomst: Onvoldoende
Nieuwsbericht Alluminous
Uitkomst: Onvoldoende
PDF jaarverslag 2023
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Het logo in de cookiemelding heeft als zichtbare tekst ‘Almere 2.0’ maar als alt-tekst enkel ‘logo’. Zorg dat de alt-tekst gelijkwaardig is aan de zichtbare informatie.
Homepage
Bij de sleutelprojecten staat het item ‘Almeerderhout’ met een afbeelding, waarvan de alternatieve tekst hetzelfde is als de titel, ‘Almeerderhout’. Dit voegt niks toe. Geef een goede beschrijving van de foto of laat de alternatieve tekst (en de role="img") achterwege. Dit komt op meerdere plekken voor, bijvoorbeeld bij het nieuwsitem ‘Hoe ziet Almere eruit in 2050?’ op de pagina Almere 2050.
Bij de agenda hebben de afbeeldingen als alternatieve tekst een lastig leesbare (bestands)naam, ‘ICT-Tribe-logo-RGB_wit’. Maak hier een duidelijke tekst van, zoals ‘logo ICT Tribe Almere’. Dit komt op meerdere plekken voor.
Almere 2050
In het hoofdartikel staat een infographic. Deze afbeelding heeft een lege alt-tekst, maar is niet decoratief. Voeg bij voorkeur een korte beschrijving toe in de alt-tekst en een volledige beschrijving van de informatie in een caption onder de figuur. Zie screenshot 1.
Bij de nieuwsberichten staat een afbeelding zonder alternatieve tekst. Het gaat om een foto van brochures bij een bericht over de uitvoeringsagenda. Deze staat in een div-element met role=”img” en een leeg aria-label attribuut. Wanneer dit een decoratieve afbeelding is, kan de rol en aria-label worden weggehaald. Wanneer de rol blijft staan, moet het aria-label attribuut een waarde krijgen. Dit komt bij meerdere afbeeldingen voor.
Bij het nieuwsitem ‘ Toekomstvisie Almere 20250 vastgesteld’ staat een afbeelding met een onvolledige alternatieve tekst, namelijk ‘ Cover perspectiefdocument met tekst: ‘. Het laatste deel ontbreekt.
Nieuwsbericht Alluminous
De foto’s in het hoofdartikel (van de Beeldkrakers) hebben een lege alt-tekst, maar dit is content. Geef de foto’s een (korte) beschrijving.
PDF jaarverslag 2023
Het document bevat meerdere infographics waarbij de alternatieve tekst niet alle zichtbare (tekstuele) informatie bevat. Bijvoorbeeld de infographic over Smart Mobility op pagina 91 (46 in Acrobat Reader).
1.2 Op tijd gebaseerde media
Success Criterium
Uitkomst
Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample
Uitkomst: Voldoende
Hele sample
Bevindingen:
Opmerking: op de homepage staat een video zonder geluid. Deze is geïnterpreteerd als decoratief, waardoor er geen tekstalternatief nodig is. Mocht dit wel als informatief bedoeld zijn, moet er wel een tekstalternatief worden geboden, zoals een beschrijving onder de video.
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample
Uitkomst: Voldoende
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Hart van de stad
Uitkomst: Onvoldoende
Hart van de stad
In de video onder ‘Aantrekkelijke en levendige stad’ komen diverse teksten in beeld (in witte en roze letters), die niet alle worden uitgesproken. Bezoekers die deze teksten niet kunnen zien, krijgen deze informatie nu niet mee. Voeg deze toe aan een audiodescriptiespoor en/of aan het transcript. Dit komt ook voor bij de video over Ontwikkelvisie 2040 op dezelfde pagina. NB: er staat een kop met Audiodescriptie, maar daar staat niks onder.
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample
Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample
Uitkomst: Onvoldoende
Hart van de stad
Uitkomst: Onvoldoende
Hart van de stad
In de video onder ‘Aantrekkelijke en levendige stad’ komen diverse teksten in beeld (in witte en roze letters), die niet alle worden uitgesproken. Bezoekers die deze teksten niet kunnen zien, krijgen deze informatie nu niet mee. Onder dit criterium moeten deze teksten worden toegevoegd aan een audiodescriptiespoor waar daarvoor ruimte is tussen de voiceover teksten. Dit komt ook voor bij de video over Ontwikkelvisie 2040 op dezelfde pagina. NB: er staat een kop met Audiodescriptie, maar daar staat niks onder.
1.3 Aanpasbaar
Success Criterium
Uitkomst
Bevindingen
1.3.1: Info en relaties
Hele sample
Uitkomst: Onvoldoende
Homepage
Uitkomst: Onvoldoende
Over het programma
Uitkomst: Onvoldoende
Hart van de stad
Uitkomst: Onvoldoende
Nieuws
Uitkomst: Onvoldoende
Nieuwsbericht Alluminous
Uitkomst: Onvoldoende
Sitemap
Uitkomst: Onvoldoende
Random pagina 2 - Agendaitem IT-oriëntatiemiddag
Uitkomst: Onvoldoende
PDF Uitvoeringsagenda
Uitkomst: Onvoldoende
PDF jaarverslag 2023
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
In de cookiemelding staat een lijst die niet goed is opgemaakt. Het gaat om het onderdeel waarbij een paragraaf staat met ‘Wij gebruiken geen cookies van dit type’. Hier staat nog een ul-element boven, zonder li-elementen. Dit kan verwarrend zijn voor gebruikers van hulpsoftware. Haal het ul-element hier ook weg.
Opmerking: De knop naar het mobiele menu is in Windows High Contrast mode niet zichtbaar. Dit komt doordat de knop geen tekst heeft en ook geen afbeelding, alleen CSS streepjes. Windows herkent dit niet als content. Dit kan worden opgelost door de afbeelding in svg te plaatsen en er een (transparante) outline omheen te zetten. Zie screenshot 6.
Homepage
De koppenstructuur is niet logisch opgebouwd. Zie screenshot 2.
De koppen ‘Nieuws’ en ‘Sleutelprojecten’ vallen in de hiërarchie onder de kop ‘Programmalijnen’. Visueel lijken dit echter aparte onderdelen op hetzelfde niveau.
De kop ‘Agenda’ valt als h4 onder de h3-kop ‘Sleutelprojecten’. De agenda items zijn als h3-koppen zelfstandige onderdelen, terwijl die onder de Agenda moeten vallen. Dit moet qua hiërarchie dus worden omgedraaid.
De koppen in de footer vallen als h5 onder de h3-kop ‘Informatiesessie omscholingsprogramma‘, maar de footer is een zelfstandig onderdeel van de site. Deze kopjes moeten dus op een hoger niveau staan, bijvoorbeeld h2, of h3 onder een algemeen (eventueel verborgen) h2-niveau footer kopje. Dit issue komt op meerdere pagina’s voor.
Over het programma
De koppenstructuur is niet logisch opgebouwd. De h3-kop ‘Sleutelprojecten’ valt onder de h2-kop ‘Verbeteren natuur en recreatie Markermeer-IJmeer’, maar dit is een zelfstandig onderdeel. Deze kop moet op een hoger niveau staan. Dit geldt ook voor de kop ‘Nieuws’. Dit komt op meerdere pagina’s voor, ook met bijvoorbeeld de de kop ‘Publicaties’ die valt onder de kop ‘Transcript van deze video’ (op de pagina Hart van de stad).
Hart van de stad
De koppenstructuur is niet logisch opgebouwd. Onder de video’s staan koppen ‘Transcript van deze video’ en ‘Audiodescriptie van deze video’. Deze video’s vallen onder een specifieke h2 kop, maar zijn nu ook h2-niveau. Hierdoor is het in een koppenlijst niet duidelijk waar ‘deze’ video naar verwijst. Zet deze koppen op h3-niveau, of maak ze enkel op als knop, en niet als kop.
Nieuws
De koppenstructuur is niet logisch opgebouwd.
De kop van het uitgelichte artikel heeft hetzelfde niveau als de kop waar het onder valt (‘Uitgelichte pagina’).
De kopjes van de blokken met Programmalijnen zijn visueel zelfstandige onderdelen, maar vallen qua hiërarchie onder de h2-kop ‘Recente artikelen’. Deze koppen moeten op een hoger niveau staan.
Nieuwsbericht Alluminous
In het artikel staat een citaat. Deze is opgemaakt als em-element. 'Em' is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Screenreaders kunnen deze teksten op een andere manier voorlezen. Voor een citaat kan het q-element (quote) worden gebruikt (aanhalingstekens worden dan automatisch toegevoegd).
Sitemap
De lijst onder Nieuwsberichten is niet goed opgemaakt. Deze bevat een ul-element direct binnen een andere ul-element. Een ul-element mag alleen li-elementen bevatten.
Random pagina 2 - Agendaitem IT-oriëntatiemiddag
De details van het evenement worden aangegeven met het strong-element. Dat is hier niet voor bedoeld, maar voor het uitlichten van enkele woorden die extra aandacht behoeven. Omdat het hier om dataparen gaat, kan beter een definitielijst worden gebruikt of een tabel met headers.
PDF Uitvoeringsagenda
Niet alle content is correct opgemaakt. Op pagina 4 en verder (3 in Acrobat Reader) staan genummerde lijsten. In de code zijn dit geen lijsten met meerdere list items, maar zijn het allemaal losse lijsten met elk maar één list item. Visueel lijken er ook paragrafen tekst onder list items te vallen. In de code staan deze buiten de lijst. Ook staan er erg veel lege paragrafen in het document. Deze kunnen beter worden verwijderd.
PDF jaarverslag 2023
Niet alle content is correct opgemaakt. Bijvoorbeeld:
Op pagina 5 (3 in Acrobat Reader) is de inleidende paragraaf als kop opgemaakt, maar dit moet geen kop zijn. De blauwe tussenkopjes zoals ‘Mijlpaal’ zijn niet als kop opgemaakt, maar als paragraaf. Dit komt op meerdere pagina’s voor.
Op pagina 11 (6 in Acrobat Reader) staat visueel een lijst met 8 items. In de code staan maar 2 items op hoofdniveau.
Er staan veel lege koppen en lege paragrafen in het document.
Niet alle afbeeldingen zijn als figuur opgemaakt, maar bijvoorbeeld als paragraaf.
Sommige tabellen staan geheel binnen een h2-kop, bijvoorbeeld op pagina 72 (37 in Acrobat Reader).
1.3.2: Betekenisvolle volgorde
Hele sample
Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample
Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample
Uitkomst: Voldoende
1.3.5: Identificeer het doel van de input
Hele sample
Uitkomst: Niet van toepassing
1.4 Onderscheidbaar
Success Criterium
Uitkomst
Bevindingen
1.4.1: Gebruik van kleur
Hele sample
Uitkomst: Onvoldoende
Project internationale campus
Uitkomst: Onvoldoende
Project internationale campus
In het blok met ‘Beschrijving’ staat de link naar ‘Leren en werken’ alleen aangegeven met een verschil in kleur. Slechtzienden en kleurenblinden kunnen hierdoor missen dat er een link staat. Voeg een andere aanwijzing toe, zoals vet of onderstreept, om het onderscheid duidelijk te maken.
1.4.2: Geluidsbediening
Hele sample
Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample
Uitkomst: Onvoldoende
Almere 2050
Uitkomst: Onvoldoende
Projecten
Uitkomst: Onvoldoende
PDF jaarverslag 2023
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
De knoppen binnen de cookiemelding met ‘Weigeren’ en ‘Selectie toestaan’ (wit/grijs, 3,2:1) en de knop ‘Alles toestaan’ (groen/wit, 4,4:1).
De knoppen in de cookie popup om de toestemming te veranderen (grijs/wit, 3,15:1).
Almere 2050
De witte (1,8:1) en groene (1,4:1) teksten in de infographic. Zie screenshot 1.
Projecten
De ‘Submit’ knop voor het zoeken (grijs/wit, 3,5:1).
De placeholder tekst ‘Zoeken’ (lichtgrijs/wit, 1,6:1).
PDF jaarverslag 2023
De kleine groen/witte kopjes (3,9:1) zoals op pagina 41 (21 in Acrobat Reader).
De kleine oranje/witte kopjes (4,45:1) zoals op pagina 95 (48 in Acrobat reader).
1.4.4: Herschalen van tekst
Hele sample
Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst
Hele sample
Uitkomst: Voldoende
1.4.10: Reflow
Hele sample
Uitkomst: Voldoende
Hele sample
Bevindingen:
Opmerking: Doordat de header sticky is en veel schermruimte inneemt, is de content lastig te lezen wanneer je verder bent ingezoomd. Zie screenshot 4. Overweeg om de header op dit zoomniveau minder groot te maken.
Opmerking: 0p 400% ingezoomd lopen de slider buttons soms door langere teksten heen. Zie screenshot 5.
1.4.11: Contrast van niet-tekstuele content
Hele sample
Uitkomst: Onvoldoende
Projecten
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.
Projecten
De randen om het zoekveld (lichtgrijs/wit, 1,4:1). Doordat de placeholder tekst ook slecht zichtbaar is, is het niet duidelijk waar er input kan worden gegeven. (Bij de optielijst ernaast is dat door de donkerder tekst wel duidelijk, maar ook hier zou het beter zijn de randen meer contrast te geven).
1.4.12: Tekstafstand
Hele sample
Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample
Uitkomst: Niet van toepassing
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
Success Criterium
Uitkomst
Bevindingen
2.1.1: Toetsenbord
Hele sample
Uitkomst: Onvoldoende
Nieuwsbericht Alluminous
Uitkomst: Voldoende
Hele sample
Bevindingen:
Op 250% ingezoomd en meer bedekt de cookiemelding het gehele scherm. Het toetsenbord kan echter niet in de melding popup komen. Je kunt daardoor geen keuze maken of instellingen aanpassen. De popup om later je toestemming te wijzigen via de knop onderaan is ingezoomd ook niet met het toetsenbord te bereiken.
Opmerking: In het submenu Programmalijnen (op 100% zoom) wisselt de content in de midden- en rechterkolom wanneer je met de muis door de programmalijnen gaat, maar met het toetsenbord wisselt deze niet. Zie screenshot 3. Je kunt bij deze content komen door naar de pagina van het programma te gaan, maar het is gebruiksvriendelijker als toetsenbordgebruikers dezelfde info te zien krijgen.
Nieuwsbericht Alluminous
Opmerking: Wanneer je de foto opent in de vergroting, werkt de knop om deze popup te sluiten (het kruis) niet met het toetsenbord. Sluiten met de Escape toets werkt wel, maar het is mogelijk niet voor iedereen duidelijk dat deze optie er is.
2.1.2: Geen toetsenbordval
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
Op 250% ingezoomd en meer bedekt de cookiemelding het gehele scherm. Met het toetsenbord kun je deze echter niet sluiten, ook niet met de escape toets. Dit betekent dat je de website niet kunt gebruiken en enkel de gehele tab kunt sluiten.
2.1.4: Enkel teken sneltoetsen
Hele sample
Uitkomst: Voldoende
2.2 Genoeg tijd
Success Criterium
Uitkomst
Bevindingen
2.2.1: Timing aanpasbaar
Hele sample
Uitkomst: Niet van toepassing
2.2.2: Pauzeren, stoppen, verbergen
Hele sample
Uitkomst: Voldoende
2.3 Toevallen en fysieke reacties
Success Criterium
Uitkomst
Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample
Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium
Uitkomst
Bevindingen
2.4.1: Blokken omzeilen
Hele sample
Uitkomst: Voldoende
2.4.2: Paginatitel
Hele sample
Uitkomst: Voldoende
2.4.3: Focus volgorde
Hele sample
Uitkomst: Onvoldoende
Nieuws
Uitkomst: Voldoende
Hele sample
Bevindingen:
Na het activeren van de tab ‘Details’ in de cookie instellingen gaat de focus niet meteen in het tabpanel, maar eerst naar de andere tabs. Het voorgeschreven gedrag bij tabs is dat de focus via de tabtoets meteen in het actieve panel komt en dat je met de pijltjestoetsen tussen de tabs kunt navigeren. Zorg dat de code voor tabs is opgemaakt volgens de specificatie, zie voor een voorbeeld https://www.w3.org/WAI/ARIA/apg/example-index/tabs/tabs-manual.html.
Wanneer het mobiele menu geopend is, gaat de focus na het menu door naar elementen op de onderliggende pagina, maar deze zijn nu niet zichtbaar. Zorg dat de focus hier pas bij kan komen wanneer het menu weer gesloten is.
Nieuws
Opmerking: alle items op deze pagina krijgen twee keer de focus, op de afbeelding en de titel. Het is gebruiksvriendelijker voor toetsenbordgebruikers als dit maar één keer per item zou zijn, bijvoorbeeld alleen op de titel.
2.4.4: Linkdoel (in context)
Hele sample
Uitkomst: Onvoldoende
Hart van de stad
Uitkomst: Onvoldoende
Hart van de stad
In de paragraaf die begint met de tekst ‘In het centrum komen er meer woningen…’ staat een link zonder tekst. De focus komt nu ook op deze link, maar is niet zichtbaar. Deze link gaat naar een niet beschikbare afbeelding, dus kan waarschijnlijk beter worden verwijderd. Ditzelfde issue komt op meerdere pagina’s voor bij afbeeldingen binnen artikelen.
2.4.5: Meerdere manieren
Hele sample
Uitkomst: Voldoende
2.4.6: Koppen en labels
Hele sample
Uitkomst: Onvoldoende
Hele sample
Bevindingen:
De knop om de cookie-instellingen te openen heeft als label ‘Open widget’. Het is niet duidelijk waar dit voor is. Maak hier bijvoorbeeld ‘Open cookie instellingen’ van. De knop om de popup te sluiten heeft als label ‘Close widget’. Maak hier bijvoorbeeld ‘Sluit instellingen’ van.
Binnen de cookie pop-up hebben de iconen een Engelse alternatieve tekst ‘Consent given’. Ook dit is mogelijk niet voor iedereen duidelijk. Maak hier een Nederlandse tekst van. Let er hierbij op dat de ‘lang’ attributen binnen de popup ook op Nederlands worden gezet.
Enkele koppen en labels binnen de website content zijn in het Engels, zoals de ‘submit’ knop bij zoeken en ‘Pages’ op de pagina met de sitemap. Dit kan voor sommige bezoekers verwarrend zijn. Zorg dat op Nederlandstalige pagina’s alle koppen en labels ook in het Nederlands staan.
2.4.7: Focus zichtbaar
Hele sample
Uitkomst: Voldoende
2.5 Input Modaliteiten
Success Criterium
Uitkomst
Bevindingen
2.5.1: Aanwijzergebaren
Hele sample
Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering
Hele sample
Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample
Uitkomst: Voldoende
2.5.4: Bewegingsactivering
Hele sample
Uitkomst: Niet van toepassing
3 Begrijpelijk
3.1 Leesbaar
Success Criterium
Uitkomst
Bevindingen
3.1.1: Taal van de pagina
Hele sample
Uitkomst: Voldoende
3.1.2: Taal van onderdelen
Hele sample
Uitkomst: Niet van toepassing
3.2 Voorspelbaar
Success Criterium
Uitkomst
Bevindingen
3.2.1: Bij focus
Hele sample
Uitkomst: Voldoende
3.2.2: Bij input
Hele sample
Uitkomst: Voldoende
3.2.3: Consistente navigatie
Hele sample
Uitkomst: Voldoende
3.2.4: Consistente identificatie
Hele sample
Uitkomst: Voldoende
3.3 Assistentie bij invoer
Success Criterium
Uitkomst
Bevindingen
3.3.1: Foutidentificatie
Hele sample
Uitkomst: Niet van toepassing
3.3.2: Labels of instructies
Hele sample
Uitkomst: Onvoldoende
Projecten
Uitkomst: Onvoldoende
Projecten
Bij het zoekveld is geen zichtbaar label. Een placeholder tekst is niet voldoende aangezien die niet altijd zichtbaar is. Voeg een label toe dat altijd zichtbaar blijft.
In het hoofdmenu staan links die uitklapbaar zijn. Wanneer je hier met de focus op komt, wordt dat niet doorgegeven aan hulpsoftware. Er komt pas een 'aria-expanded' attribuut op te staan nadat deze is geactiveerd. Zorg dat deze er ook al op staat als je er voor het eerst op komt, zodat het duidelijk is dat deze link uitgeklapt kan worden. Dit geldt ook voor de links van programmalijnen in het submenu die geopend kunnen worden.
Over het programma
De iframe met de video heeft geen toegankelijke naam. Gebruikers van hulpsoftware weten niet wat er in dit iframe staat en of ze deze daarom willen openen of overslaan. Voeg bijvoorbeeld een title attribuut met beschrijving toe of een aria-label. Dit komt op meerdere pagina’s voor waar video’s op staan.
