Issues:
Content-audit digitale toegankelijkheid website IJsselgemeenten

(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 pagina https://www.ijsselgemeenten.nl/onze-organisatie staat een afbeelding met de alt-tekst 'organogram IJsselgemeenten'. Deze alt-tekst beschrijft onvoldoende wat er op de afbeelding te zien is. Blinde en slechtziende bezoekers missen hierdoor informatie. Zorg dat alle tekst op de afbeelding, inclusief de onderlinge verbanden, in een tekstueel alternatief te vinden zijn.
Zie ook het advies bij succescriterium 1.4.5 voor een oplossingsrichting.

1.2 Op tijd gebaseerde media

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)

Bevinding 2: Op pagina https://www.ijsselgemeenten.nl/bijstandsuitkering staat een video. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Bijvoorbeeld rond 0:23 'www punt is welgemeend een punt nl' en rond 0:29 'de b-stand is het kwam net van de sociale zekerheid'. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling, zodat de auditieve informatie uit de video ook beschikbaar is voor dove en slechthorende bezoekers.

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

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

Bevinding 3: Op pagina https://www.ijsselgemeenten.nl/bijstandsuitkering staat een video. Op verschillende plaatsen komt tekst in beeld die niet terugkomt in het audiospoor, bijvoorbeeld 'Zoekwoorden: ijsselgemeenten schuldhulpverlening' rond 4:09 en direct daarna de woorden 'aanmaning' en 'betalen', en aan het einde van de video het logo 'IJsselgemeenten Sociale Zaken'. Bezoekers die de video niet kunnen zien missen hierdoor deze informatie. Zet deze en andere informatie in een transcript, of maak gebruik van een extra audiospoor om ook te voldoen aan succescriterium 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 4: Op pagina https://www.ijsselgemeenten.nl/bijstandsuitkering staat een video. Op verschillende plaatsen komt tekst in beeld die niet terugkomt in het audiospoor, bijvoorbeeld 'Zoekwoorden: ijsselgemeenten schuldhulpverlening' rond 4:09 en direct daarna de woorden 'aanmaning' en 'betalen', en aan het einde van de video het logo 'IJsselgemeenten Sociale Zaken'. Bezoekers die de video niet kunnen zien missen hierdoor deze informatie. Voeg deze informatie toe aan een audiodescriptie, of laat alle informatie uitspreken door de voiceover.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 5: Op pagina https://www.ijsselgemeenten.nl/vacatures-ijsselgemeenten staat de tekst 'Open sollicitatie'. Dit is visueel een kop, maar is niet als koptekst gecodeerd. Gebruik een kopelement, bij voorkeur H2.

Bevinding 6: Onderstaande bevinding is mogelijk (deels) technisch van aard:

Op pagina https://www.ijsselgemeenten.nl/vacatures-ijsselgemeenten is gebruik gemaakt van een tabel. Deze is niet correct opgemaakt. Hierdoor kan de tabel onduidelijk of zelfs verwarrend zijn voor (blinde) bezoekers die gebruik maken van voorleessoftware.

• Er staan zes <table> elementen op de pagina. Alleen de tabel met class 'sectie table vacaturelijst' is semantisch gezien daadwerkelijk een tabel. De overige vijf tabellen zijn puur voor opmaak gebruikt. Verwijder deze tabellen, of plaats het role='presentation' attribuut op de tabel zodat niet aan hulpsoftware wordt doorgegeven dat het een tabel betreft.
• De tekst 'De volgende vacatures staan momenteel open:' staat nu in een <td> element, maar hoort niet in de tabel te staan.
• De teksten 'Vacature', 'Afdeling' en 'Opleidingsniveau' zijn tabelkoppen en moeten met het <th> element worden opgemaakt en moeten binnen een <thead> element worden geplaatst.
• Een aantal cellen in de kolommen 'Afdeling' en 'Opleidingsniveau' zijn leeg, bijvoorbeeld de cellen behorend bij de rij 'Beheerder Wegen' en 'Werkvoorbereider Civiel'. Het is nu onduidelijk welke waarden hierbij horen. Zorg ervoor dat deze cellen gevuld worden met de juiste waarden.

