Toegankelijkheidsonderzoek

Issues:
Systeemonderzoek digitale toegankelijkheid website Tintengroep en Sociaal werk de Kear

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Tintengroep en Sociaal werk de Kear
Datum 15 mei 2025
Scope van de website Alle pagina's op https://www.tintengroep.nl/ en op https://www.sociaalwerkdekear.nl/.
Niet de content van de webpagina's of de pdf-documenten.
Binnen de scope van het onderzoek valt:
- De techniek van alle pagina's op https://www.tintengroep.nl/ en op https://www.sociaalwerkdekear.nl/.
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 33

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: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/vacatures/, onder de kop "Vacature overzicht", worden vacatures getoond met logo's. Niet elk logo heeft alt-tekst. Voeg een alt-tekst toe die de volledige tekst uit het logo bevat. Ditzelfde probleem doet zich voor op de pagina https://www.tintengroep.nl/vacatures/gedragswetenschapper/ onder de kop "Misschien ook interessant:".

Bevinding 2: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/kennisdossiers/het-geheim-van-sociaal-werk/, onder de kop "Het geheim van sociaal werk", staan links naar PDF-bestanden met iconen. Deze iconen geven aan dat het om PDF-bestanden gaat, maar ze zijn als achtergrondafbeeldingen toegevoegd zonder tekstalternatief en ze zijn verborgen voor hulpsoftware met aria-hidden. Er is een label gegeven met aria-label, maar omdat het element verborgen is dat verwarrend. Bovendien mogen generieke HTML -elementen geen label krijgen volgens de ARIA-standaard. Verwijder het aria-label attribuut, en vermeld aan het eind van elke link of achter elke link dat het om PDF-bestanden gaat om dit op te lossen. Ditzelfde probleem doet zich ook voor op de pagina https://www.tintengroep.nl/over-ons/ onder het kopje "Klokkenluidersregeling".

Bevinding 3: In de footer op o.a. https://www.tintengroep.nl/contact/ komt een link voor met het logo voor NC-websites. Het logo is een SVG. Deze SVG heeft geen alt-tekst. Het is een informatieve afbeelding, dus het heeft alt-tekst nodig. Verzorg alt-tekst dat duidelijk maakt dat het een logo betreft van NC-websites en verwijst naar de website van dat bedrijf, bv. "Logo NC-websites, bezoek website".

Bevinding 4: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: Op elke pagina van https://www.sociaalwerkdekear.nl/ staat in de footer onder de tekst "Sociaal werk De Kear is onderdeel van Tinten", een logo met de zichtbare tekst "Tinten". De tekstalternatief van dit logo is eveneens "Logo De Kear", wat niet overeenkomt met de zichtbare tekst. De alt-tekst moet worden aangepast zodat deze de daadwerkelijke zichtbare tekst van het logo bevat.

Bevinding 5: Op https://www.sociaalwerkdekear.nl/teams/ is er geen toegankelijk alternatief aanwezig voor de kaart waar je kiest voor Team Zuid of Team Noord. De gemeenten die zichtbaar zijn op de kaart worden nergens gemeld. Beschrijf in de tekst op de pagina welke gemeenten onder welk team vallen om een toegankelijk alternatief te voorzien.

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 6: 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 7: 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 8: 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 9: 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 10: 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 11: In de footer op alle pagina's van https://www.tintengroep.nl zijn de volgende teksten niet gemarkeerd als koppen: "Tintengroep", "Over ons" en "Contact opnemen".
Blinde bezoekers hebben niets aan een (tussen)kop die er wel uitziet als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Zijn koppen alleen visueel als kop vormgegeven (bijvoorbeeld vetgedrukt), maar niet in de code gemarkeerd? Dan ontstaat nog een ander probleem. De structuur van de informatie in de code wijkt dan namelijk af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast.

