Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website moerdijk.bestuurlijkeinformatie.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website moerdijk.bestuurlijkeinformatie.nl
Datum 13 november 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op moerdijk.bestuurlijkeinformatie.nl
  • Alle PDF's op moerdijk.bestuurlijkeinformatie.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op moerdijk.bestuurlijkeinformatie.nl. 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 de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 32

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: Deze bevinding vereist mogelijk een technische oplossing:
In de video op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 worden meldingen getoond, bijvoorbeeld rond 0:03:19. In deze melding staat een X-icoon dat aangeeft dat de bezoekers de melding kan afsluiten. Voor dit icoon is geen alternatieve tekst aanwezig, dus de informatie dat het icoon overbrengt is niet beschikbaar voor gebruikers van voorleessoftware. Ook is het icoon via CSS op de pagina geplaatst. Wanneer mensen een eigen stijlsheet gebruiken of wanneer de CSS niet goed wordt geladen, kan het icoon wegvallen. Zorg er daarom voor dat informatieve iconen niet via CSS op de pagina worden geplaatst. Los dit probleem bijvoorbeeld op door het icoon via een img- of svg-element met een tekstalternatief op de pagina te plaatsen.
Andere iconen zijn ook via CSS op de pagina geplaatst, bijvoorbeeld bij het vergrootglasicoon op de zoekknop bovenaan elke pagina of de iconen die aangeven dat een link verwijst naar een externe pagina.

Bevinding 2: Deze bevinding vereist mogelijk een technische oplossing:
In de footer van onder andere pagina https://moerdijk.bestuurlijkeinformatie.nl/ staan achter verschillende links een icoon dat aangeeft dat de link verwijst naar een externe pagina. Deze iconen hebben geen alternatieve tekst. Hierdoor is de informatie dat het icoon overbrengt niet beschikbaar voor gebruikers van voorleessoftware. Zorg ervoor dat het icoon een alternatieve tekst krijgt.
Let op, het icoon is ook via CSS op de pagina geplaatst. Zorg er ook voor dat het icoon via HTML op de pagina wordt geplaatst.

Bevinding 3: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/b8d94a8c-9c59-494b-9ee8-7237acacc76f staan tabelkoppen met daarnaast sorteer iconen. In de toegankelijke naam komen deze tekens terug, dit wordt bij elke tabelcel door de screenreader voorgelezen als 'gevulde omlaag/omhoog wijzende driehoek'. Omdat er via een technische wijze een alternatief is voor de informatie die de iconen overbrengen, is het beter om de iconen te verbergen voor hulpsoftware, bijvoorbeeld door gebruik te maken van aria-hidden.

Bevinding 4: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Search?q=water staan bij alle zoekresultaten een icoon. Sommige van deze iconen hebben de alternatieve tekst 'listentry', wat de betekenis van het icoon onvoldoende beschrijft. Zorg ervoor dat deze iconen een goede alternatieve tekst krijgen.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 wordt een video getoond. Deze video heeft een ondertiteling waarin een aantal fouten staan. Op een aantal plekken staan onjuiste woorden, bijvoorbeeld om 0:14:42 het woord 'medic' in plaats van Moerdijk. Ook is de interpunctie op een aantal plekken onjuist waardoor de zinnen moeilijk te begrijpen zijn. Plaatst een goede ondertiteling bij deze video.

Bevinding 6: Advies: In de video op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 worden op verschillende momenten, bijvoorbeeld om 00:21:10, meldingen getoond in de video die over de ondertiteling vallen. Deze meldingen zijn te verwijderen, maar ze blokkeren wel tijdelijk de ondertitel. Het zou beter zijn om deze meldingen op een andere plek, mogelijk buiten de video, te tonen.

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 pagina https://moerdijk.bestuurlijkeinformatie.nl/Contact staat de visuele kop 'Griffie' die niet als kop is opgemaakt. Hierdoor kan hulpsoftware niet aangeven dat hier een kop staat. Zorg ervoor dat koppen altijd zijn opgemaakt met een kop-element. Los dit probleem op door de kop 'Griffie' op te maken met een h1-element.
OP pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Document/60e57d77-0b4c-4825-9051-54620ea47c5f?documentId=173e4a1d-8aa1-4b50-836a-83e8c8dfbee5&agendaItemId=cd1eb209-5f31-4fab-89bb-f3f851e286bc komen ook koppen voor die niet als kop zijn opgemaakt, bijvoorbeeld '1 Opening'.

