Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Georegister provincie Noord-Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Georegister Brabant
Datum 5 januari 2024
Scope van de website Binnen de scope van het onderzoek valt:
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: 31

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: Bovenaan de website staat het logo van de provincie Noord-Brabant. Deze afbeelding heeft als alternatieve tekst enkel ‘logo’. Een screenreadergebruiker krijgt nu niet de juiste informatie. Zet in de alt-tekst ook ‘Provincie Noord-Brabant’.

Bevinding 2: Op de detailpagina Gezondheidskaart GES Geur veehouderij obv hinderpercentages 2019 (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/fe607a66-c2cb-4350-8978-7234ea8bcd97) staat onder de kop ‘Overzicht’ een kaart. Deze kaart is een afbeelding met een lege alt tekst. Dit lijkt echter geen decoratieve afbeelding. Bovendien staat er geen andere (tekstuele) content onder deze kop. Geef een korte beschrijving van de kaart in de alt-tekst.
De afbeelding fungeert ook als een link (dit werkt alleen met de muis, niet met toetsenbord) om een grotere afbeelding te tonen. Deze grotere afbeelding mist het alt-attribuut. Voeg hier ook de alt-tekst toe.
Deze bevinding komt op meerdere (detail)pagina’s voor.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: De actieve pagina in het hoofdmenu wordt aangegeven met een andere styling. In de code wordt dit echter niet aangegeven. Hulpsoftware kan niet opmaken uit de code welke pagina actief is. Voeg hiervoor bijvoorbeeld aria-current=“page” toe aan het actieve menu-item.

Bevinding 4: Op de pagina categorie landbouw en veeteelt (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/search?topicCat=farming) staan meerdere invoervelden om te zoeken, op onderwerp en locatie en via geavanceerd zoeken op beschikbaarheid, datum en organisatie. Bij het geavanceerd zoeken zijn de invoervelden niet gegroepeerd en hebben geen groepslabel. Hierdoor lees een screenreader alleen de invoervelden op en niet bijvoorbeeld ‘Data beschikbaarheid’. Dit kan worden gedaan via een fieldset en legend of via role="group" en een “aria-labelledby”-attribuut dat hier verwijst naar het beschrijvende kopje.
Groepslabels ontbreken ook bij de filter invoervelden. Hier staan nu h4-kopjes. Deze kunnen gebruikt worden om naar de verwijzen door middel van een “aria-labelledby”-attribuut en een role=”group”.

Bevinding 5: Op de detailpagina -Bodemgeschiktheid grondgebonden landbouw, Zomergerst - (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/83baecb6-0193-437d-9955-fa5c189f88bc) staan er binnen de tab content gegevens die visueel in paren staan. In de code worden deze paren echter niet aangeven. Dit kan worden opgelost door deze data in tabellen of definitelijsten (dl-elementen) te zetten.

Bevinding 6: Wanneer je op pagina https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/83baecb6-0193-437d-9955-fa5c189f88bc/formatters/xsl-view?root=div&view=advanced&approved=true een beoordeling wilt toevoegen, opent er een popup-window. In deze popup staat een invoerveld zonder label, namelijk het tekstveld onder ‘Voeg uw beoordeling toe’. Voor gebruikers van hulpsoftware is het nu niet duidelijk waar dit veld bij hoort. Voeg een label element toe en koppel deze aan het invoerveld.
In deze popup is de koppenstructuur ook niet logisch opgemaakt. Zo is er een h2-kop ‘Categorieën’, maar hebben de categorieën zelf ook een h2-koppen. Deze horen op een lager niveau te staan.

Bevinding 7: Op de detailpagina Gezondheidskaart GES Geur veehouderij obv hinderpercentages 2019 (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/fe607a66-c2cb-4350-8978-7234ea8bcd97) staat in de ‘hoofdtekst’ een lijst. Deze is in de code echter niet als lijst opgemaakt, maar met breaks (enter) in de tekst. Voor screenreadergebruikers is het nu niet duidelijk dat hier een lijst staat. Maak hier een <ul>-element van.

Bevinding 8: Advies: Op de pagina categorie landbouw en veeteelt (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/search?topicCat=farming) is de koppenstructuur niet logisch opgemaakt. Er zijn enkel h4-koppen op de pagina, voor zowel de kop ‘28 resultaten gevonden’ als de koppen boven de resultaten en alle filters.
Aangeraden wordt om de eerste kop (met het aantal resultaten) op h1-niveau te zetten en de resultaten op h2-niveau. Voor de filters kan een kop worden toegevoegd, bijvoorbeeld een h2, en vervolgens alle filters op h3-niveau.

