Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Noord-Brabant Bestuurlijke Informatie

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Noord-Brabant Bestuurlijke Informatie
Datum 7 mei 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op noordbrabant.bestuurlijkeinformatie.nl
  • De PDF's op noordbrabant.bestuurlijkeinformatie.nl/
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op noordbrabant.bestuurlijkeinformatie.nl/. Dit is onderzocht bij het onderzoek https://www.digitoegankelijk.nl/ondersteuning/algemene-onderzoeken-platforms-en-apps/raadsinformatie/ibabs-publieksportaal
  • 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: 22

    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: Op https://noordbrabant.bestuurlijkeinformatie.nl/Calendar zijn er in de footer twee externe links aanwezig. Deze worden visueel aangegeven met een pictogram. Aan de linktekst is echter niet toegevoegd dat het een externe link betreft. Ook aan het pictogram is geen alternatieve tekst meegegeven waaruit kan blijken dat het een externe link betreft. Voeg dit aan de linktekst toe en markeer het pictogram als decoratief door het aria-hidden attribuut toe te voegen aan het <i> -element.

    Bevinding 2: Het logo van de Provincie Noord-Brabant op elke pagina op https://noordbrabant.bestuurlijkeinformatie.nl/ heeft als alt-tekst "Logo Noord-Brabant". Dit is echter niet correct. Uit de alt-tekst moet blijken dat het om het logo van de Provincie Noord-Brabant gaat en moet ook het linkdoel vermeld worden, dus dat je naar de homepagina kunt gaan.

    Bevinding 3: De foto's van de statenleden op https://noordbrabant.bestuurlijkeinformatie.nl/People/Profiles/0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 hebben een leeg alt-attribuut. Verzorg een alt-tekst voor deze foto's. Dit komt ook voor op https://noordbrabant.bestuurlijkeinformatie.nl/People/Profiles/958b660d-2d79-444a-bd76-784023926e51.

    Bevinding 4: De pictogrammen bij de zoekresultaten op https://noordbrabant.bestuurlijkeinformatie.nl/Search?q=wet zijn icon fonts. Met aria-label wordt er geprobeerd een toegankelijke naam te geven, maar dit attribuut mag niet worden gebruikt op generieke elementen zoals <div> en <span>. Verwjder het attribuut en gebruik tekst die enkel leesbaar is voor hulpsoftware om dit op te lossen:
    <span class="icon document">
    <span class="icon" aria-hidden="true"></span>
    <span class="sr-only">Document</span>
    </span>
    Dit speelt ook bij de pictogrammen voor PDF op detailpagina's als https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Item//f8d36cdc-793d-42d3-893f-0ca45e3d441d en https://noordbrabant.bestuurlijkeinformatie.nl/Agenda/Index/cdd74986-6edc-49fe-bba8-9e29fd1566ec.

    Bevinding 5: Op https://noordbrabant.bestuurlijkeinformatie.nl/People/Details/01e826ea-2d97-4b27-849f-51a6ba0cd31a?categoryId=0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 wordt het logo van de BBB in de alt-tekst niet omschreven als logo. Pas de alt-tekst aan zodat duidelijk wordt dat het een logo betreft. dit speelt ook op https://noordbrabant.bestuurlijkeinformatie.nl/People/Details/2cd5a7ff-5132-4187-bfd7-dbd216b606b7?categoryId=958b660d-2d79-444a-bd76-784023926e51.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 6: Op https://noordbrabant.bestuurlijkeinformatie.nl/Contact komt een opsomming voor onder "Overige taken" die niet als zodanig is opgemaakt. Gebruik een ongeordende lijst <ul> om deze opsomming te maken.

    Bevinding 7: De PDF https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Document/f8d36cdc-793d-42d3-893f-0ca45e3d441d?documentId=ecefc2dc-f073-4131-8d21-2e577ca9acd3 is niet getagd. Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen 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 code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

    1.4 Onderscheidbaar

    1.4.1 Gebruik van kleur (Niveau A)

    Informatie over succescriterium 1.4.1 Gebruik van kleur

    Uitkomst: Onvoldoende

    Bevinding 8: Op https://noordbrabant.bestuurlijkeinformatie.nl/People/Profiles/0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 wordt in de grafiek enkel gebruik gemaakt van kleur om informatie weer te geven. Maak ook gebruik van patronen en voeg een legenda toe waardoor de informatie uit de grafiek voor iedereen duidelijker wordt. Of voeg in de grafiek naast de waarden ook de naam van de partij toe in elk segment van de grafiek. Dit geldt ook voor de grafiek met de uitslag van de stemronde op https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Item/9a417066-b99e-47db-b92e-c361d22b04e8.

    1.4.3 Contrast (minimum) (Niveau AA)

    Informatie over succescriterium 1.4.3 Contrast (minimum)

    Uitkomst: Onvoldoende

    Bevinding 9: Op https://noordbrabant.bestuurlijkeinformatie.nl/People/Profiles/0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 komen in de grafiek enkele kleurencombinaties voor die onvoldoende contrast opleveren. Witte tekst heeft namelijk onvoldoende contrast met felgroen (HEX #1EFE00), lichtblauw (HEX #00D6FE), lichtgroen (HEX #07EB13, HEX #72FF02, HEX #02FE63), geel (HEX #FFEC00), rood (HEX #FF3200, HEX #FF0000) en lichtpaars (HEX #D0A0FF). Deze contrastverhoudingen scoren verder onder de 4,5:1 dat minimaal vereist is.

    Bevinding 10: De rode link op https://noordbrabant.bestuurlijkeinformatie.nl/oepsie om terug te keren naar het dashboard biedt onvoldoende contrast. De contrastverhouding van de rode tekst (#HEX FF0000) op witte achtergrond is 3:99:1, waar minimaal 4,5:1 verwacht wordt.

    Bevinding 11: De paginatie op https://noordbrabant.bestuurlijkeinformatie.nl/Search?q=wet biedt onvoldoende contrast. De contrastverhouding van de rode tekst (#HEX FF0000) met de achtergrond (HEX #FBFBFB) is 3:86:1, waar minimaal 4,5:1 verwacht wordt.

    Bevinding 12: Op https://noordbrabant.bestuurlijkeinformatie.nl/Agenda/Index/cdd74986-6edc-49fe-bba8-9e29fd1566ec wordt de eerstvolgende vergadering in het geel aangeduid. Dit geeft onvoldoende contrast. De witte tekst op de gele achtergrond (HEX #f7a600) geeft een contrastverhouding van 2.01:1 waar minimaal 4,5:1 verwacht wordt. Deze kleurencombinatie wordt ook voor hover gebruikt op bijvoorbeeld https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/cc44aec4-a832-448e-9c5d-8856591b0b39.

    Bevinding 13: Als men op https://noordbrabant.bestuurlijkeinformatie.nl/People/Details/01e826ea-2d97-4b27-849f-51a6ba0cd31a?categoryId=0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 in de tabel hovert over een link, verandert de kleur van de tekst naar wit. In combinatie met de grijze achtergrond (HEX #F3F3F3) levert dat onvoldoende contrast. De contrastverhouding 1:1 is waar het minimaal 4,5:1 moet zijn.

    2. Bedienbaar

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 14: De foutpagina https://noordbrabant.bestuurlijkeinformatie.nl/oepsie heeft geen correct beschrijvende paginatitel. Momenteel is deze iBabs Publieksportaal. Pas de paginatitel aan naar iets beschrijvenders.

    Bevinding 15: De PDF https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Item//35f33167-b7bb-430b-9352-abe9fa8f5491 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: Niet aanwezig

    Bevinding 16: Advies: Op https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/76fb3fa9-a87d-4cd6-98ba-a6539bbfe246 zijn niet-interactieve elementen in de tabel in de tab- en leesvolgorde gezet met het attribuut tabindex=0. Dit is niet toegestaan. Verwijder het attribuut. Dit speelt ook op https://noordbrabant.bestuurlijkeinformatie.nl/People/Details/01e826ea-2d97-4b27-849f-51a6ba0cd31a?categoryId=0cac6d46-d2ff-4c54-ae27-3ed6692ffc91
    en https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/cc44aec4-a832-448e-9c5d-8856591b0b39

    Bevinding 17: Advies: Bij het kiezen van een andere pagina op https://noordbrabant.bestuurlijkeinformatie.nl/Search?q=wet wordt die pagina met zoekresultaten wel ingeladen en verplaatst de focus visueel zich terug aan de bovenkant van de pagina. Maar als men gaat tabben, blijkt dat de focus nog altijd op de paginatie is. Zorg ervoor dat na de keuze van een pagina de focus terug naar de bovenkant van de pagina gaat. Een betere oplossing is om ervoor te zorgen dat iedere pagina van de zoekresultaten zijn eigen URL heeft.

    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 18: In de eigenschappen van PDF https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Item//35f33167-b7bb-430b-9352-abe9fa8f5491 is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Dit komt ook voor bij de PDF https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Item//f8d36cdc-793d-42d3-893f-0ca45e3d441d

    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 19: Op https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/76fb3fa9-a87d-4cd6-98ba-a6539bbfe246 zijn niet-interactieve elementen in de tabel in de tab- en leesvolgorde gezet met het attribuut tabindex=0. Dit is niet toegestaan, want het geeft elementen enkel focus en maakt ze niet interactief. Een interactieve rol ontbreekt dus. Gebruik een knop voor de sorteerknop in de tabelkoppen om dit op te lossen. Vergeet niet de knoppen een label mee te geven. Voor de rijen in deze tabel die geopend moeten kunnen worden voor meer informatie, is de oplossing om in een kolom een link toe te voegen waarmee mensen naar de detailpagina kunnen gaan. Dit speelt ook op https://noordbrabant.bestuurlijkeinformatie.nl/People/Details/01e826ea-2d97-4b27-849f-51a6ba0cd31a?categoryId=0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 en https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/cc44aec4-a832-448e-9c5d-8856591b0b39.

    Bevinding 20: Bij de filters op https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/76fb3fa9-a87d-4cd6-98ba-a6539bbfe246 kan er ook gefilterd worden op datum. Deze invoervelden hebben een aria-autocomplete attribuut. Dit attribuut kan enkel worden gebruikt in een custom component of element met de rol combobox, searchbox of textbox. Een invoerveld valt niet onder die drie rollen. Verwijder het attribuut. Dit speelt ook op https://noordbrabant.bestuurlijkeinformatie.nl/Reports/Details/cc44aec4-a832-448e-9c5d-8856591b0b39.

    Bevinding 21: Op https://noordbrabant.bestuurlijkeinformatie.nl/People/Profiles/0cac6d46-d2ff-4c54-ae27-3ed6692ffc91 hebben de partijnamen bij de grafiek een aria-label attribuut gekregen. Naast dat het overbodig is, is het gebruik van aria-label op generieke HTML-elementen (o.a. <div> en <span>) niet toegestaan. Verwijder het attribuut. Dit komt ook voor bij de zoekresultaten op https://noordbrabant.bestuurlijkeinformatie.nl/Search?q=wet.

    Bevinding 22: Op https://noordbrabant.bestuurlijkeinformatie.nl/Agenda/Index/cdd74986-6edc-49fe-bba8-9e29fd1566ec staan de bijlagen in een container met het aria-labelledby attribuut. Dat attribuut is niet toegestaan op o.a. div en span elementen. Verwijder het attribuut.

    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-05-22 16:11:12 v2.4-011