Bevinding 8: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Item/ab3be6df-91fe-4fc5-8795-e6cffaf72d4f is de tekst 'Besluitenlijst van de raadsvergadering van 28 september 2023, vastgesteld in de raadsvergadering van 2 november 2023' opgemaakt met een h2-element. Deze tekst is geen kop en mag daarom niet worden opgemaakt met een kop-element. Verwijder het h2-element van de tekst.

Bevinding 9: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Calendar zijn zinnen opgemaakt met het strong- en het em-element, bijvoorbeeld bij 23 november is 'FYSIEK DOMEIN' opgemaakt met het strong-element en de zin eronder is opgemaakt met het em-element. Het strong- en em-element hebben een eigen semantische waarde, wanneer deze elementen op teksten staan wordt het uitgesproken met extra nadruk door voorleessoftware. Daarom mogen de elementen niet gebruikt worden voor alleen de opmaak van teksten, en mogen ze alleen op één of enkele woorden staan. Gebruik daarom een andere manier om teksten visueel mee op te maken, bijvoorbeeld CSS.

Bevinding 10: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 staan verschillende agendapunten die als h3 kop zijn opgemaakt, bijvoorbeeld 'opening'. Het nummer dat voor de kop staat is eigenlijk ook onderdeel van de kop en moet worden geplaatst in het h3-element.

Bevinding 11: De PDF die te downloaden is vanaf pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Document/ab3be6df-91fe-4fc5-8795-e6cffaf72d4f?documentId=de9eaa41-4c2d-4d8a-91e3-7b757c20d0ef heeft geen codelaag/is niet gecodeerd. Hierdoor is het bestand niet toegankelijk voor mensen die gebruikmaken van hulpsoftware. Ook kunnen verschillende elementen niet bepaald worden, zoals alternatieve teksten van afbeeldingen, de leesvolgorde en wat koppen zijn. Zorg ervoor dat het bestand een semantisch correcte codelaag krijgt. Let op dat bij het aanmaken van de codelaag nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 12: Advies: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/45da26c0-1913-4bdd-b5fc-438837d07ace is geen gebruik gemaakt van een correcte koppenvolgorde in HTML. Omdat gebruikers van hulpsoftware zoals een screenreader op de pagina kunnen navigeren door bijvoorbeeld een lijst van koppen op te vragen, is het belangrijk een goede koppenvolgorde aan te houden. Hierbij worden geen kopniveau overgeslagen. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, et cetera.

Bevinding 13: Advies: Op de homepagina is geen h1 aanwezig. Een h1 kop vertelt aan verschillende bezoeker wat het hoofdonderwerp van de pagina is. Daarom is het belangrijk dat een pagina een goede h1 kop bevat.
Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://moerdijk.bestuurlijkeinformatie.nl/Help.

Bevinding 14: Advies: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/ staan onder de kop 'Agenda' verschillende cijfers die de dag van de maand aangegeven. Bij elk agenda item staat de datum ook volledig uitgeschreven (alleen voor hulpsoftware), waardoor het cijfer overbodig is. Het kan misschien verwarrend zijn dat dit cijfer zonder verdere context wordt voorgelezen. Daarom is het beter het cijfer te verbergen voor hulpsoftware, bijvoorbeeld met aria-hidden.
Dit komt voor op meerdere pagina's, bijvoorbeeld op https://moerdijk.bestuurlijkeinformatie.nl/Calendar.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Search?q=water staat onderaan de pagina een groene kleur tekst (HEX #588474) op een witte kleur achtergrond (HEX #FBFBFB). Deze tekst heeft een te laag contrast. De contrastverhouding is 4:1 waar dit 4,5:1 moet zijn.