Bevinding 9: Advies: De koppenstructuur op pagina https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/83baecb6-0193-437d-9955-fa5c189f88bc/formatters/xsl-view?root=div&view=advanced&approved=true is niet logisch opgemaakt. Bij de volledige weergave zijn er veel koppen die qua betekenis onder elkaar vallen en dus een aflopend niveau nodig hebben. Zie bijvoorbeeld de Distributie-tab. Hier staan meerdere h2-koppen onder de h2-kop ‘Distributie’. Zet kopjes die daaronder vallen op een lager niveau, zoals h3.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 10: Op de pagina categorie landbouw en veeteelt (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/search?topicCat=farming) staan bij de zoekresultaten onderwerpen, welke tevens links zijn. Deze links worden enkel aangeven door een andere kleur (blauw in plaats van donkergrijs). Ook zijn er links met ‘meer’ die enkel een iets lichtere kleur grijs zijn. Slechtzienden en kleurenblinden kunnen missen dat hier links staan. Voeg bijvoorbeeld onderstreping toe om dit duidelijker te maken.
Dit komt op veel pagina’s voor, bijvoorbeeld ook op de detailpagina Gezondheidskaart GES Geur veehouderij obv hinderpercentages 2019 -(https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/fe607a66-c2cb-4350-8978-7234ea8bcd97) onder de tabs ‘Contactgegevens’ en ‘Downloads, views en links’ .

Bevinding 11: In de legenda's bij de kaarten worden categorieën alleen aangegeven met behulp van kleur. Voor slechtzienden en kleurenblinden kan het lastig zijn de verschillende gebieden te onderscheiden. Dit kan worden aangepast door bijvoorbeeld structuur of teksten toe te voegen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: De links in het hoofdmenu hebben op hover en focus te laag contrast. Het is dan rode tekst op een roze achtergrond, met contrastwaarde 2,5:1.
Ook de inloggen knop onder het inlogformulier heeft te weinig contrast: wit op lichtblauw, 2,5:1. Zorg voor een contrast van minimaal 4,5:1.