Bevinding 12: Op de pagina https://www.sociaalwerkdekear.nl/mantelzorg/aanmelden-mantelzorger/ staat een formulier. De volgende teksten zijn koppen, maar zijn niet als zodanig gemarkeerd: "Jouw gegevens:" en "Gegevens zorgsituatie:". Gebruik headings-element in deze teksten. Een alternatieve oplossing is om de invoervelden die bij deze groepslabels horen in het fieldset-element te plaatsen en de tekst in het legend-element te zetten om deze groep te benoemen.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

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

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 14: Op https://www.tintengroep.nl/contact/ valt de link van het e-mailadres niet op tussen de gewone lopende tekst. Dit heeft impact op slechtzienden en kleurenblinden. Techniek G183 in WCAG staat toe dat links in gewone tekst niet onderlijnd zijn als ze voldoen aan de volgende voorwaarden: de kleur van de links heeft een contrastverhouding van minstens 3:1 vergeleken met de kleur van de omliggende tekst en de kleur van de links heeft een contrastverhouding van minstens 4,5:1 ten opzichte van de eigen achtergrond. (Deze voorwaarden gelden voor elke linktoestand, dus ook bij hover en focus.) Minstens één van deze voorwaarden is niet vervuld. Onderstreep de links. Dit speelt ook op https://www.tintengroep.nl/welzijnsorganisaties/.

Bevinding 15: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op https://www.tintengroep.nl/inloggen/ krijgen de knoppen geen focusrand, maar is er een subtiel kleurverschil als ze de focus krijgen. Dat heeft impact op kleurenblinden en slechtzienden. Zorg dat er een focusindicator is zoals een rand die duidelijk het element omringt.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Voldoende

Bevinding 16: De website bevat een knop voor een modus met hoog contrast, bedoeld om het contrast te verbeteren voor gebruikers met een hogere visuele contrastbehoefte. De evaluatie van de website is uitgevoerd terwijl deze modus was ingeschakeld.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 17: 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 18: Op alle pagina's van https://www.tintengroep.nl, wanneer bekeken bij een schermresolutie van 1280 bij 1024 en ingezoomd tot 400%, nemen de sticky header en footer het grootste deel van de pagina in beslag. Bijna de gehele inhoud van de pagina is niet zichtbaar. Als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels, moet de inhoud van de pagina leesbaar zijn. Zie ook https://www.sociaalwerkdekear.nl/.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 19: De website bevat een knop voor een modus met hoog contrast, bedoeld om het contrast te verbeteren voor gebruikers met een hogere visuele contrastbehoefte. De evaluatie van de website is uitgevoerd terwijl deze modus was ingeschakeld.

Bevinding 20: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/zoeken/?q=wer, bij de link "Volgende" in de paginering is de focus zichtbaar door een lichtblauwe focusrand. De contrastverhouding tussen de focusrand en de witte achtergrond is slechts 1,4:1, terwijl deze minimaal 3:1 zou moeten zijn. Dit maakt het voor slechtzienden en kleurenblinden moeilijk of onmogelijk om het verschil te zien. Het gebruik van een kleurcombinatie met voldoende contrast zou dit probleem verhelpen.

