Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Realisatie IBDS

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Realisatie IBDS
Datum 10 maart 2023
Scope van de website Binnen de scope van het onderzoek vallen:
  • De content op het domein realisatieibds.pleio.nl/.
  • De PDF's op het domein realisatieibds.pleio.nl/.
  • De content op het subdomein magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01.
Buiten de scope van het onderzoek vallen:
  • De techniek op het domein realisatieibds.pleio.nl/. Dit onderzocht bij een apart onderzoek.
  • De techniek op het domein magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01. Dit vereist een apart onderzoek.
  • 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: 24

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: Boven aan elke pagina staat het logo van de Rijksoverheid. Dit logo heeft de alternatieve tekst 'Rijkslint'. Deze alternatieve tekst brengt niet dezelfde informatie over aan bezoekers als het logo visueel doet. Voor bezoekers die het scherm kunnen zien is het duidelijk dat dit een website van de Rijksoverheid is, voor bezoekers die het scherm niet kunnen zien wordt dat niet duidelijk gemaakt met de alternatieve tekst 'Rijkslint'. Zorg ervoor dat in de alternatieve tekst van een logo minstens de organisatienaam voorkomt, de alternatieve tekst 'Rijksoverheid' is hier voldoende.
Dit logo komt voor op elke pagina van het domein realisatieibds.pleio.nl/.

Bevinding 2: Op pagina realisatieibds.pleio.nl/news/view/bd13c048-373f-4da0-b825-e69b11fda496/mag-een-automatische-drone-worden-ingezet-boven-bedrijventerrein-om-criminaliteit-te-voorkomen staat een icoon voor het getal '47'. Dit icoon zegt wat over het getal dat erachter staat, namelijk dat het nieuwbericht 47 keer is bekeken. Om deze reden heeft het icoon een alternatieve tekst nodig. Dit geldt ook voor het icoon voor de tekst '(foto @gemeente Breda)' dat bron betekend. Geef de iconen een alternatieve tekst. Omdat de iconen svg-elementen met role=img zijn kan dit via het alt-attribuut. Vergeet hierbij niet om het attribuut aria-hidden=true van de svg-elementen te verwijderen.
Dit probleem komt ook voor op pagina realisatieibds.pleio.nl/groups/view/0056c9ef-5c2e-44f9-a998-e735f1e9ccaa/federatief-datastelsel/questions/view/f0215c22-84ea-4ee2-ae03-ad6ee30ba985/ontbrekende-lijn-houtskoolschets en op realisatieibds.pleio.nl/events/view/b0e7d83c-b649-4034-9d2d-3bfc1b2a82c2/congres-informatiegestuurde-overheid.

Bevinding 3: Op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/stelseldag-2022--terugblik staat voor verschillende links een icoon dat aangeeft dat deze links verwijzen naar een externe pagina. Deze iconen zijn 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 voor dit probleem kan zijn om het icoon via het img- of svg-element op de pagina te plaatsen.
Dit probleem komt ook voor op andere pagina's van het magazine, bijvoorbeeld op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/actueel.