Bevinding 13: Op de pagina van de categorie landbouw en veeteelt ( https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/search?topicCat=farming) staan teksten met te laag contrast. Het gaat om de zwarte (#333333) teksten op donkerrode achtergrond (#9A1600) die uitklapt onder ‘geavanceerd zoeken’. Het contrast is 1,4:1. Zorg voor een contrast van minimaal 4,5:1.

Bevinding 14: Ook hebben de placeholder teksten, zoals ‘Zoeken’, ‘Van’ en ‘Tot’ te weinig contrast (1,6:1). Deze placeholder teksten komen op meerdere plekken voor in de site, zoals bij het geven van een beoordeling.

Bevinding 15: Op de pagina met de kaart (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/map) staat een knop om te schakelen tussen 2D en 3D. Deze teksten (wit op rood en wit op groen) hebben te laag contrast, respectievelijk 4:1 en 2,5:1. De wit/groen combinatie staat bij alle knoppen in de kaart. Zorg voor een contrast van minimaal 4,5:1.

Bevinding 16: In de popup van het geven van een beoordeling op een dataset (op detailpagina’s) komt een score te staan in groen of oranje. Deze scores (tekst + ster) hebben te laag contrast. Oranje 1,9:1 en groen 2,5:1. Ook hebben de teksten van de foutmeldingen in rood te laag contrast (4,1:1). Zorg voor een contrast van minimaal 4,5:1.

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 je op detailpagina Gezondheidskaart GES Geur veehouderij obv hinderpercentages 2019 (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/fe607a66-c2cb-4350-8978-7234ea8bcd97) het gebied toevoegt aan de kaart, komt er bovenaan de pagina een melding te staan. Deze heeft een ‘sluiten’ knop in de vorm van een lichtgrijs kruis. Deze heeft op de groene achtergrond te laag contrast, namelijk 1,6:1. Zorg bij grafische elementen voor minimaal een contrastwaarde van 3:1.
Dit issue komt op meerdere plekken voor, zoals bij andere meldingen met sluitknop en de pop-up voor de beoordeling.

Bevinding 18: In het beoordelingsformulier hebben de randen van de invoervelden te laag contrast, namelijk 1,6:1.
Dit issue komt bij meerdere invoervelden in de site voor, zoals bij het bovenste zoekveld op bijvoorbeeld de homepage (het contrast tussen de invoervelden en de roze achtergrond is 2:1.) en bij invoervelden in de kaart (grijs/wit). Zorg bij grafische elementen voor minimaal een contrastwaarde van 3:1.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 19: Alle pagina’s in de sample hebben dezelfde titel, namelijk ‘Georegister provincie Noord-Brabant’. Voor gebruikers van hulpsoftware is het voor de navigatie tussen webpagina’s belangrijk dat de titel duidelijk maakt waar ze zijn. Geef daarom elke pagina een unieke, beschrijvende titel.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 20: In de footer staat een icoontje met een link naar de RSS-pagina. Deze link heeft als label (aria-label en title attribuut) ‘laatst gewijzigd’. Dit lijkt geen correcte beschrijving van de link.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 21: De link naar de homepage achter het logo heeft als toegankelijke naam (via de alt-tekst) ‘logo’. Dit kan problemen geven voor gebruikers die de link via stembediening willen activeren. Zorg dat het zichtbare label (Provincie Noord-Brabant) deel uitmaakt van de toegankelijke naam. Zie ook 1.1.1.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 22: Op de Engelstalige pagina zoekresultaten Engels ‘boundaries’ -(https://georegister.brabant.nl/geonetwork/srv/eng/catalog.search#/search?) staan de titels en samenvattingsteksten van de resultaten in het Nederlands, maar hier wordt geen taalwissel in de code aangegeven. Screenreaders kunnen hierdoor niet de juiste taal bepalen voor deze onderdelen en lezen het mogelijk verkeerd voor. Geef de taal van de anderstalige tekst aan met het attribuut ‘lang’ op de betreffende elementen.
Deze bevinding komt ook voor op de detailpagina Engels ‘Actuele gemeentegrenzen in provincie Noord-Brabant(vlakken), op basis van kadastrale percelen’ (https://georegister.brabant.nl/geonetwork/srv/eng/catalog.search#/metadata/0af8d731-fc4e-42d3-86ef-1ca94e9d1dfb?tab=general).

Bevinding 23: Bij het toevoegen van een beoordeling op een dataset (op detailpagina’s) staan de categorieën in het Engels, zoals ‘Readability’. Dit is mogelijk niet voor alle gebruikers van deze Nederlandse pagina’s duidelijk. Maak hier Nederlandse termen van.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 24: Bij het toevoegen van een beoordeling op een dataset (op detailpagina’s) worden fouten in de invoervelden alleen aangegeven met een tekst ‘fieldRequired’ of ‘fieldEmailNotValid’. Dit is geen duidelijke foutmelding. Geef aan dat er fouten zijn gevonden en welke velden gecorrigeerd moeten worden. Bijvoorbeeld ‘Het email-adres is niet ingevuld en dit veld is verplicht’. Of ‘het email-adres heeft niet het juiste format zoals info@domein.com’.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 25: Bij de invoervelden voor het inloggen (via het hoofdmenu) staan geen zichtbare tekstlabels. Er staan icoontjes (zonder alternatieve tekst), maar dat is mogelijk niet voor iedereen duidelijk. Een placeholder is ook niet voldoende, omdat deze niet altijd beschikbaar is. Voeg een tekstlabel toe voor het invoerveld die altijd zichtbaar blijft.

Bevinding 26: Bij het toevoegen van een beoordeling op een dataset (op detailpagina’s) staan er geen zichtbare labels bij de invoervelden. Een placeholder is niet voldoende, omdat deze niet altijd beschikbaar is. Het kan hierdoor lastig zijn voor gebruikers om te weten wat ze moeten invullen. Voeg een tekstlabel toe voor het invoerveld die altijd zichtbaar blijft.

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 27: Deze bevindingen vereisen mogelijk een technische oplossing:

Bevinding 28: Op de pagina categorie landbouw en veeteelt (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/search?topicCat=farming) staat een knop om de filters uit te klappen. Deze is niet opgemaakt als knop met correcte naam en rol. Hierdoor is de knop niet beschikbaar met toetsenbord en hulpsoftware.

Bevinding 29: Bij de zoekresultaten staat bij sommige teksten een ‘meer’-link. Deze is niet als link opgemaakt met een goede naam en rol. Hierdoor is de link niet beschikbaar met toetsenbord en hulpsoftware.

Bevinding 30: Op de detailpagina -Bodemgeschiktheid grondgebonden landbouw, Zomergerst - (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/83baecb6-0193-437d-9955-fa5c189f88bc) wordt gebruik gemaakt van tabs voor beschrijving, contact en downloads. In de code is deze rol echter niet duidelijk, waardoor het ook niet duidelijk is welke informatie geopend is (de status). Het activeren van tabs werkt nu niet goed met het toetsenbord en screenreader. Dit kan worden opgelost door volgens de specificaties gebruik te maken van tab en tabpanel. Zie ook https://www.w3.org/TR/wai-aria-1.1/#tab.

Bevinding 31: Op de detailpagina Gezondheidskaart GES Geur veehouderij obv hinderpercentages 2019 (https://georegister.brabant.nl/geonetwork/srv/dut/catalog.search#/metadata/fe607a66-c2cb-4350-8978-7234ea8bcd97) staat onder ‘Overzicht’ een kaart. Deze afbeelding kan worden geopend in een popup-window. Hierin slaat een knop met een kruis om weer terug te gaan naar de pagina. Deze knop heeft geen naam.

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-02 15:32:09 v2.4-011