2. Bedienbaar

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 21: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/inloggen/ staat een formulier. Dit formulier gebruikt alleen HTML5-validatie, bijvoorbeeld in het veld "Voornaam".
Deze foutmeldingen worden niet door alle browsers en schermlezers even goed ondersteund. Elke browser toont de meldingen anders, en niet altijd op een toegankelijke manier: de melding blijft te kort staan. Voeg daarom altijd zelf foutmeldingen toe aan het formulier. Controleer of er nog meer formulieren zijn die dit probleem hebben.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 22: Op de pagina https://www.tintengroep.nl/nieuws/carrefour-tekent-voor-maatschappelijk-werk-in-nop/ naast de kop "Carrefour tekent voor maatschappelijk werk in NOP" staat een link met een afbeelding. Deze link opent een vergrote weergave van de afbeelding. Na het sluiten van deze afbeelding keert de focus niet terug naar de link of het eerst volgende element op de pagina, maar begint vanaf het begin van de pagina. Dit is niet correct en moet worden gecorrigeerd, zodat de focus na het sluiten van de afbeelding op de juiste plaats landt. Ditzelfde probleem doet zich voor op de pagina https://www.tintengroep.nl/kennisdossiers/het-geheim-van-sociaal-werk/ onder de kop "Het geheim van sociaal werk".

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 23: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/kennisdossiers/het-geheim-van-sociaal-werk/, onder de kop "Het geheim van sociaal werk", staan links naar PDF-bestanden met iconen. Deze iconen geven aan dat het om PDF-bestanden gaat, maar ze zijn als achtergrondafbeeldingen toegevoegd zonder tekstalternatief en ze zijn verborgen voor hulpsoftware met aria-hidden. Er is een label gegeven met aria-label, maar omdat het element verborgen is dat verwarrend. Bovendien mogen generieke HTML -elementen geen label krijgen volgens de ARIA-standaard. Verwijder het aria-label attribuut, en vermeld aan het eind van elke link of achter elke link dat het om PDF-bestanden gaat om dit op te lossen. Ditzelfde probleem doet zich ook voor op de pagina https://www.tintengroep.nl/over-ons/ onder het kopje "Klokkenluidersregeling".

Bevinding 24: Op de pagina https://www.sociaalwerkdekear.nl/teams/, onder "Kies je wijk", staat een kaart met twee links: "Team Noord" en "Team Zuid". De toegankelijke namen van deze links bevatten veel meer tekst dan nodig, zoals "Team Noord Teroele Legemeer Scharsterbrug Dijken Langweer Boornzwaag Joure Broek Snikz...". Deze extra tekst maakt het linkdoel niet duidelijker. Zorg ervoor dat alle links een duidelijk en beknopt linkdoel hebben.

Bevinding 25: Advies: Gebruik geen display: none op elementen die zichtbaar moeten zijn voor schermlezers. In het hoofdmenu op de homepagina van https://www.tintengroep.nl staat een afbeelding van een huisje dat fungeert als link naar de homepagina. Deze link bevat een verborgen tekst die zichtbaar zou moeten zijn voor schermlezers, maar dat is momenteel niet het geval.
De link wordt niet afgekeurd omdat het title-attribuut op de link het linkdoel aangeeft. Dit is echter de minst robuuste manier om een link van content (zoals het doel en de naam) te voorzien. Het is beter om een verborgen tekst te gebruiken die op zo’n manier verborgen is dat deze niet zichtbaar is op het scherm, maar wel toegankelijk is voor schermlezers.

Bevinding 26: Advies: Op de homepage van https://www.tintengroep.nl, boven de kop "Tintengroep", zijn er links met title-attributen die dezelfde tekst bevatten als de linktekst, bijvoorbeeld "Sociaal werk". Deze herhaling zorgt ervoor dat gebruikers van schermlezers dezelfde tekst twee keer achter elkaar te horen krijgen. Voegt een title-attribuut geen nieuwe informatie toe aan de linktekst? Dan kan dit beter worden weggelaten. Hierdoor wordt het aantal herhalingen voor bezoekers met een schermlezer verminderd. Dezelfde situatie doet zich voor op de pagina https://www.tintengroep.nl/toegankelijkheidsverklaring/ onder de kop "Toch op zoek naar iets anders?", op de pagina https://www.tintengroep.nl/kennisdossiers/het-geheim-van-sociaal-werk/ onder de kop "Toch op zoek naar iets anders?", op de pagina https://www.tintengroep.nl/over-ons/ onder de kop "Toch op zoek naar iets anders?" en op andere pagina's.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 27: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/nieuws/carrefour-tekent-voor-maatschappelijk-werk-in-nop/, naast de kop "Carrefour tekent voor maatschappelijk werk in NOP", staat een logo. Deze afbeelding fungeert als een link. De toegankelijke naam is "Logo Carrefour met ondertitel 'Samen kom je verder". Uit deze tekst blijkt niet dat je het kan vergroten. Voeg dat nog toe. Dit speelt ook op https://www.tintengroep.nl/kennisdossiers/het-geheim-van-sociaal-werk/. Noot: het title-attribuut is niet geschikt om toegankelijke naam/linktekst te maken.