Bevinding 16: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 staat een video waar meldingen in beeld komen, bijvoorbeeld om 0:19:45. De witte tekst (HEX #F5F9FC) op de blauwe achtergrond (HEX #378CC5) heeft een contrastverhouding van 3,4:1, waar dit 4,5:1 moet zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 17: Wanneer op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/b8d94a8c-9c59-494b-9ee8-7237acacc76f focus wordt geplaatst op knoppen onder 'Filters' verschijnt een grijze focusrand. De grijze focusrand (HEX #C4d3CE) met de lichtgrijze achtergrond (HEX #F8F8F8) heeft een contrastverhouding van 1,4:1, waar dit minimaal 3:1 moet zijn.

Bevinding 18: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/25de3893-0e6a-4f16-a229-17b23d906f53 staan onder 'Nieuwsbrieven' tabelkoppen met pijliconen ernaast. Deze iconen brengen informatie over aan bezoekers. De grijze kleur (HEX #DDDEDE) van de pijliconen op de lichtgrijze (HEX #F8F8F8) achtergrond heeft een contrastverhouding van 1,2:1, waar dit minimaal 3:1 moet zijn.

Bevinding 19: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/25de3893-0e6a-4f16-a229-17b23d906f53 heeft de rand van het invoerveld bij 'Zoeken' een te laag contrast. De grijze (HEX #AAAAAA) rand op de witte achtergrond heeft een contrastverhouding van 2,3:1, waar dit minimaal 3:1 moet zijn.

Bevinding 20: Als bezoekers op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/6965cc3d-e235-40ed-9949-591b4fead166 bij 'Filters' focus plaatsen op de comboboxen met het toetsenbord, wordt de focus aangegeven met een lichtblauwe rand (HEX #BFD0CA). Deze focusrand heeft onvoldoende contrast op de witte achtergrond. De contrastverhouding is hier 1,6:1, waar dat minimaal 3:1 moet zijn.

Bevinding 21: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Document/60e57d77-0b4c-4825-9051-54620ea47c5f?documentId=173e4a1d-8aa1-4b50-836a-83e8c8dfbee5&agendaItemId=cd1eb209-5f31-4fab-89bb-f3f851e286bc staat een webviewer voor PDF. Het contrast van de scrollbalk is te laag. De scrollbalk met grijze balk (HEX #ADB5BD) op lichtgrijze achtergrond (HEX #F1F3F5) heeft een contrastverhouding van 1,8:1, waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 22: Pagina https://moerdijk.bestuurlijkeinformatie.nl/404 heeft geen beschrijvende paginatitel. De huidige paginatitel is 'iBabs RIS', wat de informatie op de pagina niet goed omschrijft. Een paginatitel is een belangrijk navigatiemiddel en moet de inhoud van de pagina omschrijven. Pas de paginatitel van deze pagina aan, bijvoorbeeld naar 'Pagina niet gevonden | Bestuurlijke informatie Moerdijk'.

Bevinding 23: De PDF die te downloaden is vanaf pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Document/ab3be6df-91fe-4fc5-8795-e6cffaf72d4f?documentId=de9eaa41-4c2d-4d8a-91e3-7b757c20d0ef heeft geen documenttitel. Een documenttitel is een belangrijk navigatiemiddel dat aan gebruikers van hulpsoftware aangeeft waar het bestand over gaat. Geef deze PDF daarom een goed beschrijvende documenttitel. Zorg er ook voor dat bij het openen van het bestand de documenttitel wordt getoond en niet de bestandsnaam.

Bevinding 24: Advies: In iedere paginatitel van de pagina op deze website staat de tekst 'iBabs RIS'. Het is onduidelijk waar deze tekst naar verwijst, mogelijk het systeem waarmee de website is gebouwd. Voor bezoekers van de website geeft deze tekst niet aan op welke website zijn zich bevinden en geeft het geen informatie over de pagina. Het zou beter zijn om deze tekst verwijderen en vervangen voor de naam van de website.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 25: Advies: Als bezoekers op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/6965cc3d-e235-40ed-9949-591b4fead166 via de 'Filters' geen resultaten vinden, verschijnt de tekst 'Geen resultaten gevonden' in de tabel. Deze tekst is opgemaakt als een link, maar verwijst naar een niet-bestaande pagina. Het is beter om deze tekst niet op te maken als link als de link toch verwijst naar een niet-bestaande pagina.

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 26: De PDF die te downloaden is vanaf pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Document/ab3be6df-91fe-4fc5-8795-e6cffaf72d4f?documentId=de9eaa41-4c2d-4d8a-91e3-7b757c20d0ef heeft geen taalaanduiding in de documenteigenschappen staan. Hierdoor is het mogelijk dat het bestand niet correct wordt voorgelezen door voorleessoftware. Geef daarom een taalaanduiding aan het document die overeenkomt met de meest gebruikte taal in het bestand, in dit geval is dat Nederlands.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 27: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/6965cc3d-e235-40ed-9949-591b4fead166 staan knoppen met Engelse toegankelijke naam 'showPage 1' en 'showPage 2', het gata hier om de paginering onderaan de pagina. De taal van deze knop is afhankelijk van de taalinstelling van de bezoeker's browser. Je wilt dat de toegankelijke naam van een knop overeenkomt met de taalaanduiding van de pagina, wat in dit geval Nederlands is. Zorg ervoor dat deze knop altijd een Nederlandse toegankelijke naam heeft als dit de taalaanduiding van de pagina is.

Bevinding 28: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Document/60e57d77-0b4c-4825-9051-54620ea47c5f?documentId=173e4a1d-8aa1-4b50-836a-83e8c8dfbee5&agendaItemId=cd1eb209-5f31-4fab-89bb-f3f851e286bc begint de webviewer met een Engelse skiplink. Op deze skiplink is geen taalwissel aangegeven. Het is beter als de skiplink in dezelfde taal is als de rest van de pagina. Vertaal de skiplink daarom naar het Nederlands, of geef hier een taalwissel op aan.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende

Bevinding 29: Advies: Het invoerveld voor zoeken heeft binnen de website verschillende benaming voor dezelfde soort velden. Het zoekveld op alle pagina's heeft als toegankelijke naam: 'Typ een zoekopdracht'. Het zoekveld op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/6965cc3d-e235-40ed-9949-591b4fead166 heeft de naam 'Zoeken:'. Op de zoekpagina https://moerdijk.bestuurlijkeinformatie.nl/Search?q=water heet het veld 'Zoeken naar'. Zorg voor een consistente benaming.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende

Bevinding 30: Opmerking: Op pagina https://moerdijk.bestuurlijkeinformatie.nl/Reports/Details/6965cc3d-e235-40ed-9949-591b4fead166 staat een combobox 'Portefeuillehouder'. Er staan geen opties in de combobox om uit te selecteren. Hierdoor is de combobox onbedienbaar voor elke bezoeker, niet alleen bezoekers met een beperking. Zorg ervoor dat in deze combobox optie komen te staan, of verwijder de combobox van de pagina.

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 31: De video op https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 is via een iframe-element op de pagina geplaatst. Dit iframe-element heeft geen toegankelijke naam. Zorg ervoor dat het iframe-element een toegankelijke naam krijgt via het title-attribuut. Maak bijvoorbeeld gebruik van de titel van de video in het title-attribuut.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Niet aanwezig

Bevinding 32: Opmerking: In de video op pagina https://moerdijk.bestuurlijkeinformatie.nl/Agenda/Index/1ef04b39-a510-4c93-ac18-5dac72b054b8 worden meldingen getoond. Deze meldingen worden niet opgemerkt door hulpsoftware. Hierdoor kan iemand die het scherm niet kan zien en voorleessoftware gebruikt de meldingen mogelijk missen. Zorg ervoor dat wanneer informatie op het scherm verschijnt die wordt opgemerkt door hulpsoftware. Omdat dit een technische probleem is wordt hierop niet afkeurt bij deze content-audit.

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: 2024-11-23 06:37:29 v2.4-011