Bevinding 4: Advies: De afbeelding op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/actueel heeft een bijschrift maar geen alternatieve tekst. Het is beter om de afbeelding ook een alternatieve tekst te geven zodat de afbeelding wordt voorgelezen door voorleessoftware. Op dit moment wordt de afbeelding als decoratief gezien door voorleessoftware vanwege het lege alt-attribuut op het img-element. Zorg er wel voor dat wanneer de afbeelding een alternatieve tekst krijgt deze anders is dan het bijschrift.

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op de homepage staat een video waarin teksten in beeld worden getoond, ongeveer rond 1:26. Deze informatie komt niet terug in het audiospoor en er is geen media-alternatief voor de video. Hierdoor missen bezoekers die het scherm niet kunnen zien de informatie die als tekst in beeld komt te staan. Zorg ervoor dat deze video een media-alternatief krijgt, bijvoorbeeld een transcript. Of maak gebruik van een audiodescriptie om ook te voldoen aan succescriterium 1.2.5.
Het is overigens beter om een transcript én een audiodescriptie te hebben bij een video. De tekst in een transcript kan namelijk worden omgezet naar braille, waar mensen die niet kunnen horen en zien afhankelijk van zijn.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op de homepage staat een video waarin teksten in beeld worden getoond, ongeveer rond 1:26. Deze informatie komt niet terug in het audiospoor. Hierdoor missen bezoekers die het scherm niet kunnen zien en afhankelijk zijn van audio de informatie. Zorg ervoor dat wanneer teksten in beeld staan deze voorkomen in het audiospoor. Dit kan door de teksten te laten voorlezen door een voiceover, of door een audiodescriptie toe te voegen aan de video.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: Op de homepage is het strong-element gebruikt om de introductietekst dikgedrukt te maken. Het strong-element is niet geschikt om teksten mee op te maken. Het element heeft namelijk een eigen semantische waarde: het geeft aan dat een tekst belangrijk is. Ook is het strong-element alleen bedoelt om op één of enkele woorden te plaatsen, niet op lange stukken teksten. Verwijder daarom het strong-element van deze tekst en maak het op een andere manier op, bijvoorbeeld door gebruik te maken van CSS-eigenschappen of het b-element.
Het strong-element wordt ook op andere pagina's gebruikt om teksten mee op te maken, bijvoorbeeld op pagina realisatieibds.pleio.nl/cms/view/f17bdd08-7441-4968-95d4-acafdce49efb/over-de-ibds, realisatieibds.pleio.nl/wiki/view/ece7409e-f659-4127-99ef-3547306657e5/advies-meervoudig-gebruik-camerabeelden en magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/actueel.

Bevinding 8: Op pagina realisatieibds.pleio.nl/cms/view/b0dfdf8b-ea42-4c6b-b792-dff06a0992f8/kennisbank is de H2-kop 'Wat kan er technisch, wat mag er juridisch en wat willen we?' opgemaakt met het strong-element. Het strong-element is niet geschikt om koppen mee op te maken, het heeft namelijk een andere semantische waarde dan een kop-element. Ook is het strong-element niet bedoelt om teksten visueel dikgedrukt mee te maken. Los dit probleem op door het strong-element van de kop te verwijderen.
Dit probleem komt ook voor op pagina realisatieibds.pleio.nl/wiki/view/ece7409e-f659-4127-99ef-3547306657e5/advies-meervoudig-gebruik-camerabeelden.

Bevinding 9: De PDF op pagina realisatieibds.pleio.nl/file/download/557354e7-d2dc-4f74-8a3f-8486ea24b70c/20221118-ibds-samenvatting-advies-gemeente-breda-inzet-vliegende-drone-002-prdf-5478797.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald 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 codelaag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 10: Deze bevinding is mogelijk technisch van aard:
Naast de link 'Bart den Dulk' op de homepage staat een afbeelding dat bij hover en focus aanvullende content laat zien. Deze afbeelding is verbogen voor hulpsoftware omdat het in een div-element is geplaatst waarop aria-hidden=true staat. Hierdoor is het voor gebruikers van bijvoorbeeld voorleessoftware niet duidelijk dat dit element aanvullende informatie toon, omdat het element niet wordt voorgelezen. Zorg ervoor dat het element niet verbogen is voor hulpsoftware door aria-hidden=true te verwijderen.
Dit probleem komt voor op meerdere pagina's, bijvoorbeeld op pagina realisatieibds.pleio.nl/search?q=data en realisatieibds.pleio.nl/groups/view/0056c9ef-5c2e-44f9-a998-e735f1e9ccaa/federatief-datastelsel/questions/view/f0215c22-84ea-4ee2-ae03-ad6ee30ba985/ontbrekende-lijn-houtskoolschets.

Bevinding 11: Advies: Op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/ambassadeur-jan-van-ginkel staan losse quotes die zijn opgemaakt met aanhalingstekens. Deze aanhalingstekens geven aan dat het hier om een quote gaat, maar niet elke screenreader leest deze aanhalingstekens voor. Daarom is het beter om losse quotes op een pagina op te maken met het blockquote-element.