Bevinding 7: Onderstaande bevinding is mogelijk (deels) technisch van aard:
Op pagina https://www.ijsselgemeenten.nl/zorgverzekering staan onder 'Kosten' een aantal tabellen. De tekst boven deze tabellen, bijvoorbeeld 'De premie voor 2023', is visueel een kop voor deze tabellen, maar is niet als koptekst gecodeerd. In plaats daarvan is het <strong> element gebruikt. Dit element is bedoeld om een of enkele woorden in de lopende tekst nadruk te geven, niet voor kopteksten.
Gebruik een kopelement of het <caption> element om dit probleem op te lossen.

Bevinding 8: Onderstaande bevinding is mogelijk (deels) technisch van aard:
Op pagina https://www.ijsselgemeenten.nl/zorgverzekering staan onder 'Kosten' een aantal tabellen. Voor de <th> elementen mist het scope-attribuut dat aangeeft of de tabelkop geldt voor de rij of de kolom. Hierdoor is de tabel niet duidelijk voor bezoekers die afhankelijk zijn van voorleessoftware.

Bevinding 9: Onderstaande bevinding is mogelijk (deels) technisch van aard:
Advies: Op pagina https://www.ijsselgemeenten.nl/zorgverzekering bevat de eerste (kop)cel in de tabel onder 'Kosten' de tekst 'Uw netto maandinkomen zonder vakantiegeld is lager dan'. Het lijkt nu alsof deze tekst iets zegt over de andere rij en/of kolomkoppen maar dat is niet het geval. Daardoor is de tabel voor meerdere doelgroepen onduidelijk. Plaats deze tekst liever buiten de tabel, en laat de eerste cel leeg (maak er in dat geval een <td> element van in plaats van <th>).

Bevinding 10: In de PDF 'Aanvraagformulier inkomenstoeslag met bijstandsuitkering 2021' op pagina https://cuatro.sim-cdn.nl/ijsselgemeenten/uploads/formulier-inkomenstoeslag-met-bijstandsuitkering.pdf staan een aantal teksten die niet goed getagd zijn:

• De paragraaftekst 'Om recht te hebben op de individuele inkomenstoeslag moet u aan de volgende voorwaarden voldoen:' staat in een kopelement H3. Plaats deze in een <p>-tag.
• De koptekst 'Hoe hoog is de individuele inkomenstoeslag?' staat in een <p>-tag. Plaats deze in een kopelement, bij voorkeur H2.
• Onder 'Gegevens aanvrager' staan teksten uit verschillende kolommen in dezelfde tag, bijvoorbeeld 'Naam:' en 'Voorletter(s)'. Plaats deze in afzonderlijke tags. Dit komt ook voor onder 'Handtekening(en)'.
• Advies: Een aantal kopteksten zijn een H3 maar zijn hiërarchisch gezien een H2. Het gaat bijvoorbeeld om de kopteksten 'Formulier invullen' en 'Documenten inleveren'.
• Advies: De PDF bevat veel lege <p>-tags en een aantal lege <H1>-tags. Dit kan verwarrend zijn voor blinde bezoekers die voorleessoftware gebruiken. Verwijder deze tags daarom.

Bevinding 11: In de PDF 'Aanvraagformulier inkomenstoeslag met bijstandsuitkering 2021' op pagina https://cuatro.sim-cdn.nl/ijsselgemeenten/uploads/formulier-inkomenstoeslag-met-bijstandsuitkering.pdf staat een tabel 'Inkomsten laatste 5 jaar (Capelle en Krimpen) / 3 jaar ( Zuidplas)'. Deze is op meerdere plekken niet goed getagd:

• De gehele tabel is binnen het <THead> element geplaatst. Plaats alleen de tabelkoppen binnen de <THead> en de rest van de tabel in de <TBody>.
• De tabelkoppen (eerste visuele rij) zijn in de codelaag van de PDF verspreid over meerdere rijen. De tekst 'Soort inkomen' is bijvoorbeeld op de eerste rij geplaatst, '(bijvoorbeeld: arbeid,' op de tweede rij, 'WW, ZW, WAO/WIA,' op de derde, etc). Dit is verwarrend voor bezoekers die gebruik maken van hulpsoftware. Plaats alle tekst binnen een cel in één rij.
• Elke cel is vormgegeven met het <TH> element. Deze tag is alleen bedoeld voor de tabelkoppen op de eerste rij. Plaats de rest in een <TD> element.
• Er zijn meerdere lege rijen en cellen opgenomen in de tabel. Verwijder deze uit de codelaag.

