Issues:
Audit digitale toegankelijkheid website Brabantse Zorgvuldigheidsscore Veehouderij

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Op pagina https://bzv.brabant.nl/Bedrijfsscore staan afbeeldingen van logo's van certificaten. Deze afbeelding heeft geen tekstalternatief. Een logo is geen decoratieve afbeelding, het geeft aan dat het hier om een erkend certificaat gaat. Voeg een alternatieve tekst toe om dit probleem op te lossen. Hetzelfde probleem komt op meerdere plaatsen in de website voor, bijvoorbeeld op pagina https://bzv.brabant.nl/ScenarioCertificaten bij de 'beterleven' certificaten die verschijnen als op de 'i' bij 'Beterleven' wordt geklikt.

Bevinding 2: Op pagina https://bzv.brabant.nl/Bedrijfsscore staan onder de kop 'Inrichting en Omgeving' afbeeldingen ter illustratie . Deze afbeeldingen hebben geen tekstalternatief en dit is ook niet nodig omdat het om decoratieve afbeeldingen gaat. Maar de afbeeldingen hebben wel een leeg alt-attribuut (alt="") nodig, zodat hulpsoftware weet dat de afbeelding genegeerd kan worden.

Bevinding 3: Op pagina https://bzv.brabant.nl/Bedrijfsscore staan onder de kop 'Inrichting en Omgeving' afbeeldingen van een balk die het aantal punten representeert naast een schaal van 0 tot 100 met de alternatieve tekst 'The chart showing Data series'. Deze tekst beschrijft de afbeelding niet. Aangezien dezelfde informatie, bijvoorbeeld '52pt' naast de afbeelding staat kan de afbeelding als decoratief beschouwd worden. Geef de afbeelding een leeg alt-attribuut.

Bevinding 4: Op pagina https://bzv.brabant.nl/Contact staat een Captcha afbeelding met een aantal letters die in het invoerveld eronder ingevuld moeten worden. Er is voor blinden geen alternatieve methode om het veld correct in te vullen, zij kunnen dit formulier niet versturen. Zorg ervoor dat er een andere Captcha is, zoals een audioproef, waarmee bezoekers het formulier kunnen versturen, of verwijder de Captcha uit het formulier.

