Digitale Dienstverlening - RK Vijfheerenlanden_Nota van Bevindingen.pdf

Nota Digitale inclusie in Vijfheerenlanden (z.d.) In de nota Digitale inclusie in Vijfheerenlanden staat dat de gemeente onderstaande, door de VNG opgestelde, principes voor dienstverlening onderschrijft. 1 We bedienen inwoners en ondernemers zo goed als mogelijk op het kanaal dat zij kiezen, vanuit het principe ‘online waar het kan en persoonlijk waar het moet’. 2 We bieden toegankelijke en begrijpelijke dienstverlening, zodat iedereen eenvoudig zaken met ons kan doen. 3 We werken zichtbaar samen met onze ketenpartners en medeoverheden, zodat inwoners en ondernemers integrale dienstverlening ervaren.

Digitale dienstverlening Vijfheerenlanden

56 van 62

4 5

We maken gebruik van landelijke standaarden en oplossingen, waardoor onze dienstverlening eenduidiger, veiliger en goedkoper wordt. We maken gebruik van nieuwe technologische mogelijkheden, zodat wij passende, proactieve dienstverlening kunnen bieden aan onze inwoners en ondernemers.

Digitale dienstverlening Vijfheerenlanden

57 van 62

Bijlage G Afwijkingen van de toegankelijkheidsstandaard 1

2

3

4

SC 1.1.1 - Niet-tekstuele content [niveau A] − Beschrijving van de afwijking: Op de pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ staat een groot logo met de letters ‘VHL’. Deze afbeelding heeft een leeg tekstalternatief en is hiermee beoordeeld als decoratief. Het lijkt erop dat dit logo onderdeel is van de huisstijl en op verschillende plaatsen terug kan komen, indien dit het geval is heeft dit logo een tekstalternatief nodig dat zijn betekenis overbrengt. Een tekstalternatief als ‘VHL’ is dus onvoldoende, maar een tekstalternatief als ‘VHL-logo gemeente Vijfheerenlanden’ zou wel kunnen. ○ Oorzaak: Decoratief gebruik. ○ Gevolg: Wordt niet voorgelezen door spraaksoftware ○ Alternatief: Alt-tekst toevoegen ○ Maatregel: Alt-tekst toevoegen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 SC 1.3.1 - Info en relaties [niveau A] − Beschrijving van de afwijking: Op de pagina https://www.vijfheerenlanden.nl/ staan twee koppen zonder content eronder. De koppen ‘Installatie burgemeester’ en ‘Werkzaamheden’ bevatten naast deze teksten ook nog een afbeelding zonder tekstalternatief. De links zijn geen koppen maar groot weergegeven links. Gebruik CSS om tekst anders vorm te geven. ○ Oorzaak: Aanpassing aan template ○ Gevolg: Voorleessoftware leest enkel een link voor.

○ Alternatief: Met CSS oplossen ○ Maatregel: Webleverancier nogmaals hierop aanspreken ○ Planning voor de uitvoering van de maatregel: 31-12-2020 SC 1.3.5 - Identificeer het doel van de input [niveau AA] − Beschrijving van de afwijking: Op de pagina https://www.vijfheerenlanden.nl/Recreatie/Overzichtspagina_Recreatie/Helsdingen staat een formulier waarvan de invoervelden ‘Naam’ en ‘Email’ geen duidelijk invoerdoel hebben. ○ Oorzaak: Het invoerdoel staat eronder ○ Gevolg: Bij invullen is het niet duidelijk ○ Alternatief: Het doel erboven zetten ○ Maatregel: formulier aanpassen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 SC 1.4.11 - Contrast van niet-tekstuele content [niveau AA] − Beschrijving van de afwijking: Op de meeste pagina's staat een zoekfunctie. Het invoerveld ‘Zoeken op deze trefwoorden’ met de placeholder ‘Zoeken’ heeft een contrast van 1,4:1 met de witte achtergrond. De minimum eis is dat minimaal de onderkant van dit invoerveld een contrast krijgt van 3,0:1.https://www.vijfheerenlanden.nl/ ○ Oorzaak: Te weinig contrast met het woord Zoeken en de achtergrond ○ Gevolg: Niet goed zichtbaar ○ Alternatief: Contrast verhogen