Bevinding 12: Advies: In de PDF 'Aanvraagformulier inkomenstoeslag met bijstandsuitkering 2021' op pagina https://cuatro.sim-cdn.nl/ijsselgemeenten/uploads/formulier-inkomenstoeslag-met-bijstandsuitkering.pdf staan lijsten die vooraf worden gegaan door bulletpoints. Deze bulletpoints zijn opgenomen in de <LBody> maar kunnen beter in een <Lbl>-tag worden geplaatst.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 13: Op pagina https://www.ijsselgemeenten.nl/contact staan zwarte teksten op een lichtgrijze achtergrond (HEX #F4F4F4), namelijk de teksten onder 'Service Sociale Zaken' en 'ICT'. Wanneer over deze teksten gehoverd wordt, verandert de kleur naar donkerblauw (HEX #0076BF). De contrastverhouding is dan 4,4:1 terwijl de contrasteis voor kleine tekst (kleiner dan 18 pt) minimaal 4,5:1 is.
Zorg dat de contrastverhouding minimaal 4,5:1 is, zodat deze tekst ook goed waarneembaar is voor slechtzienden.
Deze kleurencombinatie op meerdere pagina's voor, waaronder op pagina https://www.ijsselgemeenten.nl/contact-sociale-zaken bij de onderstreepte links onder 'Informatielijn Sociale Zaken' en op elke pagina wanneer er wordt gehoverd op de links onder de menu-items 'Uitkering', 'Werk', etc.

Bevinding 14: Op pagina https://www.ijsselgemeenten.nl/contact-sociale-zaken staat een groene knop met daarop de witte tekst 'Maak een afspraak'. Wanneer over deze knop gehoverd wordt, verandert de kleur naar een lichtere variant van donkergroen (HEX #188C87). De contrastverhouding is dan 4,1:1 terwijl dit minimaal 4,5:1 moet zijn.
Deze kleurencombinatie op meerdere pagina's voor, waaronder op pagina https://www.ijsselgemeenten.nl/bijstandsuitkering en https://www.ijsselgemeenten.nl/individuele-inkomenstoeslag .

Bevinding 15: Op pagina https://www.ijsselgemeenten.nl/onze-organisatie staat een afbeelding met de alt-tekst 'organogram IJsselgemeenten'. De witte tekst heeft in combinatie met de groene achtergrond een contrastverhouding van tussen de 3,5 en 4,0:1 (afhankelijk van waar op de afbeelding het contrast wordt gemeten). De contrastverhouding moet minimaal 4,5:1 zijn.
(NB: Wanneer de informatie op de afbeelding als platte tekst op de pagina wordt geplaatst, zoals aanbevolen onder succescriterium 1.4.5, geldt deze tekst als toegankelijk alternatief en hoeft de tekst op de afbeelding niet te voldoen aan de minimale contrasteisen.)

Bevinding 16: Op pagina https://www.ijsselgemeenten.nl/vacatures-ijsselgemeenten staan de witte teksten 'Volgende' en 'Laatste', en op de tweede pagina 'Eerste' en 'Vorige', op een groene achtergrond (HEX #00A19B). De contrastverhouding is 3,2:1 terwijl dit minimaal 4,5:1 moet zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Bevinding 17: Advies: Op pagina https://www.ijsselgemeenten.nl/onze-organisatie staat een afbeelding met de alt-tekst 'organogram IJsselgemeenten'. Dit is een afbeelding van tekst, waardoor de tekst op de afbeelding niet aangepast kan worden. Slechtziende bezoekers kunnen de tekst op de afbeelding daarom mogelijk niet (goed) lezen. Overweeg om in de buurt van de afbeelding in platte tekst te beschrijven wat op de afbeelding te zien is. Dit kan dan als tekstueel alternatief gelden voor de afbeelding. De alt-tekst hoeft dan niet te worden aangepast.

2. Bedienbaar

