Issues:
Audit digitale toegankelijkheid website Burgerportaal DUS-I

(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 https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu staat in de header het visuele logo 'Dienst Uitvoering Subsidies aan Instellingen Ministerie van Volksgezondheid, Welzijn en Sport'. Schermleessoftware leest echter de alternatieve tekst die in een aria-label is geplaatst: 'Logo Rijksoverheid, ga naar de homepage van Mijn DUS-I'. Zorg dat de visuele tekst overeenkomt met de toegankelijke tekst. Het is overigens goed dat er aangegeven wordt dat het een logo betreft, en dat er een linkdoel aanwezig is.

1.3 Aanpasbaar

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 2: In het proces 'Reiskosten DAMU-leerlingen (Dans en Muziek)' op https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu kan men in de tweede stap 'persoonsgegevens toevoegen' onder andere een telefoonnummer en e-mail adres toevoegen. 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. Er is een autocomplete-attribuut aanwezig, maar dit staat uit. Plaats de juiste waarde bij de velden, 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 3: In het proces 'Reiskosten DAMU-leerlingen (Dans en Muziek)' op https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu kan men in de vierde stap documenten toevoegen. De blauwe linkteksten 'Nog een bestand toevoegen' (HEX #007BC7) hebben op de lichtgrijze achtergrond (HEX #F5F5F5) een contrast van 4,1:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan.

Bevinding 4: In het proces 'Reiskosten DAMU-leerlingen (Dans en Muziek)' op https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu kan men middels de 'volgende' knop naar de volgende stap in het proces. Indien niet alle verplichte velden zijn ingevuld is deze knop nog niet functioneel en heeft dit een lichtblauwe achtergrondkleur (HEX #93C4E3) heeft met de witte tekst (HEX #F9F9F9) een contrast van 1,7:1 waar dit minimaal 4,5:1 behoort te zijn. Voor inactieve knoppen geldt een uitzondering op dit succescriterium, maar dan moet de knop wel voor alle gebruikers inactief zijn. De knop is nu alleen visueel inactief gemaakt door het gebruik van class="disabled". Zorg er voor dat deze knop ook inactief is voor gebruikers van hulpsoftware, dit kan bijvoorbeeld door het gebruik van het disabled attribuut. Dit probleem doet zich ook voor bij de knop 'opslaan en bevestigen' in de vijfde stap. Zie tevens SC 4.1.2.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 5: Advies: In het proces 'Reiskosten DAMU-leerlingen (Dans en Muziek)' op https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu raken bij herschaling tussen 110% en 170% op een schermgrootte van 1280x1024 delen van het broodkruimelpad en formuliervelden buiten beeld. Men kan wel alle content bereiken door zowel horizontaal als verticaal te scrollen, wat afdoende is voor dit criterium, maar niet voor reflow (vanaf 200% dus in casu niet van toepassing). Advies zou echter wel zijn deze elementen mee te laten schalen, daar veel bezoekers met visuele beperkingen dergelijke formaten gebruiken.

2. Bedienbaar

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 6: Op pagina’s zoals https://aanvraag.acc.dusi.rdobeheer.nl/mijn-aanvragen/DAMU-85476380/bewerken staat een skiplink om naar de inhoud te gaan. Dat gaat goed. Het probleem is dat in een proces met meerdere stappen zoals deze de knoppen zoals “1 start” ook gelden als herhalende blokken content. Het is een optie om voor deze pagina’s de skiplink “Ga direct naar de inhoud” te laten verwijzen naar het form-element in plaats van het main-element.
Doordat het hier gaat om een set knoppen die alleen bij het invullen van het formulier voorkomt is het ook toegestaan om een skiplink in de vorm “Ga direct naar het formulier” voor de lijst met knoppen naar de verschillende stappen te plaatsen.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 7: In het proces 'Reiskosten DAMU-leerlingen (Dans en Muziek)' op https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu kan men in de derde stap inkomensgegevens invullen. Indien men bij de vraag 'Is er sprake van een eenouder gezin?' geen keuzerondje heeft aangevinkt, verschijnt de tekst 'Is er sprake van een eenouder gezin? is verplicht'. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het keuzerondje bij de vraag Is er sprake van een eenouder gezin? is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 8: In het proces 'Reiskosten DAMU-leerlingen (Dans en Muziek)' op https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu kan men middels de 'volgende' knop naar de volgende stap in het proces. Indien niet alle verplichte velden zijn ingevuld is deze knop nog niet functioneel. De knop is nu enkele visueel inactief gemaakt middels class="disabled", maar functioneert nog wel als knop. Hulpsoftware geeft niet aan dat deze knop inactief is. Die toestand (state) van deze knop moet wel beschikbaar gemaakt worden. Die informatie zou het feit dat het activeren van deze knop geen effect heeft ook meteen verklaren. Er zijn meerdere manieren om dit probleem op te lossen, een van de mogelijkheden is om op inactieve componenten het attribuut disabled te plaatsen. Dit type probleem komt ook voor bij de knop 'opslaan en bevestigen' in de vijfde stap. Deze voorgestelde oplossing lost ook meteen een probleem bij succescriterium 1.4.3 op.

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

• Het hele proces:
  https://aanvraag.acc.dusi.rdobeheer.nl/regelingen/damu

Ondersteunende technieken

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

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.