Digitale dienstverlening Vijfheerenlanden

58 van 62

5

6

7

○ Maatregel: Contrast verhogen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 SC 1.4.3 - Contrast (minimum) [niveau AA] − Beschrijving van de afwijking: Op de pagina https://www.vijfheerenlanden.nl/Recreatie/Overzichtspagina_Recreatie/Helsdingen staan in het niet-werkende inschrijfformulier twee links met onvoldoende contrast. De contrastswitch heeft geen invloed op de kleur van de links 'Privacyverklaring' en 'hier'. Het contrast voor deze lichtblauwe links is 2,4:1. Onder de beide invoervelden staat een tekst met een contrast van 3,2:1. ○ Oorzaak: Verkeerd kleurgebruik ○ Gevolg: Het contrast is niet hoog genoeg ○ Alternatief: Kleur aanpassen ○ Maatregel: Kleur aanpassen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 SC 1.4.4 - Herschalen van tekst [niveau AA] − Beschrijving van de afwijking: Op de pagina's https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&sessreset=1&aan vrager=betrokkene-natuurlijk_persoon1&zaaktype_id=28&ztc_aanvrager_type=unknown en https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&zaaktype_id=12 4&aanvrager=betrokkene-natuurlijk_persoon1&sessreset=1&ztc_aanvrager_type=unknown staat bovenaan een logo van de gemeente met enkel de letters ‘VHL’. Indien de pagina herschaald wordt naar 200% dan valt dit logo weg. Dit probleem komt terug op alle pagina's van de bovenstaande processen.

○ Oorzaak: Het logo valt weg ○ Gevolg: Het logo wordt decoratief gebruikt ○ Alternatief: Logo laten schalen ○ Maatregel: Leverancier nogmaals op attenderen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 SC 2.1.1 - Toetsenbord [niveau A] − Beschrijving van de afwijking: Op de pagina's https://afspraak.vijfheerenlanden.nl/internetafspraken/, https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&sessreset=1&aan vrager=betrokkene-natuurlijk_persoon1&zaaktype_id=28&ztc_aanvrager_type=unknown en https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&zaaktype_id=12 4&aanvrager=betrokkene-natuurlijk_persoon1&sessreset=1&ztc_aanvrager_type=unknown staan links naar de homepage. De link ‘Logo Gemeente Vijfheerenlanden’ heeft de tabindex=”-1” gekregen en het gevolg is de gebruikers die geen muis gebruiken geen gebruik kunnen maken van deze link om terug te gaan naar de homepage. Op de pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ k ○ Oorzaak: Link heeft tabindex -1 gekregen ○ Gevolg: Geen mogelijkheid om via het toetsenbord terug te gaan naar www.vijfheerenlanden.nl ○ Alternatief: Tabindex aanpassen

Digitale dienstverlening Vijfheerenlanden

59 van 62

○ Maatregel: Tabindex aanpassen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 8 SC 2.4.4 - Linkdoel (in context) [niveau A] − Beschrijving van de afwijking: Op de pagina https://www.vijfheerenlanden.nl/ staan er onder de kop 'Of zocht u' vijf sets van links. Het probleem is het verschil tussen het tekstalternatief en de tekstuele link. De link 'milieustraat' heeft geen duidelijk linkdoel de link 'Afvalinzameling' wel. Dit komt doordat beide verwijzen naar dezelfde pagina die gaat over afvalinzameling en de milieustraat is hier een onderdeel van. ○ Oorzaak: Door het gebruik van iconen die geen alternatieve tekst bevatten worden deze alleen op titel voorgelezen. ○ Gevolg: Onduidelijk wat dit is ○ Alternatief: In de alternatieve tekst aangeven dat dit een icoon betreft ○ Maatregel: In de alternatieve tekst aangeven dat dit een icoon betreft ○ Planning voor de uitvoering van de maatregel: 31-12-2020 9 SC 2.5.3 - Label in naam [niveau A] − Beschrijving van de afwijking: Op de pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ staat een invoerveld met de placeholder ‘Zoek een activiteit...’. Het visuele label van dit invoerveld is ‘Kies uw activiteit(en) waarvoor u een afspraak wilt maken.’.