2.4 Navigeerbaar

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 18: Advies: In de footer onderaan elke pagina staan links die naast een linktekst ook een tekst in het title-attribuut hebben. Zo heeft de link 'Maak een afspraak' in het title-attribuut de tekst 'Ga naar onze pagina Maak een afspraak'. Deze tekst voegt geen informatie toe, waardoor hulpsoftware twee keer ongeveer hetzelfde voorleest.
In sommige gevallen voegt de tekst in het title-attribuut wel informatie toe, zoals bij het telefoonnummer de tekst 'Bel de informatielijn Sociale Zaken'.
Overweeg om het title-attribuut alleen te gebruiken in dergelijke situaties waarin het informatie toevoegt, en in de andere gevallen te verwijderen.
Dit geldt ook voor de link 'RSS feed' op pagina https://www.ijsselgemeenten.nl/nieuws .

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 19: In de PDF 'Aanvraagformulier inkomenstoeslag met bijstandsuitkering 2021' op pagina https://cuatro.sim-cdn.nl/ijsselgemeenten/uploads/formulier-inkomenstoeslag-met-bijstandsuitkering.pdf staat de kop '3. Informatie die wij moeten weten voor de aanvraag'. Deze kop bevat verder geen onderliggende content, en het is uit de koptekst zelf niet duidelijk wat de bezoeker hier moet invullen. Zorg voor een duidelijke instructie.

Bevinding 20: In de PDF 'Aanvraagformulier inkomenstoeslag met bijstandsuitkering 2021' op pagina https://cuatro.sim-cdn.nl/ijsselgemeenten/uploads/formulier-inkomenstoeslag-met-bijstandsuitkering.pdf staat onder 'Formulier Individuele Inkomenstoeslag' de zin '(Dit blokje vult Sociale Zaken IJsselgemeenten in)'. Het is voor blinde bezoekers onduidelijk waar 'Dit blokje' naar verwijst, maar ook voor ziende bezoekers kan onduidelijk zijn welk gedeelte van het formulier het gaat. Zorg voor een eenduidige instructie.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 21: Onderstaande bevinding is mogelijk technisch van aard.
Op pagina https://www.ijsselgemeenten.nl/leefgeld-en-werk-voor-oekrainers staan twee anderstalige teksten, te weten 'This page is also available in Ukrainian' en 'Ця сторінка також доступна українською мовою'. Voor deze teksten moet in de code een taalwissel worden aangegeven (Engels en Oekraïens respectievelijk). Zo wordt de tekst in de juiste taal voorgelezen door hulpsoftware.

Bevinding 22: Op pagina https://www.ijsselgemeenten.nl/viplati-ta-robota-dlya-ukrainciv is de sectie <main> geheel in het Oekraïens. Hiervoor moet in de code een taalwissel worden aangegeven, zodat de tekst in de juiste taal wordt voorgelezen door hulpsoftware.

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

• Home:
  https://www.ijsselgemeenten.nl/
• Contactoverzicht:
  https://www.ijsselgemeenten.nl/contact
• Contact Sociale Zaken:
  https://www.ijsselgemeenten.nl/contact-sociale-zaken
• Organisatie (organogram):
  https://www.ijsselgemeenten.nl/onze-organisatie
• Vacatureoverzicht:
  https://www.ijsselgemeenten.nl/vacatures-ijsselgemeenten
• Bijstandsuitkering (video):
  https://www.ijsselgemeenten.nl/bijstandsuitkering
• Leefgeld Oekraïners:
  https://www.ijsselgemeenten.nl/leefgeld-en-werk-voor-oekrainers
• Oekraïens:
  https://www.ijsselgemeenten.nl/viplati-ta-robota-dlya-ukrainciv
• Inkomenstoeslag:
  https://www.ijsselgemeenten.nl/individuele-inkomenstoeslag
• Formulier inkomenstoeslag (PDF):
  https://cuatro.sim-cdn.nl/ijsselgemeenten/uploads/formulier-inkomenstoeslag-met-bijstandsuitkering.pdf
• Nieuws:
  https://www.ijsselgemeenten.nl/nieuws
• Nieuwsoverzicht:
  https://www.ijsselgemeenten.nl/naar-het-buitenland-bespreek-het-en-vul-het-formulier-in
• Zoekresultaat:
  https://www.ijsselgemeenten.nl/zoeken?trefwoord=inkomen
• 404:
  https://www.ijsselgemeenten.nl/bestaatniet
• Zorgverzekering:
  https://www.ijsselgemeenten.nl/zorgverzekering
• Energietoeslag:
  https://www.ijsselgemeenten.nl/energietoeslag

Ondersteunende technieken

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

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.