Bevinding 12: Advies: Pagina realisatieibds.pleio.nl/search?q=data bevat geen H1-kop. Een H1-kop geeft altijd aan wat het hoofdonderwerp van een pagina is. Deze informatie is belangrijk voor mensen die gebruikmaken van een koppenlijst of voorleessoftware. Zorg er daarom voor dat elke pagina een H1-kop bevat.

Bevinding 13: Advies: De koppenstructuur op pagina realisatieibds.pleio.nl/search?q=data is niet correct. De pagina begint met twee H4-koppen die worden opgevolgd door een H3-kop. Een goede koppenstructuur is beter voor de toegankelijkheid van een pagina, het helpt gebruikers van hulpsoftware met navigeren. Een goede koppenstructuur begint met een H1-kop voor de titel van de pagina, gevolgd door H2-koppen voor de koppen, H3-koppen voor de tussenkoppen, etcetc. Pas een goede koppenstructuur toe op elke pagina.
Een soortgelijk probleem komt ook voor op andere pagina's, bijvoorbeeld op pagina realisatieibds.pleio.nl/cms/view/b0dfdf8b-ea42-4c6b-b792-dff06a0992f8/kennisbank, realisatieibds.pleio.nl/groups/view/0056c9ef-5c2e-44f9-a998-e735f1e9ccaa/federatief-datastelsel/questions/view/f0215c22-84ea-4ee2-ae03-ad6ee30ba985/ontbrekende-lijn-houtskoolschets en magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/actueel.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 14: Wanneer bezoekers op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01 de knop 'Naar de inhoudsopgave' activeren verschijnt de inhoudsopgave op het scherm. In deze inhoudsopgave is de extra omschrijving boven de kop geplaatst waar het bij hoort. Bijvoorbeeld 'Voorwoord' is in de code boven de kop 'IBDS is toe aan volgende stap' geplaatst. Wanneer deze inhoudsopgave wordt voorgelezen door voorleessoftware is het voor bezoekers moeilijk te bepalen welke extra omschrijving bij welke kop hoort. Zorg ervoor dat content dat bij een kop hoort in de code onder deze kop is geplaatst, visueel mag de huidige indeling worden aangehouden.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: In de footer op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/stelseldag-2022--terugblik staan de links 'Colofon', 'Cookies', 'Toegankelijkheid' en 'TeamIBDS@ICTU.nl'. Wanneer met het toetsenbord focus wordt geplaatst op deze links verandert de tekstkleur van wit naar geel (HEX #F9E11E). Op de groene achtergrond (HEX #39870C) hebben deze teksten een te laag contrast. De contrastverhouding is hier 3,4:1, waar dat minimaal 4,5:1 moet zijn.
Dit contrastprobleem komt ook voor op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/actueel en magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/ambassadeur-jan-van-ginkel.