3. Begrijpelijk

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende

Bevinding 28: Op de pagina https://www.sociaalwerkdekear.nl/mantelzorg/aanmelden-mantelzorger/ staat een select-element met de vraag "Aan wie bied je zorg of ondersteuning?". Wanneer een bezoeker uitsluitend met het toetsenbord navigeert, klapt het gedeelte met opties open, en kan de bezoeker met de tab-toets in het venster met opties komen. Het is echter niet mogelijk om de opties met het toetsenbord te verkennen. Na het selecteren van een optie klapt het venster automatisch dicht, en de focus wordt direct naar een ander veld gestuurd. Dit kan verwarrend zijn voor bezoekers die alleen met het toetsenbord navigeren. Wanneer de toetsenbordfocus op een element wordt geplaatst, mag dit niet automatisch leiden tot het doorschuiven van de focus naar een ander element. Zorg ervoor dat bezoekers met het toetsenbord de opties in het select-element probleemloos kunnen verkennen en selecteren.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 29: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/inloggen/ staat een formulier. Dit formulier gebruikt alleen HTML5-validatie, bijvoorbeeld in het veld "Voornaam".
Deze foutmeldingen worden niet door alle browsers en schermlezers even goed ondersteund. Elke browser toont de meldingen anders, en niet altijd op een toegankelijke manier: de melding is soms kortaf en onvolledig. Voeg daarom altijd zelf foutmeldingen toe aan het formulier.

Bevinding 30: Op de pagina staat een formulier. Wanneer het formulier wordt ingediend met lege velden of onjuiste gegevens, verschijnen er geen foutmeldingen in tekst. De foutmelding wordt alleen in kleur gegeven. Dit is al genoemd onder succescriterium 1.4.1. Een goede foutmelding bestaat uit tekst en maakt duidelijk dat er een fout is gemaakt, en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld."

Bevinding 31: Wanneer bezoekers op pagina https://www.sociaalwerkdekear.nl/mantelzorg/aanmelden-mantelzorger/ geen of foutieve invoer invullen, verschijnen er foutmeldingen als "Verplicht veld". Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld XXXX is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3. Dit speelt ook op https://www.tintengroep.nl/contact/.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 32: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit: op de pagina https://www.tintengroep.nl/inloggen/ staat een formulier. Dit formulier gebruikt alleen HTML5-validatie, bijvoorbeeld in het veld "Voornaam".
Deze foutmeldingen worden niet door alle browsers en schermlezers even goed ondersteund. Elke browser toont de meldingen anders, en niet altijd op een toegankelijke manier: de melding is soms kortaf en onvolledig. Voeg daarom altijd zelf foutmeldingen toe aan het formulier.

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 33: Op alle pagina's van https://www.tintengroep.nl, in de footer, staan social media-links. Deze links hebben een toegankelijke naam door het font-icon wat wordt gebruikt en via CSS wordt ingeladen. Hierdoor hebben de links een onbruikbare toegankelijke naam voor spraakbesturing en wordt het gebruikte karakter of icoon uitgesproken door screenreaders, wat verwarrend is. Verberg de font icons door aria-hidden te gebruiken op het <i> element dat ze inlaadt en geef deze links een visueel verborgen tekst met de naam van het netwerk. Zie ook https://www.sociaalwerkdekear.nl.

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-05-22 17:55:09 v2.4-011