Deze tekst maakt niet volledig deel uit van de huidige naam van dit invoerveld, de huidige naam is namelijk gelijk aan het title attribuut ‘Voer hier een zoekfilter in om de activiteiten te filteren’. De tekst op het visuele label moet deel uitmaken van de naam van dit invoerveld en deze twee teksten komen niet overeen. Uitleg van ○ Oorzaak: verschil tussen de placeholder en het visuele label ○ Gevolg: onduidelijkheid waarvoor het veld bedoeld is ○ Alternatief: placeholder en visueel label hetzelfde maken ○ Maatregel: placeholder en visueel label hetzelfde maken ○ Planning voor de uitvoering van de maatregel: 31-12-2020 10 SC 3.1.1 - Taal van de pagina [niveau A] − Beschrijving van de afwijking: De processen op de pagina's https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&sessreset=1&aan vrager=betrokkene-natuurlijk_persoon1&zaaktype_id=28&ztc_aanvrager_type=unknown en https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&zaaktype_id=12 4&aanvrager=betrokkene-natuurlijk_persoon1&sessreset=1&ztc_aanvrager_type=unknown hebben de taal van de pagina in het Engels staan. Deze taal is in alle pagina's aangegeven door het lang attribuut in het html element van die pagina.

○ Oorzaak: De taal van de pagina staat in Engels ○ Gevolg: Voorleessoftware kiest voor een Engels accent ○ Alternatief: De paginataal naar NL laten omzetten ○ Maatregel: De paginataal naar NL laten omzetten ○ Planning voor de uitvoering van de maatregel: 31-12-2020 11 SC 3.2.2 - Bij input [niveau A] − Beschrijving van de afwijking: Op de pagina https://afspraak.vijfheerenlanden.nl/internetafspraken/ wordt gevraagd om een activiteit

Digitale dienstverlening Vijfheerenlanden

60 van 62

te selecteren. Na selectie verschijnt er een pop-up scherm met extra uitleg in beeld. De toetsenbordfocus land op de knop 'Ok' en deze verplaatsing van de focus geldt als contextwijziging bij input. ○ Oorzaak: Door een extra uitlegveld verplaatst de toetsenbord focus ○ Gevolg: Gebruikers weten niet meer waar ze zijn op een pagina. ○ Alternatief: De uitleg als onderdeel van de pagina laten meenemen ○ Maatregel: Leverancier hierop aanspreken ○ Planning voor de uitvoering van de maatregel: 31-12-2020 12 SC 3.3.1 - Foutidentificatie [niveau A] − Beschrijving van de afwijking: Op de pagina https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&sessreset=1&aan vrager=betrokkene-natuurlijk_persoon1&zaaktype_id=28&ztc_aanvrager_type=unknown komen er niet altijd foutmeldingen bij de invoervelden in beeld. Deze fout is te reproduceren door het onderwerp in te vullen. te kiezen voor de optie 'Per e-mail' en het invullen van een ongeldig e-mailadres ('a'). Na het activeren van de knop 'Volgende' komen er goede foutmeldingen in beeld. Ter correctie kan er gekozen worden voor de optie 'Per telefoon'. Na deze wijziging geeft de knop 'Volgende' alleen nog maar de algemene foutmelding 'Niet alle velden zijn correct ingevuld.

