Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Integrale aanpak online fraude

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Integrale aanpak online fraude
Datum 22 augustus 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op integraleaanpakonlinefraude.nl
  • Alle PDF's op integraleaanpakonlinefraude.nl
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: 19

    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: Op iedere pagina, bijvoorbeeld https://integraleaanpakonlinefraude.nl/, staat het logo van het Ministerie van Justitie en Veiligheid. Het logo heeft echter de alternatieve tekst 'Rijksoverheid logo'. Zorg dat de zichtbare tekst overeenkom met de tekst in het alt attribuut. Indien een logo tevens een link is, in dit geval naar de hoofdpagina, is het goed om tevens de tekst 'terug naar de hoofdpagina' of iets dergelijks toe te voegen.

    Bevinding 2: De infographic op https://integraleaanpakonlinefraude.nl/page/view/72504062-3511-4216-a511-69d6573d707e/samen-effectief-tegen-bankhelpdeskfraude heeft geen alternatieve tekst in het alt attribuut en de inhoud wordt verder op de pagina niet uitgelegd, waardoor de informatie niet beschikbaar is voor blinden en andere bezoekers met hulpsoftware. Leg op de pagina zelf uit welke zes stappen of fasen online fraude bestaat. Dit geldt ook voor de infographic in de PDF https://integraleaanpakonlinefraude.nl/attachment/entity/4369dac5-dff9-401b-b948-2cc7c79966e4.

    Bevinding 3: Op de eerste pagina van de PDF https://integraleaanpakonlinefraude.nl/attachment/entity/4369dac5-dff9-401b-b948-2cc7c79966e4 hebben de partnerlogo's bijvoorbeeld geen alternatieve tekst.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 4: Op https://integraleaanpakonlinefraude.nl/ staan zes links opgemaakt als gele cards, van 'Zicht op fraude' tot 'Hulp aan slachtoffers'. De teksten zijn hier opgemaakt als koppen. Koppen dienen altijd content te bevatten, wat hier niet het geval is. Maak gebruik van de stylingopties die CSS biedt voor opmaak.

    Bevinding 5: Op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal zijn de koppen "Updates" en "Agenda" niet opgemaakt als koppen, maar zijn deze een afbeelding. Hierdoor gaat de structuur en semantiek verloren voor hulpsoftware. Als iets eruit ziet als een kop, dient het ook als een kop opgemaakt te worden. Verwijder de afbeeldingen en vervang deze door koppen met het juiste kopniveau.

    Bevinding 6: De PDF https://integraleaanpakonlinefraude.nl/attachment/entity/4369dac5-dff9-401b-b948-2cc7c79966e4 is niet correct getagd. Bijvoorbeeld voetnoten zijn niet als zodanig aangeduid, net als dat koppen niet zijn aangeduid als koppen (maar als gewone tekst) en gewone tekst is als kop is opgemaakt. Gebruik de juiste tags om structuur en semantiek in de PDF aan te brengen en te corrigeren.

    Bevinding 7: De PDF https://integraleaanpakonlinefraude.nl/attachment/entity/49f479ae-ffc5-40b1-adcd-31aa3313261b is niet correct getagd. Koppen niet zijn aangeduid als koppen (maar als gewone tekst) en gewone tekst is als kop is opgemaakt. Ook is de tekst op de tweede pagina een genummerde lijst, maar is de tekst niet in een lijst ondergebracht. Gebruik de juiste tags om structuur en semantiek in de PDF aan te brengen en te corrigeren.

    1.4 Onderscheidbaar

    1.4.3 Contrast (minimum) (Niveau AA)

    Informatie over succescriterium 1.4.3 Contrast (minimum)

    Uitkomst: Onvoldoende

    Bevinding 8: Op https://integraleaanpakonlinefraude.nl/search?q=aanpak is er grijze tekst (HEX #898989) op lichtgrijze (HEX #F4F4F4) achtergrond wat een contrastverhouding geeft van 3,2:1. De contrastverhouding moet minstens 4,5:1 zijn. Pas de kleuren aan om dit op te lossen.

    Bevinding 9: Op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal heeft de knop "Publiceer" onvoldoende contrast. De blauwe (HEX #009EE3) achtergrond met witte tekst heeft een contrastverhouding van 3:1 waar een contrastverhouding van minstens 4,5:1 nodig is. Pas de achtergrondkleur aan om dit op te lossen. Dit geldt ook voor de knoppen "Plaats" en "Maak aan" op https://integraleaanpakonlinefraude.nl/groups/view/2b194eb1-d516-4df0-8408-e1a2e1b9d74e/groepsbeheerders.

    Bevinding 10: De knoppen "Maak map", Maak pad" en "Maak bestand(en)" op https://integraleaanpakonlinefraude.nl/user/0ad0fd2d-512a-4695-8ab9-6d12055c528c/files hebben onvoldoende contrast. De blauwe (HEX #009EE3) met witte kleurencombinatie heeft een contrastverhouding van 3:1 waar een contrastverhouding van minstens 4,5:1 nodig is. Pas de achtergrondkleur aan om dit op te lossen. Dit geldt ook voor de knoppen op https://integraleaanpakonlinefraude.nl/user/0ad0fd2d-512a-4695-8ab9-6d12055c528c/settings.

    1.4.5 Afbeeldingen van tekst (Niveau AA)

    Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

    Uitkomst: Onvoldoende

    Bevinding 11: Op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal worden afbeeldingen gebruikt voor de koppen "Updates" en "Agenda" en de knoppen "Groepen", "Nieuws, "Publicaties", "Downloads en "Contact". Het lettertype en de gele achtergrond kan prima met CSS bereikt worden in plaats van een afbeelding. Gebruik gewone tekst en CSS om hetzelfde effect te bereiken.

    2. Bedienbaar

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 12: De PDF https://integraleaanpakonlinefraude.nl/attachment/entity/4369dac5-dff9-401b-b948-2cc7c79966e4 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.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 13: Op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal hebben de links naar groepen, nieuws, publicaties, downloads en contact (boven het agenda-blok) geen linktekst. Ze bevatten ook geen afbeelding met alt-tekst of een aria-label attribuut. Om bezoekers met een screenreader context en doel te laten begrijpen van een link is er linktekst nodig. Verzorg linktekst voor deze links.

    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 14: Op https://integraleaanpakonlinefraude.nl/news in de titel "Online criminaliteit kan óók high-impact crime zijn" is high-impact niet als Engelstalig aangeduid. Stukken tekst in een andere taal moeten altijd correct aangeduid worden, zodat screenreaders de correcte stem en taal gebruikt bij het voorlezen.

    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 15: Op https://integraleaanpakonlinefraude.nl/search?q=aanpak wordt er gebruik gemaakt van ARIA bij de tabbladen. Het is echter niet op een goede manier opgemaakt. Elementen met role=tab dienen genest te worden in een element met role=tablist volgens de ARIA-standaard. Nest alle elementen in een element met role=tablist om dit op te lossen. Dit komt ook voor op https://integraleaanpakonlinefraude.nl/groups, https://integraleaanpakonlinefraude.nl/user/0ad0fd2d-512a-4695-8ab9-6d12055c528c/settings, https://integraleaanpakonlinefraude.nl/user/0ad0fd2d-512a-4695-8ab9-6d12055c528c/activity/published, https://integraleaanpakonlinefraude.nl/groups/view/2b194eb1-d516-4df0-8408-e1a2e1b9d74e/groepsbeheerders

    Bevinding 16: Op https://integraleaanpakonlinefraude.nl/search?q=aanpak wordt aria-label gebruikt op span-elementen. Dit is volgens de ARIA-standaard niet toegestaan. Verwijder het aria-attribuut. Dit speelt ook op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal en https://integraleaanpakonlinefraude.nl/groups/view/2b194eb1-d516-4df0-8408-e1a2e1b9d74e/groepsbeheerders

    Bevinding 17: Op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal wordt bij het tekstveld het attribuut aria-expanded gebruikt: <div class="TiptapEditorContent" aria-expanded="false">. Dit attribuut is niet toegestaan op div-elementen. En bij een tekstvak dat niet uitgeklapt wordt is het attribuut ook niet nodig. Verwijder het attribuut. Dit komt ook voor op https://integraleaanpakonlinefraude.nl/groups/view/2b194eb1-d516-4df0-8408-e1a2e1b9d74e/groepsbeheerders en https://integraleaanpakonlinefraude.nl/news/view/4708eba2-243e-4490-8fc4-5aa70177545a/beter-inzicht-in-het-spinnenweb-rond-online-fraude.

    Bevinding 18: Op https://integraleaanpakonlinefraude.nl/user/0ad0fd2d-512a-4695-8ab9-6d12055c528c/files wordt de rol listbox gebruikt: <ul tabindex="0" role="listbox" aria-label="Bestanden" aria-multiselectable="true" style="outline: none;"></ul>. Het wordt echter niet volgens de ARIA-standaard toegepast: als deze container leeg is, zijn er geen geneste elementen met de (impliciete) option rol. Er is geen probleem als er mappen en/of bestanden aanwezig zijn. Voeg de listbox rol enkel toe als er mappen en bestanden aanwezig zijn.

    Bevinding 19: Op https://integraleaanpakonlinefraude.nl/page/view/af7db4c1-4c10-4d13-b71e-d14a852fadac/leden-portal hebben de links naar groepen, nieuws, publicaties, downloads en contact (boven het agenda-blok) geen linktekst. Ze bevatten ook geen afbeelding met alt-tekst of een aria-label attribuut. Om links te kunnen activeren met spraaksoftware en context en doel te begrijpen van een link is er linktekst nodig. Verzorg linktekst voor deze links.

    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 04:48:24 v2.4-011