Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Data Portaal Noord-Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Data Portaal Noord-Brabant
Datum 4 januari 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op data-portaal-noord-brabant.hub.arcgis.com.
  • Alle PDF's op data-portaal-noord-brabant.hub.arcgis.com.
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op data-portaal-noord-brabant.hub.arcgis.com. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website zoals data-portaal-noord-brabant.hub.arcgis.com/api/feed/definition/#/RSS%202.0/get_api_feed_rss_2_0.
  • 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: 18

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 de provincie Noord-Brabant in de heading van elke pagina heeft geen tekstalternatief. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden.

Bevinding 2: In de footer van elke pagina staat bijvoorbeeld achter 'Toegankelijkheidsverklaring' een afbeelding om aan te geven dat een externe website geopend wordt. Het icoon 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 tekstalternatief. Het icoon komt vaker in de website voor, bijvoorbeeld op de homepagina bij de link 'website van BIJ12'. Advies: gebruik geen icoontjes voor externe links of nieuwe vensters: https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/

Bevinding 3: Als op de zoekresultaten pagina geen resultaten gevonden zijn, bijvoorbeeld op deze pagina: https://data-portaal-noord-brabant.hub.arcgis.com/search?q=huis is er een afbeelding met de toegankelijke tekst 'Laten we uw zoekopdracht uitbreiden.'. Deze tekst beschrijft de afbeelding niet maar is een herhaling van de tekst die er onder staat en voegt dus niets toe. In dit geval kan de afbeelding als illustratief beschouwd worden, geeft de afbeelding een leeg alt-attribuut (alt="").

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 4: Op de homepagina is de tekst onder de kop 'Data Portaal Noord-Brabant' opgemaakt als een kop van niveau 6. Koppen hebben een semantische betekenis, een kop is een korte beschrijving van de onderliggende content. Gebruik het kop element niet voor grafische opmaak, maak deze tekst op als paragraaf. Hetzelfde komt vaker voor op de website, bijvoorbeeld op pagina https://data-portaal-noord-brabant.hub.arcgis.com/pages/cultuur-en-erfgoed bij de kop 'Cultuur en erfgoed'

Bevinding 5: Op de pagina https://data-portaal-noord-brabant.hub.arcgis.com/pages/licenties is de kop 'Dit zijn de vier bouwstenen van de licenties' niet opgemaakt als kop. Hulpsoftware maakt gebruik van de koppenstructuur om de structuur van de inhoud van een pagina weer te geven. Maak elementen die functioneren als kop ook op als kop. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://data-portaal-noord-brabant.hub.arcgis.com/pages/open-data onder andere bij de kop 'Databronnen'.

Bevinding 6: Op pagina https://data-portaal-noord-brabant.hub.arcgis.com/pages/licenties is de kop 'Bouwstenen van licenties' zowel met een kop-opmaak als met het strong-element opgemaakt. Het strong-element geeft aan dat tekst relatief aan de tekst eromheen belangrijker is, het mag daarom niet puur voor opmaak gebruikt worden. Verwijder het strong-element en maak eventueel gebruik van CSS om de opmaak van de kop aan te passen. Dit probleem komt op meerdere pagina's voor, waaronder op de homepage bij de kop 'Ondertussen in Brabant' en op pagina https://data-portaal-noord-brabant.hub.arcgis.com/apps/5f6ec10c28254a1bbe68cae676231211/about, de visuele kopteksten onder 'Details'.

Bevinding 7: Op pagina https://data-portaal-noord-brabant.hub.arcgis.com/search?q=water zijn meerdere woorden opgemaakt met het strong-element waar dat niet gepast is, zoals 'Type', 'Geüpload' en 'Labels'. Gebruik hier CSS om een vergelijkbare opmaak te creëren zonder de semantische waarde van het strong-element.

Bevinding 8: De PDF 'Handreiking ontsluiten Geo-informatie' is niet gecodeerd (van tags voorzien). Dit betekent dat er 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 code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 9: Advies: In de header van elke pagina is een navigatie element met de toegankelijke naam 'Internationaal' met daarin een lijst met één element: een menuknop. Een lijst met één element is geen lijst, hulpsoftware leest daardoor hier veel overbodige tekst voor.

Bevinding 10: Advies: Op de homepage komen enkele lege kop-elementen voor, bijvoorbeeld onder 'Provinciaal beleid'. Dit is mogelijk verwarrend voor bezoekers die hulpsoftware gebruiken. Verwijder lege kop-elementen.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende

Bevinding 11: Advies: Als in de footer van elke pagina op 'Feeds verkennen' wordt geklikt verschijnt er een venster met onder meer een tekst met daarin een aantal links. Deze zijn alleen herkenbaar doordat ze een andere kleur hebben. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om links gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen. Omdat de contrastratio tussen de linktekst en de omliggende tekst voldoende hoog is, is dit enkel een advies.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: Op de homepagina zijn links naar pagina's die al eens bezocht zijn rood. Bijvoorbeeld de link 'onderwerp omgevingsbeleid' is dan een rode tekst (HEX #DD0000) op een grijze achtergrond (HEX #DEDEDE). Deze tekst heeft een te laag contrast. De contrastverhouding is 3,8:1 waar dit 4,5:1 moet zijn. Dit geldt ook voor de linktekst bij muishover.

Bevinding 13: In de footer van elke pagina is het contrast van de rode link als je er met je muis overheen gaat (hover), bijvoorbeeld 'Toegankelijkheidsverklaring', (HEX #DD0000) op de donkergrijze achtergrond (HEX #333333) te laag. De contrastverhouding is hier 2,5:1, waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 14: Op de homepagina staan links met de linktekst 'Bekijk meer'. Vermijd linkteksten als ‘Lees meer’ en ‘Klik hier’, zulke teksten beschrijven het linkdoel niet. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://data-portaal-noord-brabant.hub.arcgis.com/pages/water en op pagina https://data-portaal-noord-brabant.hub.arcgis.com/pages/cultuur-en-erfgoed. Dit geldt ook voor de links 'Weergeven' in het dialoogvenster 'Feeds verkennen' in de footer van iedere pagina.

Bevinding 15: Deze bevinding is mogelijk technisch van aard.
Als in de footer van elke pagina op 'Feeds verkennen' wordt geklikt verschijnt er een venster met een aantal links met het zichtbare label 'Weergeven'. Deze links hebben geen naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 16: Deze bevinding vereist mogelijk een technische oplossing:
In de header van elke pagina is een navigatie element met de toegankelijke naam 'Internationaal'. Dit label beschrijft de inhoud van het navigatie element niet, dit is een menuknop, een zoekveld en een aanmelden link. Zorg er voor dat ook blinden over goede beschrijvingen van de inhoud beschikken.

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 17: In de eigenschappen van PDF 'Handreiking ontsluiten Geo-informatie' 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.

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 18: Enkele afbeeldingen hebben geen goede naam, zie hiervoor 1.1.1.

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-30 08:16:27 v2.4-011