Corrigeer de ongeldige velden en probeer het opnieuw.' Deze algemene foutmelding geeft niet aan waar de fout zit, er verschijnen geen foutmeldingen meer bij de verschillende invoervelden als zij fouten bevatten, het gaat om de invoervelden 'Onderwerp' en 'Uw telefoonnummer' die geen foutmeldingen meer laten zien. Indien de radiobutton weer teruggezet wordt kloppen de foutmeldingen bij het invoerveld 'Uw email-adres' ook niet meer helemaal. ○ Oorzaak: Onduidelijke foutmeldingen ○ Gevolg: Gebruikers weten niet welk veld zij moeten aanpassen ○ Alternatief: Het veld benoemen welke niet juist is ingevuld ○ Maatregel: Het veld benoemen welke niet juist is ingevuld ○ Planning voor de uitvoering van de maatregel: 31-12-2020 13 SC 4.1.1 - Parsen [niveau A] − Beschrijving van de afwijking: Op de pagina's https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&sessreset=1&aan vrager=betrokkene-natuurlijk_persoon1&zaaktype_id=28&ztc_aanvrager_type=unknown en https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&zaaktype_id=12 4&aanvrager=betrokkene-natuurlijk_persoon1&sessreset=1&ztc_aanvrager_type=unknown staan twee div elementen die niet gesloten worden. Alle elementen moeten genest worden volgens hun specificatie en div elementen hebben een eindtag nodig.

○ Oorzaak: div elementen missen een sluiting ○ Gevolg: Niet duidelijk wanneer dit div element voorbij is ○ Alternatief: Een eindtag toevoegen ○ Maatregel: Een eindtag toevoegen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 14 SC 4.1.2 - Naam, rol, waarde [niveau A]

Digitale dienstverlening Vijfheerenlanden

61 van 62

Beschrijving van de afwijking: Op de pagina's https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&sessreset=1&aan vrager=betrokkene-natuurlijk_persoon1&zaaktype_id=28&ztc_aanvrager_type=unknown en https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&zaaktype_id=12 4&aanvrager=betrokkene-natuurlijk_persoon1&sessreset=1&ztc_aanvrager_type=unknown staan fieldsets zonder legend. Beide fieldsets hebben hierdoor geen naam. ○ Oorzaak: Geen legend bij het fieldset ○ Gevolg: type is unknown geeft hij als resultaat ○ Alternatief: legend toevoegen ○ Maatregel: legend toevoegen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 15 SC 4.1.3 - Statusberichten [niveau AA] − Beschrijving van de afwijking: Op de pagina https://mijn.vijfheerenlanden.nl/zaak/create/webformulier?afronden=1&zaaktype_id=12 4&aanvrager=betrokkene-natuurlijk_persoon1&sessreset=1&ztc_aanvrager_type=unknown staat een div verborgen met display:none. Indien in het invoerveld ‘Geef (indien van toepassing) de locatie op waaraan uw initiatief gerelateerd is’ een adres ingetypt wordt komen er suggesties in beeld. Tijdens het laden van deze suggesties is er een draaiend laad icoon zichtbaar. Dit icoon geeft de status van het laden van de suggesties aan en dit div element geldt hierdoor als statusboodschap.

(Dit is ook de reden dat dit icoon een tekstalternatief nodig heeft) en moet meegedeeld worden aan gebruikers. Dit kan door een rol toe te voegen (role="status"), deze rol maakt het mogelijk voor hulpsoftware om aan te geven dat er gegevens geladen worden. Het betreffende div element is te herkennen aan de class ‘spot-enlighter-loading’. ○ Oorzaak: mist een rol ○ Gevolg: Niet duidelijk dat het formulier gegevens aan het laden is ○ Alternatief: rol toevoegen ○ Maatregel: rol toevoegen ○ Planning voor de uitvoering van de maatregel: 31-12-2020 −

Digitale dienstverlening Vijfheerenlanden

62 van 62