Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Adviescollege Openbaarheid en Informatiehuishouding

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Adviescollege Openbaarheid en Informatiehuishouding
Datum 1 mei 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op acoi.nl
  • Alle PDF's op acoi.nl
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 47

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 het Adviescollege Openbaarheid en Informatiehuishouding (ACOI) op elke pagina is gecodeerd als decoratief en heeft dus geen alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten.

Bevinding 2: In de footer van elke pagina staan logo afbeeldingen van Twitter en LinkedIn. De iconen wordt 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 het icoon wegvalt, bijvoorbeeld voor mensen die een eigen CSS 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. Hetzelfde komt vaker in de website voor, bijvoorbeeld op pagina https://www.acoi.nl/adviezen/chatberichten/ bij de '+' en '-' iconen van de uitklapbare elementen en de social media iconen onder 'Deel deze pagina', of op pagina https://www.acoi.nl/adviezen/chatberichten/.

Bevinding 3: Op de zoekresultatenpagina https://www.acoi.nl/zoeken/?query=woo staan voor sommige zoekresultaten icoontjes om aan te geven dat het om PDF documenten gaat. Omdat de afbeeldingen door middel van het pseudo-element :before en de content property in de CSS op de pagina gezet hebben ze geen alternatieve tekst. De informatie dat het hier om PDF documenten gaat is zo niet beschikbaar voor hulpsoftware. Los dit probleem bijvoorbeeld op door de afbeeldingen als img in de pagina te plaatsen en een alt tekst mee te geven. Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina https://www.acoi.nl/adviezen/chatberichten/.

Bevinding 4: Op de pagina https://www.acoi.nl/adviescollege/ staan onder 'Downloads & links' icoontjes om aan te geven dat een externe website geopend word. Omdat de afbeeldingen door middel van het pseudo-element :before en de content property in de CSS op de pagina gezet hebben ze geen alternatieve tekst. De informatie dat het hier om externe links gaat is zo niet beschikbaar voor hulpsoftware. Los dit probleem bijvoorbeeld op door de afbeeldingen als img in de pagina te plaatsen en een alt tekst mee te geven. Hetzelfde probleem doet zich op meer plaatsen in de website voor bijvoorbeeld op pagina https://www.acoi.nl/bemiddeling/bemiddelingsverzoek/ bij de uitroep tekens voor de foutmeldingen van het formulier.

Bevinding 5: Wanneer op pagina https://www.acoi.nl/actueel/agenda/?whencategory=recent&type=adviescollege-vergadering een filter is ingesteld verschijnt er boven de gevonden agenda items een knop met de naam van het filter en een (x) om deze te verwijderen. Voor het (x) icoon ontbreekt een tekst alternatief. Zorg voor een tekst alternatief dat aangeeft dat na het klikken op deze knop de filteroptie wordt verwijderd.
Daarnaast is ook dit icoon ingevoegd met de content property. Zoals in de vorige bevinding beschreven, is dit niet wenselijk omdat het icoon kan wegvallen wanneer de CSS niet geladen wordt.

Bevinding 6: Op pagina https://www.acoi.nl/actuele-fotos/ staat een afbeelding: 'Advies over het beheren en bewaren van chatberichten bij de overheid.' De toegankelijke tekst bij de afbeelding, 'Infographic' beschrijft de afbeelding niet. De tekst op de afbeelding komt verder niet voor op de pagina. Er is wel een link naar een PDF met dezelfde tekst, maar die PDF is niet toegankelijk, er is geen code laag om de tekst toegankelijk te maken. Plaats deze tekst daarom als HTML-tekst op de pagina of maak de PDF toegankelijk.