Bevinding 16: De witte tekst 'IBDS Magazine #1' op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/ambassadeur-jan-van-ginkel heeft onvoldoende contrast op de grijze achtergrond (HEX #97928B). De contrastverhouding is hier 3:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 17: De witte tekst 'STELSELDAG IBDS Magazine #1' op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/stelseldag-2022--terugblik heeft een te laag contrast op de lichtblauwe achtergrond (HEX #BEC8CE). De contrastverhouding is hier 1,7:1, waar dat minimaal 4,5:1 voor de tekst 'IBDS Magazine #1' moet zijn en 3:1 voor de tekst 'STELSELDAG'.

Bevinding 18: Advies: Op pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01 staan teksten voor afbeeldingen. Hierdoor hebben de teksten op sommige plekken onvoldoende contrast en kunnen de teksten voor sommige bezoekers met slecht zicht niet goed leesbaar zijn. Het is daarom beter om teksten niet te plaatsen voor afbeeldingen. Zorg er voor dat teksten voor een achtergrond staan bestaand uit één kleur die voldoende contrast heeft met de tekst.
Dit probleem komt ook voor op andere pagina's in het magazine, bijvoorbeeld op magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01/stelseldag-2022--terugblik.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 19: Op de homepage wordt gebruikgemaakt van de videospeler van Vimeo. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen of c voor ondertiteling. Deze functionaliteit kan mensen die gebruikmaken van voorleessoftware in de weg zitten. Deze mensen zijn afhankelijk van de tekentoetsen om de voorleessoftware te bedienen. Los dit op door de embedcode van de Vimeo video aan te passen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'keyboard: false'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 20: Pagina magazines.interbestuurlijkedatastrategie.nl/ibds/2022/01 heeft als paginatitel '#1 | december 2022 | IBDS Magazine'. Dit geeft aan dat het magazine van IBDS op deze pagina staat maar niet dat de bezoeker zich bevindt op de cover van het magazine. Zorg ervoor dat het uit de paginatitel duidelijk wordt dat deze pagina de cover van het magazine is.

Bevinding 21: De PDF realisatieibds.pleio.nl/file/download/557354e7-d2dc-4f74-8a3f-8486ea24b70c/20221118-ibds-samenvatting-advies-gemeente-breda-inzet-vliegende-drone-002-prdf-5478797.pdf heeft geen documenttitel. Zorg ervoor dat de PDF een documenttitel krijgt dat de inhoud van het document omschrijft. Ook moet bij het openen van de PDF de documenttitel worden getoond en niet de bestandsnaam, dit kan worden ingesteld bij de documenteigenschappen onder 'Weergave bij openen'.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 22: Op pagina realisatieibds.pleio.nl/news/view/bd13c048-373f-4da0-b825-e69b11fda496/mag-een-automatische-drone-worden-ingezet-boven-bedrijventerrein-om-criminaliteit-te-voorkomen staat de knop met het visuele label '0 likes'. De toegankelijke naam van deze knop is 'Like item 'Mag een automatische drone worden ingezet boven bedrijventerrein om criminaliteit te voorkomen?''. Het visuele label van de knop komt niet voor in de toegankelijke naam, hierdoor is de knop moeilijk te bedienen voor bezoekers die gebruikmaken van spraakgestuurde bediening. Ook is de informatie dat 0 likes zijn gegeven aan nieuwsbericht niet beschikbaar voor screenreadergebruikers. Dat komt omdat deze informatie is geplaatst in een div-element dat in het button-element is genest en het aria-label op het button-element dit overschrijft. Zorg ervoor dat deze informatie beschikbaar is voor hulpsoftware en dat het visuele label van de knop voorkomt in de toegankelijke naam, bijvoorbeeld door de tekst '0 likes' toe te voegen aan het aria-label.
Deze knop komt ook voor op pagina realisatieibds.pleio.nl/groups/view/0056c9ef-5c2e-44f9-a998-e735f1e9ccaa/federatief-datastelsel/questions/view/f0215c22-84ea-4ee2-ae03-ad6ee30ba985/ontbrekende-lijn-houtskoolschets.

3. Begrijpelijk

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 23: Als op pagina realisatieibds.pleio.nl/news/view/bd13c048-373f-4da0-b825-e69b11fda496/mag-een-automatische-drone-worden-ingezet-boven-bedrijventerrein-om-criminaliteit-te-voorkomen op de knop 'Reageer...' wordt gedrukt, verschijnt een invoerveld met de placeholdertekst 'Schrijf een reactie'. Een placeholdertekst is niet geschikt om een invoerveld een label te geven. De placeholdertekst verdwijnt namelijk wanneer bezoekers iets invoeren bij het veld. Dit kan het voor bezoekers met bepaalde cognitieve beperkingen lastig maken om het veld goed in te vullen. Zorg er daarom voor het invoerveld een visueel label krijgt dat in beeld blijft staan wanneer bezoekers iets invoeren.
Dit invoerveld komt ook voor op pagina realisatieibds.pleio.nl/events/view/b0e7d83c-b649-4034-9d2d-3bfc1b2a82c2/congres-informatiegestuurde-overheid.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 24: Deze bevinding vereist mogelijk een technische oplossing:
Op de homepage is een video op de pagina geplaatst door middel van een iframe-element. Een iframe-element heeft altijd een title-attribuut nodig dat de inhoud van het element beschrijft. Zorg ervoor dat een title-attribuut op het iframe-element wordt geplaatst. De waarde van het title-attribuut moet de video beschrijven.

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-07-03 22:12:00 v2.4-011