Toegankelijkheidsonderzoek

Issues:
Systeemaudit Componentensite en formulieren Provincie Noord-Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Componentensite en formulieren Provincie Noord-Brabant
Datum 23 oktober 2024
Scope van de website Binnen de scope van het onderzoek valt:
- De techniek van alle pagina's op https://brabant.iprox.nl/componenten en de formulieren op https://nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 en https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 24

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: De alt-tekst voor de afbeelding met de coorperate huisstijl op https://brabant.iprox.nl/componenten/raamwerk/kleuren/ is niet correct beschrijvend. Een passender alt-tekst zou zijn: "Blauw, rood en lichtgrijs", net zoals dat bij de andere kleuren ook gewoon de kleur gebruikt als alt-tekst. Pas de alt-tekst aan. Dit geldt ook voor de alt-tekst bij de foto op https://brabant.iprox.nl/componenten/paginatypen/vraag-antwoordindex/vraag-antwoord-index-voorbeeld/.

Bevinding 2: De screenshot op https://brabant.iprox.nl/componenten/paginatypen/externe-link/ heeft geen alt-tekst. Verzorg duidelijke alt-tekst voor dit screenshot.

Bevinding 3: De afbeeldingen bij de berichten op https://brabant.iprox.nl/componenten/paginatypen/index/nieuwsoverzicht-voorbeeld-index/ zijn decoratief, ze hoeven geen alt-tekst te hebben. Laat het alt-attribuut leeg. Dit speelt ook op https://brabant.iprox.nl/componenten/componenten/superlink/.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 4: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

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: Niet aanwezig

Bevinding 5: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 6: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig

Bevinding 7: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 8: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen zijn zinnen/koppen opgemaakt met het strong- en/of em-element. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien (men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

Bevinding 10: De velden voor persoonlijke informatie op https://nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 zijn elk apart in een fieldset gevat, wat veel overbodige informatie aan hulpsoftware geeft. Een constructie die de structuur beter overbrengt naar hulpsoftware is om 1 fieldset te gebruiken en daar de invoervelden in te zetten. Elk invoerveld dient nog wel een eigen label te hebben. Pas de code aan om dit op te lossen.

Bevinding 11: Op https://nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 zijn koppen vet- en schuingedrukt opgemaakt, in plaats van als koppen. Als iets eruitziet als een kop en zich gedraagt als een kop, dient het ook als zodanig opgemaakt te worden. Markeer ze als echte koppen en let erop om het juiste niveau te gebruiken.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 12: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 13: Op https://nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 wordt het autocomplete attribute bij de velden voor persoonlijke informatie niet gebruikt. 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". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 14: Bij het vergroten van de tekst op https://brabant.iprox.nl/componenten valt de carousel buiten beeld. Hierdoor is deze niet leesbaar of bedienbaar. Zorg dat bij het vergroten van de tekst alles correct meeschaalt en in de viewport zichtbaar blijft.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 15: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verschijnt op pagina https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen een scrollbalk in de leesrichting (horizontaal). Zorg dat de tekst binnen het beeld blijft. Uitgezonderd zijn bijvoorbeeld tabellen, betekenisvolle afbeeldingen en kaarten, op deze elementen mag wel een scrollbalk geplaatst worden om deze leesbaar te houden. Maar een scrollbalk mag niet op de hele pagina worden geplaatst.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 17: De tooltip bij "Controle e-mailadres" op https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen is niet bedienbaar met het toetsenbord. Alle interactieve inhoud dient ook met toetsenbord te bereiken en te bedienen zijn voor hulpsoftware. Gebruik een <button> element rond het pictogram om dit op te lossen. Vergeet niet om een label te verzorgen. Als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien (men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Onvoldoende

Bevinding 18: Bij het verzenden van het contactformulier https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen waarbij men een invoerveld leeg laat en het formulier verzend, krijgt men een foutmelding. Na het sluiten van de foutmelding knippert het betreffende veld. Dit heeft impact op mensen met epilepsie en migraine. Laat geen zaken knipperen om duidelijk te maken dat er een fout aanwezig is of dat deze leeg zijn (terwijl ze ingevuld hadden moeten worden). Kies een andere methode om velden met een fout visueel op te laten vallen. Als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien (men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 19: Bij het verzenden van het contactformulier https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen waarbij men een invoerveld leeg laat en het formulier verzend, krijgt men een foutmelding. Na het sluiten van de foutmelding knippert het betreffende veld. Dit heeft impact op mensen met epilepsie en migraine. Laat geen zaken knipperen om duidelijk te maken dat er een fout aanwezig is of dat deze leeg zijn (terwijl ze ingevuld hadden moeten worden). Geef met tekst aan welke velden foutief zijn en laat deze visueel opvallen. Om programmatisch de foutieve velden te markeren kan men aria-invalid gebruiken of role=alert gebruiken op de modals die waarschuwen voor een fout. Als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien (men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 20: Op https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen zijn verplichte velden niet programmatisch aangeduid met het attribuut aria-required. Hierdoor is het voor hulpsoftware niet uit de code af te leiden dat het verplicht is. Voeg het attribuut toe om dit op te lossen. Als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien (men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 21: Op https://nieuws.brabant.nl/x/plugin/?pName=overall_subscribe&pLang=nl&Z=448751235 wordt er bij het invoeren van een ongeldig e-mailadres (bijvoorbeeld met een komma in plaats van een punt) er geen suggestie gegeven om de fout op te lossen. Zorg dat er een suggestie wordt gegeven bij de foutmelding. Dit speelt ook op https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen (als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien. Men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

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 22: Op https://brabant.iprox.nl/componenten/sitemap/ zijn er uitklapbare blokjes aanwezig. Hoewel het attribuut aria-expanded wordt gebruikt, wordt het gebruikt op de uitgeklapte inhoud, niet op de link waarmee het uitgeklapt wordt. Hierdoor wordt niet gecommuniceerd naar screenreaders dat de inhoud is uitgeklapt en waar het is te vinden. Maak uitklapbare blokjes op dezelfde manier op als de blokjes op bijv. https://brabant.iprox.nl/componenten/paginatypen/product/overschrijding-emissiegrenswaarde-vos/.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 23: Op Op https://fd9.formdesk.com/provincienoordbrabant/M382308_Nederlandstalige_Vraag_Brabantloket?def_E_Bron=contactalgemeen worden foutmeldingen in een modal gepresenteerd. Deze heeft echter geen live region om aan te geven dat er een foutmelding is. Gebruik role=alert om dit op te lossen. Als de code niet aanpasbaar is, dient men een toegankelijke formulierprovider te kiezen of zelf een toegankelijk formulier te voorzien (men mag dan niet verantwoordelijk zijn voor de toegankelijkheidsproblemen van third-party content, maar men is wel verantwoordelijk voor de keuze van de service of tool die men gebruikt).

Bevinding 24: Op https://brabant.iprox.nl/componenten/paginatypen/facetzoeker/producten-diensten/ wordt na een zoekpagina de pagina dynamisch aangepast met de zoekresultaten. Dat er zoekresultaten verschijnen of bijgewerkt worden, wordt echter niet gecommuniceerd naar screenreaders.

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-04-12 03:30:56 v2.4-011