Bevinding 5: In de PDF 'WEBAPPLICATIE BRABANTSE ZORGVULDIGHEIDSSCORE VEEHOUDERIJ (BZV) 1' (https://www.brabant.nl/-/media/960926f22d4c47d48e999d70a4978701.pdf) staan verschillende figure-tags in de codelaag, bijvoorbeeld op pagina 4, die een icoon van een beker aangeven. Dit icoon is informatief maar heeft geen alternatieve tekst. Zorg ervoor dat dit icoon een goede alternatieve tekst krijgt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 6: Koppen op pagina https://bzv.brabant.nl/Toegankelijkheid zoals 'Toegankelijkheid BZV-webapplicatie' zijn niet opgemaakt als kop. Hulpsoftware maakt gebruik van de koppenstructuur van een pagina om de structuur van de informatie op de pagina weer te kunnen geven. Maak koppen daarom op met het H-element van het juiste niveau. Hetzelfde komt vaker voor op de website, bijvoorbeeld op pagina https://bzv.brabant.nl/Bedrijfsscore/IndexPrint.

Bevinding 7: Op pagina https://bzv.brabant.nl/Bedrijfsscore is een tabel gebruikt voor de opmaak van bijvoorbeeld de adresgegevens. Een tabel mag gebruikt worden voor opmaak als het th-element daar niet in voorkomt, echter hulpsoftware leest elke kolom en rij van de tabel voor, dat geeft overbodige tekst. Gebruik role=presentation om dit probleem op te lossen. Hetzelfde probleem komt vaker voor in de website, bijvoorbeeld in het formulier dat geopend wordt met de knop 'Toevoegen stal' op pagina https://bzv.brabant.nl/ScenarioStallen zit elk invoerveld in een tabel binnen een tabel die weer binnen een tabel zit.

Bevinding 8: In het navigatiemenu wordt op onder andere pagina https://bzv.brabant.nl/Contact aangegeven op welke pagina de bezoeker zich bevind door een visueel kader dat om de link van de huidige pagina staat. Deze visuele informatie staat niet aangeven in de code, hierdoor is het niet beschikbaar voor bezoekers die het scherm niet kunnen zien en gebruikmaken van een screenreader. Zorg ervoor dat deze informatie ook in de code staat door gebruik te maken van aria-current op de link van de huidige pagina.

Bevinding 9: Op pagina https://bzv.brabant.nl/ZoekVeehouder staat een tabel. De koppen in deze tabel, bijvoorbeeld 'Postcode', zijn niet correct opgemaakt met een th-element. Op dit moment zijn alle visuele koppen in de tabel opgemaakt met een td-element, hierdoor kan hulpsoftware de relatie tussen de visuele koppen en bijbehorende cellen niet aangeven. Zorg ervoor dat alle visuele koppen in de tabel zijn opgemaakt met een th-elementen en niet een td-element.

Bevinding 10: In codelaag van de PDF 'WEBAPPLICATIE BRABANTSE ZORGVULDIGHEIDSSCORE VEEHOUDERIJ (BZV) 1' (https://www.brabant.nl/-/media/960926f22d4c47d48e999d70a4978701.pdf) staan de volgende toegankelijkheidsproblemen:

• In de TOC-tag staat een lege TOCI-tag. Hulpsoftware kan dit voorlezen als een item in de inhoudsopgave. Verwijder de lege TOCI-tag.
• In de codelaag staan verschillende keren Pad objecten. Dit zijn decoratieve vormen die in de PDF staan en moeten daarom zijn opgemaakt als artefact.
• Verschillende koppen zijn niet opgemaakt met een kop-tag. Hierdoor kan hulpsoftware niet aangeven dat hier koppen staan. Zorg ervoor dat koppen altijd zijn opgemaakt met een kop-tag (H1, H2, etc.)
• Op verschillende pagina's staan verwijzingen naar voetnoten, bijvoorbeeld op pagina 5. Deze verwijzingen moeten geplaatst zijn in een Reference-tag.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 11: Op pagina https://bzv.brabant.nl/Contact is een formulier waar de bezoeker onder andere het eigen e-mailadres en telefoonnummer kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 12: Op pagina https://bzv.brabant.nl/Bedrijfsscore wordt doormiddel van kleur aangegeven uit welke elementen de score bestaat. De gegevens worden ook in tabelvorm weergegeven als met de muis over de figuur gegaan word, echter voor bezoekers die met behulp van het toetsenbord navigeren zonder schermlezer is die informatie niet beschikbaar. Zorg er voor dat informatie niet alleen door middel van kleur gegeven wordt, dat kan bijvoorbeeld door een patroon te gebruiken of door de informatie op een alternatieve manier voor elke bezoeker beschikbaar te stellen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 13: Op de pagina https://bzv.brabant.nl/Over staat witte tekst op oranje achtergrond (HEX #EC6707), bijvoorbeeld 'Lees meer'. Deze tekst heeft een te laag contrast. De contrastverhouding is 3,2:1, waar dit minstens 4,5:1 moet zijn. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://bzv.brabant.nl/ZoekVeehouder.

Bevinding 14: Op de pagina https://bzv.brabant.nl/Contact heeft de grijze tekst 'Verzenden' (HEX #BDBDBD) op witte achtergrond een te laag contrast. De contrastverhouding is 1,8:1, waar dit minstens 4,5:1 moet zijn.

Bevinding 15: Op de pagina https://bzv.brabant.nl/ZoekVeehouder heeft in de paginering de donker grijze tekst (HEX #666666) op grijze achtergrond (HEX #7A7A7A) een te laag contrast. De contrastverhouding is 1,3:1, waar dit minstens 4,5:1 moet zijn. De witte tekst op de zelfde grijze achtergrond heeft een contrastverhouding van 4,3:1, waar dit minstens 4,5:1 moet zijn.

Bevinding 16: Op de pagina https://bzv.brabant.nl/Bedrijfsscore heeft de witte tekst op turquoise achtergrond (HEX #009BA4) 'BZV-Score: ' een te laag contrast. De contrastverhouding is 3,4:1, waar dit minstens 4,5:1 moet zijn.

Bevinding 17: Op de pagina https://bzv.brabant.nl/Bedrijfsscore heeft de witte tekst op rode achtergrond (HEX #FF0000) een te laag contrast. De contrastverhouding is 4:1 waar dit minstens 4,5:1 moet zijn. Hetzelfde geldt voor dezelfde kleur rode tekst op witte achtergrond van het aantal punten .

Bevinding 18: Op pagina https://bzv.brabant.nl/Contact staat een Captcha afbeelding met witte letters op een grijze achtergrond (HEX #BDBDBD). De contrastverhouding is 1,9:1 waar dit minstens 4,5:1 moet zijn.

Bevinding 19: Als bezoekers op pagina https://bzv.brabant.nl/ met de muisaanwijzer over de contentblokken heengaan, zoals het blok 'Wat is BZV', verandert de achtergrondkleur naar rood (HEX #DD0000) en de tekstkleur van 'Lees het hele verhaal' verandert naar roze (HEX #F5B3B3). Het contrast tussen deze twee kleuren is te laag. De contrastverhouding is hier 2,9:1, waar dat minimaal 4,5:1 moet zijn. Zorg ervoor dat teksten ook bij muishover voldoende contrast hebben.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 20: Op elke pagina staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1.0" en "user-scale=0". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instelling weg.

Bevinding 21: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% dan verdwijnt in de header van elk pagina de loginknop. Er is ook geen alternatief te vinden, bijvoorbeeld in de navigatie of in de footer. Het blok 'Inloggen met E-Herkenning' op de homepagina is bij deze resolutie ook verdwenen. Zorg ervoor dat alle content bereikbaar is in elke resolutie van het scherm.

Bevinding 22: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 200% op pagina https://bzv.brabant.nl/ScenarioProefberekening wordt de tekst 'De proefberekening' op dit beeldscherm niet ondersteund. Kies een apparaat met een groter beeldscherm van minimaal 1152 pixels breed. De knop 'Start proefberekening' is niet beschikbaar. Zorg ervoor dat alle content bereikbaar is in elke resolutie van het scherm.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 23: Op elke pagina staat in de HTML-code bij meta name="viewport" de volgende instellingen: "maximum-scale=1.0" en "user-scale=0". Op mobiel of tablet kunnen bezoekers daarom in sommige gevallen niet inzoomen. Laat deze instelling weg.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 24: Op de pagina https://bzv.brabant.nl/ZoekVeehouder hebben in de paginering de donker grijze pijltjes (HEX #666666) op grijze achtergrond (HEX #7A7A7A) een te laag contrast. De contrastverhouding is 1,3:1 waar dit minstens 3:1 moet zijn.

Bevinding 25: Op de pagina https://bzv.brabant.nl/Bedrijfsscore staan onder de kop 'Inrichting en Omgeving' een aantal lichtblauwe balken (HEX #60B5CC) waarmee een aantal punten wordt aangegeven. De contrastverhouding met de witte achtergrond is te laag, dit is 2,3:1 waar dit tenminste 3:1 moet zijn. De getallen die er naast staan zijn geen toegankelijk alternatief omdat deze ook een te laag contrast hebben, zie 1.4.3.

Bevinding 26: In het formulier dat geopend wordt met de knop 'Toevoegen stal' op pagina https://bzv.brabant.nl/ScenarioStallen hebben de grijze randen van de invoervelden (HEX #D4D4D4) een te laag contrast met de witte achtergrond. De contrastverhouding is 1,5:1 waar dit minstens 3:1 moet zijn.

Bevinding 27: Op pagina https://bzv.brabant.nl/Contact staan grijze invoervelden (HEX #C7C7C7) op een witte achtergrond. Deze invoervelden hebben te weinig contrast op de achtergrond. De contratsverhouding is hier 1,6:1, waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 28: De items in het menu bovenaan elke pagina krijgen geen toetsenbordfocus. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze link niet gebruiken. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord. Hetzelfde komt vaker voor in de website, bijvoorbeeld bij de loginknop rechts in de header van elke pagina en op pagina https://bzv.brabant.nl/ScenarioProefberekening zijn alle links uit het submenu van 'Intro' tot 'Resultaat' niet te bedienen met behulp van het toetsenbord, ook wanneer ze met de muis wel werken.

Bevinding 29: Op pagina https://bzv.brabant.nl/ZoekVeehouder zijn er twee manieren om naar de bedrijfsscore van een veehouder te gaan. Via de kaart en de lijst eronder. Beide manieren zijn niet beschikbaar voor bezoekers die de pagina met behulp van het toetsenbord navigeren. Zowel de markeringen in de kaart als de beker icoontjes in de lijst krijgen geen toetsenbord focus. Zorg ervoor dat alle links op een pagina bereikbaar en bedienbaar zijn met het toetsenbord. Ook de verwijderknop (visueel gelabeld met een X-icoon) en paginering in de tabel krijgen geen toetenbordfocus.

Bevinding 30: Op pagina https://bzv.brabant.nl/Bedrijfsscore staan onder de kop 'Inrichting en Omgeving' een aantal informatie icoontjes waarop geklikt kan worden voor meer informatie. Bezoekers die met het toetsenbord navigeren, bijvoorbeeld met de tabtoets, kunnen deze icoontjes niet gebruiken en missen daardoor de extra informatie. Zorg er voor dat alle informatie in de website bereikbaar is bij navigatie met het toetsenbord, bijvoorbeeld door te zorgen dat de icoontjes focus kunnen krijgen.
Dit komt ook voor op pagina https://bzv.brabant.nl/Bedrijfsscore/IndexPrint.

Bevinding 31: Op pagina https://bzv.brabant.nl/Bedrijfsscore staan twee links waarmee bezoekers een kunnen teruggaan naar het overzicht met veehouderrijen en naar een printversie van de pagina kunnen navigeren. Deze twee links zijn niet te bedienen met het toetsenbord. Zorg ervoor dat het voor toetsenbordgebruikers mogelijk is focus te plaatsen op deze links en dat het ook mogelijk is ze te activeren.

Bevinding 32: Op pagina https://bzv.brabant.nl/Bedrijfsscore/IndexPrint staat een link om de printvriendelijke versie van de pagina mee af te sluiten. Deze link is niet te bedienen met het toetsenbord. Zorg ervoor dat alle links bedient kunnen worden met het toetsenbord.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 33: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd. Op dit moment is er wel een link die daar op lijkt maar die gaat naar de website 'brabant.nl'.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 34: Op alle pagina's ontbreekt de paginatitel . Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.

Bevinding 35: De PDF 'WEBAPPLICATIE BRABANTSE ZORGVULDIGHEIDSSCORE VEEHOUDERIJ (BZV) 1' (https://www.brabant.nl/-/media/960926f22d4c47d48e999d70a4978701.pdf) 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. Hetzelfde geldt voor de PDF's met de Bedrijfsscores die op de site gegenereerd kunnen worden op pagina https://bzv.brabant.nl/Bedrijfsscore/IndexPrint.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 36: Als je bij een smal venster op elke pagina op het hamburgermenu klikt verschijnt er een menuvenster. Als je nu met de tabtoets verder navigeert kan je het menuvenster verlaten. Daardoor kan je niet meer zien waar je bent. Zorg dat je het venster pas kan verlaten als deze gesloten wordt. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://bzv.brabant.nl/ScenarioStallen als bij de stap 'Stalgegevens' een nieuwe stal toegevoegd wordt.

Bevinding 37: Op pagina https://bzv.brabant.nl/ZoekVeehouder kan je met de tabtoets door de pagina navigeren. Er wordt in de HTML gebruikgemaakt van het attribuut tabindex=0 op bijvoorbeeld de kaart. Daardoor ontstaat er bij een onlogische focusvolgorde. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert. Plaats geen tabindex="0" op elementen die geen focus horen te krijgen.

Bevinding 38: Op pagina https://bzv.brabant.nl/ScenarioStallen opent de knop 'Toevoegen stal' een dialoogvenster met een formulier. Als je nu met de tabtoets verder navigeert moet de toetsenbordfocus direct in het dialoogvenster komen en moet je met de tabtoets binnen dit dialoog blijven. Dat gaat nu niet goed.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 39: Op pagina https://bzv.brabant.nl/ZoekVeehouder is een navigatie om tussen de pagina's met zoekresultaten te kunnen navigeren. De naam van de links luiden nu '1', '2', '3', etc. Voor ziende bezoekers is het duidelijk dat het hier gaat om paginanummers, maar bezoekers die het scherm niet kunnen zien, weten niet dat deze links naar volgende pagina's verwijzen. Vul de toegankelijke naam van deze links daarom aan met het woord 'pagina ' zodat het linkdoel voor screenreadergebruikers duidelijk is. De pijltjes in de zelfde navigatie hebben de toegankelijke naam 'Prev' en 'Next'. Dit is voor Nederlandstalige bezoekers niet logisch en ook hier ontbreekt het woord 'pagina'.

Bevinding 40: Advies: In de tabel op pagina https://bzv.brabant.nl/ZoekVeehouder staan links met de toegankelijke naam 'Ga naar bedrijfsscore'. Zorg dat links naar verschillende doelen unieke linkteksten hebben, door bijvoorbeeld de tekst aan te vullen met het adres van het bedrijf waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn. Uit de tabel-context kan het linkdoel afgeleid worden, maar als bezoekers met behulp van de tabtoets op de link komen (wat nu niet mogelijk is) is die context niet meteen waar te nemen.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Bevinding 41: Er is maar één manier om bijvoorbeeld de pagina https://bzv.brabant.nl/Bedrijfsscore binnen deze website te vinden en dat is door een link op de pagina https://bzv.brabant.nl/ZoekVeehouder. Zorg dat er nog een manier is om elke pagina te kunnen bereiken, bijvoorbeeld door een zoekfunctie toe te voegen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 42: Advies: Als op de homepagina de links 'Inloggen', 'Lees handleiding' en 'Contact' focus krijgen dan is dat te zien aan een één pixel brede zwart/wit gestippelde rand. Slechtzienden kunnen dit moeilijk waarnemen. Zorg voor een duidelijke focusrand.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Bevinding 43: Op alle pagina's ontbreekt een taalaanduiding van de inhoud van de pagina. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten.
Op de 404 pagina https://bzv.brabant.nl/fout is dat overigens 'en', op de andere pagina's 'nl'.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 44: Op pagina https://bzv.brabant.nl/Contact staat de Engelstalige tekst 'Show an other code'. Deze tekst is in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Bevinding 45: Op pagina https://bzv.brabant.nl/ScenarioCertificaten kunnen bezoekers antwoorden invoeren. Zodra een keuze geselecteerd is, ververst de pagina direct en komt de focus bovenaan de pagina. Dit is verwarrend en mogelijk desoriënterend voor sommige bezoekers. Maak gebruik van een knop waarmee bezoekers zelf de ingevoerde gegevens controleren of gebruik asynchrone JavaScript-functionaliteit die de selectie aanpast. Gebruik bij dit laatste ook een "live-region" waar je aan de bezoeker duidelijk maakt dat er iets is gewijzigd (via hulpsoftware).

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 46: Wanneer bezoekers op pagina https://bzv.brabant.nl/Contact geen of foutieve invoer invullen, verschijnen er icoontjes met een uitroepteken achter de betreffende invoervelden. Een goede foutidentificatie vermeld welke fout is gemaakt. Bijvoorbeeld 'Dit veld is niet ingevuld’ of 'Dit is een ongeldig e-mailadres'.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 47: Op pagina https://bzv.brabant.nl/ScenarioStallen opent de knop 'Toevoegen stal' een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 48: Op pagina https://bzv.brabant.nl/ScenarioStallen heeft de knop met het label 'Toevoegen stal' geen toegankelijke rol. De knop werkt als een knop maar is niet opgemaakt als een knop. Hierdoor is het element moeilijk te bedienen met hulpsoftware. Los dit probleem bijvoorbeeld op door de knop op te maken met een button-element.

Bevinding 49: Op de homepagina krijgt onder andere de knop 'Lees handleiding' focus, maar de naam wordt door NVDA niet voorgelezen. Mogelijk komt dit doordat een input-element is gebruikt voor de opmaak van deze knop. Het is beter om een button-element te gebruiken en de visuele tekst als html tekst op de pagina te plaatsen.

Bevinding 50: Op pagina https://bzv.brabant.nl/Bedrijfsscore staan verschillende i-iconen die klikbaar zijn. Deze i-iconen zijn opgemaakt met een a-elementen, maar hebben geen toegankelijke naam. Omdat deze links niet werken als een link maar als een knop zou het beter zijn als deze elementen zijn opgemaakt met een button-element. Zorg ervoor dat deze elementen een correcte rol hebben en een toegankelijke naam hebben.

Bevinding 51: Op pagina https://bzv.brabant.nl/ZoekVeehouder staan verschillende invoervelden in de tabel. Deze invoervelden hebben geen toegankelijke naam. Hierdoor kan het voor gebruikers van hulpsoftware moeilijk zijn om deze velden in te vullen. Zorg ervoor dat er een toegankelijke naam aanwezig is, bijvoorbeeld door gebruik te maken van aria-label op het input-element.
Dit geldt ook voor de comboboxen in dezelfde tabel.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 52: Als een pagina 'Veehouderij bedrijfsscore' laad kost dat tijd. Er is een statusbericht 'Een moment geduld aub' maar deze informatie is niet beschikbaar voor bezoekers die afhankelijk zijn van hulpsoftware. Maak bijvoorbeeld gebruik van role="status".

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

• Home:
  https://bzv.brabant.nl/
• Contact:
  https://bzv.brabant.nl/Contact
• Toegankelijkheid:
  https://bzv.brabant.nl/Toegankelijkheid
• Over:
  https://bzv.brabant.nl/Over
• Formulier proces:
  https://bzv.brabant.nl/ScenarioProefberekening
• Kaart:
  https://bzv.brabant.nl/ZoekVeehouder
• PDF:
  https://www.brabant.nl/-/media/960926f22d4c47d48e999d70a4978701.pdf
• 404:
  https://bzv.brabant.nl/fout
• Veehouderij bedrijfsscore:
  https://bzv.brabant.nl/Bedrijfsscore
• Start proefberekening:
  https://bzv.brabant.nl/ScenarioStallen
• Stap proefberekening:
  https://bzv.brabant.nl/ScenarioCertificaten
• Printpagina:
  https://bzv.brabant.nl/Bedrijfsscore/IndexPrint
• Hoefseweg 6 5443NP:
  https://bzv.brabant.nl/Bedrijfsscore
• Mastdreef 19, 4838EK:
  https://bzv.brabant.nl/Bedrijfsscore

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG
• PDF

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.