Bevinding 7: In de PDF 'VERSLAG collegevergadering ACOI dd. 6 oktober 2022 IKR' (https://www.acoi.nl/.uc/f982004f501016217000077a1e0022edabaf20edc5ea100/verslag-collegevergadering-acoi-dd.-6-oktober-2022-ua.pdf) heeft het logo geen toegankelijke alternatieve tekst. Het logo vertelt aan de bezoeker bij welke organisatie dit document hoort. Voeg in de code laag een alternatieve tekst toe bijvoorbeeld 'Logo Adviescollege Openbaarheid en Informatiehuishouding'.

Bevinding 8: Als bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% is er in de header van elke pagina een hamburgermenu. Als dit hamburgermenu is geopend is er bovenaan het venster een afbeelding van het logo van de Adviescollege Openbaarheid en Informatiehuishouding. Deze afbeelding heeft geen alt attribuut. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Voeg een alt attribuut met deze alternatieve tekst toe.

Bevinding 9: Advies: In de PDF ‘https://www.acoi.nl/.uc/f3016ae660101f516000077c01b02cc35834b4c46751200/advies-aan-vws-inzake-woo-verzoek-naar-informatie-m.b.t.-covid-19-definitief-pdf.pdf' hebben decoratieve afbeeldingen een (dubbele) alternatieve tekst, bijvoorbeeld: 'Ornament ACOI roze geel paars - volgpagina linksboven Ornament ACOI roze geel paars - volgpagina linksboven'. Deze afbeeldingen zijn decoratief en kunnen als artefact gecodeerd worden zodat hulpsoftware ze negeert.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 10: Bijvoorbeeld op de pagina https://www.acoi.nl/adviescollege/contact/ is het menu-item 'Over ons' rood onderstreept waaraan je kan zien dat betreffende menu-item actief is. Voor blinden en slechtzienden is deze informatie niet beschikbaar via hulpsoftware. Markeer de actieve naam zodat deze ook als zodanig wordt voorgelezen door een screenreader. Bijvoorbeeld via aria-current en een waarde die de content beschrijft (bijvoorbeeld page).

Bevinding 11: Op de homepagina hebben alle koppen het niveau 2 terwijl er wel sprake is van een hiërarchie: De kop 'Nieuws' bevat 3 koppen van nieuwsartikelen, die moeten een niveau lager zijn. Doordat de kop 'Nieuws' het niveau 2 heeft en direct wordt opgevolgd door ene kop op niveau 2, wordt hiermee een lege kop gecreëerd. Dit kan verwarrend zijn voor bijvoorbeeld blinde bezoekers, zij navigeren aan de hand van een koplijst en kopsneltoets over de pagina en verwachtend dat een kop content bevat of wordt opgevolgd door een kop op een lager niveau. Los dit probleem op door ervoor te zorgen dat de kop 'Nieuws' content bevat, bijvoorbeeld door de onderliggende koppen op te maken met een h3-element.

Bevinding 12: Het menu op elke pagina heeft het WAI-ARIA attribuut Role=Menubar. Het menu item 'Actueel' heeft niet het verplichte role=Menuitem attribuut. Hulpsoftware kan daardoor het menu niet goed voorlezen. Zorg voor een semantisch correcte HTML code.

Bevinding 13: Op pagina https://www.acoi.nl/adviescollege/serv-wiemers/ zijn de koppen 'Huidige activiteiten' en 'Ervaring' niet opgemaakt als koppen. Zorg ervoor dat de juiste code in de HTML wordt gebruikt om deze koppen op te maken.

Bevinding 14: Op pagina https://www.acoi.nl/actueel/agenda/Od-GO-kennissessie/ is de kop 'Locatie' alleen opgemaakt met het em-element. Dit element is niet geschikt om koppen mee op te maken. Het heeft namelijk een andere semantische waarde dan een kop-element; het geeft aan hulpsoftware aan dat een tekst met nadruk moet worden uitgesproken. Het mag daarom alleen worden gebruikt op één of enkele woorden in een zin. Los dit probleem op door het em-element te verwijderen en 'Locatie' op te maken met een kop-element.

Bevinding 15: In de PDF 'Adviescollege Openbaarheid en Informatiehuishouding' (https://www.acoi.nl/sitelibrary/downloads/pdf/adviescollegeopenbaarheideninformatiehuishouding.pdf) staan koppen die als paragraaf gecodeerd zijn. Zorg er voor een semantisch correcte opmaak in de code van de PDF.

Bevinding 16: In de PDF 'VERSLAG collegevergadering ACOI dd. 6 oktober 2022 IKR' (https://www.acoi.nl/.uc/f982004f501016217000077a1e0022edabaf20edc5ea100/verslag-collegevergadering-acoi-dd.-6-oktober-2022-ua.pdf) staat op pagina 2 een opsomming die in de codelaag niet is opgemaakt als een lijst. Zorg ervoor dat opsommingen altijd zijn opgemaakt met een lijst tag.

Bevinding 17: In de PDF 'https://www.acoi.nl/.uc/f3016ae660101f516000077c01b02cc35834b4c46751200/advies-aan-vws-inzake-woo-verzoek-naar-informatie-m.b.t.-covid-19-definitief-pdf.pdf' is er tekst die niet in de code laag voorkomt en die daardoor niet wordt voorgelezen door hulpsoftware. Het gaat over het retouradres en de datum en het kenmerk van de brief. Informatie in de header van een pagina moet in ieder geval één keer in de code laag voorkomen.

Bevinding 18: Advies: Op pagina https://www.acoi.nl/adviezen/chatberichten/ staat de uitgeschreven tekst van de video ondertiteling. De stukken ondertiteling worden uit elkaar gehouden door een lege regel. Sommige hulpsoftware leest dit voor als 'leeg', dat kan storend werken. Overweeg om een andere manier van opmaken te gebruiken.

Bevinding 19: Advies: Op pagina https://www.acoi.nl/zoeken/?query=woo staan koppen van niveau 4 direct onder koppen van niveau 2, bijvoorbeeld de kop 'Advies inzake Woo-verzoek naar informatie m.b.t. COVID-19'. Sla geen niveaus over.

Bevinding 20: Advies: Op pagina https://www.acoi.nl/adviescollege/ worden de koppen van niveau 3 'Informatiehuishouding' en 'Archiefwet' bij elkaar gegroepeerd door middel van een gele achtergrond. In de code is deze informatie niet terug te vinden. Zorg er voor dat zichtbare relaties terug komen in de semantische opmaak, bijvoorbeeld door de kop 'archiefwet' niveau 4 te geven.

Bevinding 21: Advies: Op pagina https://www.acoi.nl/actueel/agenda/?whencategory=recent vallen de koppen van niveau 3 zoals 'Adviescollege vergadering' semantisch onder de kop 'Filter op type'. Visueel is duidelijk dat dit niet zo is. Zorg er voor dat de koppenstructuur de structuur van de inhoud van de pagina volgt, bijvoorbeeld door 'resultaten' een kop van niveau 2 te maken. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://www.acoi.nl/publicaties/?type=advies&sorteer=recent bij de kop 'Filteren'.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 22: In de PDF ‘https://www.acoi.nl/.uc/f3016ae660101f516000077c01b02cc35834b4c46751200/advies-aan-vws-inzake-woo-verzoek-naar-informatie-m.b.t.-covid-19-definitief-pdf.pdf’ is in de codelaag de leesvolgorde niet goed. Bijvoorbeeld worden eerst alle toegankelijke teksten van afbeeldingen in het document voorgelezen en dan de hoofd tekst en annotaties zijn niet goed gekoppeld aan hun verwijzingen. Zorg er voor dat de leesvolgorde in de code overeenkomt met de visuele leesvolgorde.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.acoi.nl/bemiddeling/bemiddelingsverzoek/ is een formulier waar de bezoeker onder andere het eigen e-mailadres en achternaam kan 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".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://www.acoi.nl/zoeken/?query=woo staan onder een aantal titels van zoekresultaten, bijvoorbeeld onder 'De Woo is een half jaar van kracht' een datum in grijze tekst (HEX #8E8E8E) op witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,3:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 25: Op pagina https://www.acoi.nl/bemiddeling/bemiddelingsverzoek/ staat de tekst 'Geen bestand geselecteerd in grijze tekst (HEX #757575) op een licht grijze achtergrond (HEX #F5F5F5). Deze tekst heeft een te laag contrast. De contrastverhouding is 4,2:1, waar dit minimaal 4,5:1 moet zijn.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 26: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan verdwijnt op de homepagina een deel van de tekst over Ineke van Gent en Martin Berendse buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal). Als verder wordt ingezoomd is wel alle tekst leesbaar.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://www.acoi.nl/actuele-fotos/ staat een afbeelding met tekst 'Advies over het beheren en bewaren van chatberichten bij de overheid.' Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen en schermlezers kunnen de tekst niet lezen. De tekst op de afbeelding komt verder niet voor op de pagina. Er is wel een link naar een PDF met dezelfde tekst, maar die PDF is niet toegankelijk, er is geen code laag om de tekst toegankelijk te maken. Zorg dat er een goede alternatieve tekst is voor de afbeelding. Plaats deze tekst daarom als HTML-tekst op de pagina of maak de PDF toegankelijk.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 28: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% dan verdwijnt op de homepagina een deel van de tekst over Ineke van Gent en Martin Berendse buiten beeld. Er zijn ook geen scrollbalken om de tekst te kunnen bekijken. Vermijd overigens de scrollbalk in de leesrichting (horizontaal). Als verder wordt ingezoomd is wel alle tekst leesbaar.

Bevinding 29: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% of meer en het zoekvenster bovenaan elke pagina geopend wordt is de sluitknop van het venster half zichtbaar. Zorg dat de onderdelen van de website zichtbaar zijn, ook als ingezoomd wordt tot 400%.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 30: Wanneer op elke pagina de Twitter en LinkedIn logo's in de footer toetsenbordfocus hebben, is dat zichtbaar door een lichtgrijze focusrand (HEX #D1C3D0). De contrastverhouding tussen de focusrand en de grijze achtergrond (HEX #EEEEEE) is 1,5:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

Bevinding 31: Op pagina https://www.acoi.nl/adviescollege/ staan onder 'Deel deze pagina' 5 icoontjes. Als deze focus hebben is dat te zien aan een lila focusrand (HEX #DFD1DE). De contrastverhouding tussen de focusrand en de witte achtergrond is 1,3:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast. Hetzelfde komt op meer pagina's voor, bijvoorbeeld op pagina https://www.acoi.nl/adviezen/advies-VWS/ en https://www.acoi.nl/actueel/agenda/Od-GO-kennissessie/.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 32: De PDF 'Adviescollege Openbaarheid en Informatiehuishouding' (https://www.acoi.nl/sitelibrary/downloads/pdf/adviescollegeopenbaarheideninformatiehuishouding.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.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 33: Op elke pagina krijgt bij navigatie met behulp van de tab toets op het toetsenbord de sluitknop van het zoekveld focus, ook als deze knop niet zichtbaar is. Daardoor is niet zichtbaar welk element focus heeft. Zorg dat alleen zichtbare elementen focus kunnen krijgen.

Bevinding 34: Als het zoekveld boven aan elke pagina geopend wordt is het eerste element dat focus krijgt het zoekveld, de sluitknop heeft pas focus als de hele pagina doorlopen is en de focus weer naar de top van de pagina verplaatst. Als een nieuw venster geopend wordt moet de focus als eerste op de sluitknop (of ander eerste bedienbare element) komen.

Bevinding 35: In het navigatiemenu op onder andere de homepage kunnen submenu's worden geopend met knoppen. Als toetsenbordgebruikers deze submenu's hebben geopend en verder navigeren met de tab toets, blijven de submenu vensters open staan. Dit kan vervelend zijn wanneer bezoekers de pagina in een ingezoomde weergave bekijken, omdat de submenu vensters voor andere content staan. Los dit probleem bijvoorbeeld door ervoor te zorgen dat de vensters inklappen wanneer toetsenbordfocus hier uit wordt gehaald.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 36: Op pagina https://www.acoi.nl/adviescollege/contact/ is de kaart met de locatie van ACOI een link naar google Maps. De linktekst 'Afbeelding van de locatie van ACOI op een kaart' beschrijft het doel van de link niet. Geef duidelijk aan waar de link naar toe gaat.

Bevinding 37: Op pagina https://www.acoi.nl/actuele-fotos/ staan een aantal afbeeldingen die een link zijn naar het afbeeldingsbestand. Deze links hebben geen naam. Omdat de links geen linkdoel hebben, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de links heen gaan. Voeg een duidelijke linktekst toe om dit probleem op te lossen.

Bevinding 38: Opmerking: Op pagina https://www.acoi.nl/actueel/agenda/?whencategory=recent staan blokken die linken naar agenda items, bijvoorbeeld het blok 'Adviescollege vergadering'. Alle teksten binnen deze blokken zijn geplaatst binnen een a-element, hierdoor is de linktekst van de link erg lang. Een lange linktekst kan vervelend zijn voor screenreadergebruikers of mensen die de website bedienen met spraakbediening. Het is daarom beter om alleen de koppen is deze blokken op te maken met het a-element, daarna kan het klikgebied van de link worden vergroot zodat het hele blok klikbaar is.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 39: Op pagina https://www.acoi.nl/actuele-fotos/ staat een video. Wanneer de afspeelknop in de video 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.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende

Bevinding 40: Opmerking: Op pagina https://www.acoi.nl/actueel/agenda/?whencategory=recent staat een combobox met het visuele label 'In maand'. De toegankelijke naam van dit veld is 'maand'. Doordat het visuele label en de toegankelijke naam niet helemaal overeenkomen is het veld niet te bedienen met elke vorm van spraakbediening. Het is een best practice om wanneer elementen een visueel label hebben, deze helemaal overeen te laten komen met de toegankelijke naam van het veld.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 41: In de eigenschappen van de PDF 'Adviescollege Openbaarheid en Informatiehuishouding' (https://www.acoi.nl/sitelibrary/downloads/pdf/adviescollegeopenbaarheideninformatiehuishouding.pdf) is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 42: Op pagina https://www.acoi.nl/bemiddeling/bemiddelingsverzoek/ staat een formulier. Wanneer bezoekers een formulierveld niet of niet goed invullen, verschijnt bijvoorbeeld de foutmelding 'Het veld "Telefoonnummer" is verplicht.'. Een goede foutidentificatie vermeldt welke fout gemaakt is en waar de fout gemaakt is. Bijvoorbeeld 'Het veld "Telefoonnummer" is niet ingevuld’.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 43: De zoekknop op elke pagina heeft het attribuut 'for'. Dit attribuut is niet toegestaan voor een knop-element. Dit kan problemen geven met hulpsoftware. Laat het attribuut weg. Hetzelfde probleem doet zich voor op pagina https://www.acoi.nl/publicaties/?type=advies&sorteer=recent bij de tweede knop met label 'Zoeken'.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 44: Op pagina https://www.acoi.nl/adviezen/chatberichten/ staat een video player met een knop 'cc' waarmee ondertiteling aan/uit gezet kan worden. Deze knop heeft geen (goede) toegankelijke naam. Het is voor screenreadergebruikers nu niet duidelijk wat de knop doet. Geef de knop een toegankelijke naam door bijvoorbeeld een aria-label mee te geven.

Bevinding 45: Op pagina https://www.acoi.nl/actuele-fotos/ staan een aantal foto's die een link zijn naar het fotobestand. Deze links hebben geen naam. Omdat de links geen linkdoel hebben, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de links heen gaan. Voeg een duidelijke linktekst toe om dit probleem op te lossen.

Bevinding 46: Als bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% is er in de header van elke pagina een hamburgermenu. Als dit menu is uitgevouwen opent bij klikken op bijvoorbeeld 'Bemiddeling' een aantal extra opties. De link 'Bemiddeling' in dit menu verandert niet van status wanneer bezoekers er op klikken. Zorg ervoor dat de visuele verandering ook doorgegeven wordt aan screenreadergebruikers bijvoorbeeld door aria-expanded te gebruiken.

Bevinding 47: Als bij een schermgrootte van 1280x1024px ingezoomd wordt tot 200% is er in de header van elke pagina een hamburgermenu. Als dit menu is uitgevouwen opent bij klikken op bijvoorbeeld 'Bemiddeling' een aantal extra opties. De link 'Bemiddeling' in dit menu verandert niet van naam wanneer bezoekers er op klikken. Zorg ervoor dat de visuele verandering ook doorgegeven wordt aan screenreadergebruikers.

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.

Geprint: 2025-01-15 10:41:53 v2.4-011