WCAG 2.2 AA Ynhâld fan 'e webside fan 'e substúdzje Gemeente Ijsselstein

Dizze substúdzje hat allinnich betrekking op de ynhâld fan 'e webside dy't troch de organisaasje fia it behearsysteem ynfierd of oanpast wurde kin.

Yn dizze stúdzje waarden 30 fan 'e 55 sukseskritearia fan WCAG 2.2 Nivo A en AA beoardiele.

De oerbleaune 25 sukseskritearia hawwe betrekking op de technyske basis fan 'e webside en wurde beoardiele yn 'e aparte technyske substúdzje.

Beide substúdzjes foarmje tegearre de folsleine beoardieling fan 'e webside.

Súkseskritearia beoardiele yn 'e technyske substúdzje

De ûndersteande sukseskritearia waarden net beoardiele yn dizze ynhâldsstúdzje en falle ûnder de aparte substúdzje oer technology:

De stúdzje is útfierd op basis fan in represintative stekproef. Binnen dizze stekproef binne de ûnderfûne tagonklikheidsproblemen sa konkreet mooglik beskreaun. Wêr mooglik is in oanbefelling opnommen om de ôfwiking te ferhelpen.

Dizze stúdzje jout gjin útputtend oersjoch fan alle mooglike tagonklikheidsproblemen. De befiningen jouwe in momintopname fan 'e situaasje op it momint fan 'e stúdzje.

WCAG ( Web Content Accessibility Guidelines ) binne ynternasjonaal erkende rjochtlinen foar digitale tagonklikens, boud om fjouwer prinsipes hinne: Waarnimber, Operearber, Begryplik en Robust. Binnen dizze prinsipes binne mjitbere sukseskritearia fêststeld.
Mear ynformaasje: WCAG 2.2 (Nederlânske oersetting)

De tabel hjirûnder lit sjen, foar elk WCAG-prinsipe en WCAG-nivo, hoefolle sukseskritearia binne hifke en hoefolle dêrfan binne goedkard.

https://www.ijsselstein.nl/hond-uitlaten
Op 'e side, ûnder de kop "Hûneútlaatkaart", stiet in ynteraktive kaart. Online kaarten falle ûnder de wetlike útsûndering, mar dy útsûndering jildt allinnich foar de kaarttechnology, net foar de ynformaasje dy't fia de kaart oanbean wurdt. De kaart toant twa soarten ynformaasje: de losrinnende gebieten en de rûtes tusken dy gebieten. De losrinnende gebieten binne ek as tekst beskikber op 'e side, yn 'e list ûnder "Losrinnende gebieten yn IJsselstein". De rûtes binne dat net. De tekst seit allinnich dat dizze rûtes besteane en dat der easken foar de riem en skjinmeitsjen jilde, mar hokker strjitten of paden de rûtes folgje kinne allinnich fia de kaart bepaald wurde. Dêrtroch is de kaart de ienige manier om dizze ynformaasje te krijen. 

Rie: 

Foegje in tekstuele beskriuwing fan 'e hûnewandelrûtes ta oan 'e side, bygelyks as in list mei strjitten of paden per rûte. Op dizze manier is de ynformaasje ek beskikber foar brûkers dy't de kaart net brûke kinne.

https://www.ijsselstein.nl/qr-fit-rûtes
De twa ôfbyldings fan QR-FIT-berjochten hawwe alt-tekst. De ôfbyldings binne dekoratyf, om't se gjin ynformaasje befetsje dy't net al yn 'e omlizzende tekst oanwêzich is. 

Rie: 

Jou beide ôfbyldings lege alt-tekst: alt="".

https://www.ijsselstein.nl/qr-fit-rûtes
De twa promoasjeôfbyldings binne klikbere keppelings dy't de ôfbylding fergrutte iepenje. De alt-teksten beskriuwe de ôfbylding, net it doel fan 'e keppeling. Skermlêzersoftware kundiget de keppelings oan as "QR-rûte IJsselstein" en "QR-rûte IJsselveld", sûnder dat dúdlik is wat der bart as der op klikke wurdt.

Rie

Pas de alt-tekst oan sadat it doel fan 'e keppeling dúdlik is, bygelyks alt="Fergrutsje QR-FIT-rûte IJsselstein promoasjekaart" en alt="Fergrutsje QR-FIT-rûte IJsselveld promoasjekaart".

https://www.ijsselstein.nl/economische-visie-2030
De side befettet in ynfografik oer de Ekonomyske Fisy 2024-2030. De alt-tekst seit: "Ekonomyske Fisy 2024-2030. Lês de skreaune tekst op dizze side." Dizze tekst ferwiist nei de sidetekst as alternatyf, mar de sidetekst dekt de ynhâld fan 'e ynfografik net folslein. Bygelyks, de slogan "Sterk woartele ûndernimmerskip mei in breed perspektyf" en de trije fisuele klusters mei de labels "belanghawwenden", "lokaasje" en "ambysje", ynklusyf de oerienkommende beskriuwingen, ûntbrekke. Dêrtroch misse brûkers dy't de ôfbylding net kinne sjen in diel fan 'e ynhâld.

Rie

Skriuw de folsleine ynhâld fan 'e ynfografik as tekst op 'e pagina, ynklusyf de slogan, de trije klusters en de oerienkommende labels. Pas de alt-tekst oan sadat it ferwiist nei de lokaasje op 'e pagina dêr't dy beskriuwing ferskynt.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Oanfraachformulier%20bekostiging%20leerlingenferfier%20skoallejier%202025-2026.pdf?cb=pfRlMcJj
It PDF-dokumint befettet it logo fan 'e gemeente IJsselstein sûnder in tekstalternatyf. Omdat de ôfbylding net tagged is, ferskynt it logo net yn 'e tagstruktuer en is it net tagonklik foar helpmiddels.

Rie

Ferfang it logo yn it boarnebestân mei de alternative tekst "Gemeente IJsselstein" en eksportearje it dokumint opnij as PDF.

https://www.ijsselstein.nl/
Op alle siden fan 'e webside befettet de fuottekst trije kopteksten ("Gemeente IJsselstein", "Mear ynformaasje", en "Folgje ús op"). De tekst fan dizze kopteksten is ynsletten yn in sterk elemint. It sterke elemint markearret de tekst ûnbedoeld ek as beklamme. Dêrtroch hearre skermlêzerbrûkers de tekst ûnnedich oankundige as beklamme. Dit jildt ek foar de keppelingstekst fan 'e knoppen "Kontakt en iepeningstiden" en "Oanmelde foar de nijsbrief". Dit bart op meardere siden, lykas: https://www.ijsselstein.nl/evenementenvergunning https://www.ijsselstein.nl/hitteschild-2-tot-4 

Rie: 

Ferwiderje it sterke elemint út 'e kopteksten en knoppen fan' e fuottekst.

https://www.ijsselstein.nl/identiteitskaart-id-kaart
Op 'e side binne de warskôgings "Wy ferwachtsje dit jier in grut oantal oanfragen" en "Meitsje op 'e tiid in ôfspraak" opmakke mei de strong- en em-eleminten. Dizze eleminten wurde hjir brûkt foar fisuele opmaak ynstee fan foar klam op ynhâld.

Rie: 

Brûk de strong- en em-eleminten allinich as klam wichtich is foar de ynhâld. Ferwiderje yn dizze gefallen de fetdruk en kursive opmaak en behannelje de fisuele presintaasje fia CSS.

https://www.ijsselstein.nl/
Yn 'e fuottekst, ûnder de koptekst "Mear ynformaasje", stiet in groep fan trije keppelings ("Oer dizze side", "Websidehelp", "Webargyf"). Fisueel is dit in list, mar yn 'e koade steane se yn ien alinea, skieden troch br-tags. Dêrtroch kin de liststruktuer net programmatysk bepaald wurde.

Rie: 

Plak de trije keppelings yn 'e fuottekst ûnder "Mear ynformaasje" yn in net-oardere list.

https://www.ijsselstein.nl/klein-evenement-organisearen
De hiele sin "Weetje" wurdt ynsletten troch in em-elemint, en it wurd "Weetje:" wurdt ek ynsletten troch in strong-elemint. Em en strong binne bedoeld foar in wurd of sin, net foar in hiele sin. Troch em om 'e hiele sin hinne te pleatsen, ferliest de klam syn betsjutting.

Rie: 

Beheine de klamopmaak ta it wurd "Wisten jo dat:" en brûk hjirfoar em of strong, net beide tagelyk.

https://www.ijsselstein.nl/oplaadpunten-elektrysk-ryden
Op de side, ûnder de knop "Iepenbier laadpunt oanfreegje", stiet tekst dy't folslein binnen ems pleatst is. De kursive opmaak wurdt lykwols al behannele fia de CSS-klasse kursive op it span-elemint. De em is redundant en kin weilitten wurde.

Rie: 

Ferwiderje de kursive opmaak yn it CMS. De tekst behâldt syn uterlik fia de kursive klasse.

https://www.ijsselstein.nl/kontakt-en-iepeningstiden
Op de side stiet in lege h2-koptekst direkt nei de tekst "P.O. Box 26, 3400 AA IJsselstein". De koptekst befettet gjin tekst. Skermlêzers litte dizze koptekst sûnder ynhâld sjen, wat betiizjend is foar brûkers dy't fia kopteksten navigearje.

Rie: 

Nim de lege h2-beker fuort.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Oanfraachformulier%20bekostiging%20leerlingenferfier%20skoallejier%202025-2026.pdf?cb=pfRlMcJj
Yn it PDF-dokumint is it fakje mei de tekst "BELANGRYK!" en de begeliedende list op side 1 opmakke as in tabel, ek al wurdt it allinnich brûkt foar opmaakdoelen. Dêrtroch identifisearret assistintesoftware dit ferkeard as in tabel. Itselde jildt foar de seleksje-opsjes ûnder "3. Soart ûnderwiis". Dizze binne ek opmakke as tabellen sûnder tabelgegevens te befetsjen. Dêrtroch identifisearret assistintesoftware se ferkeard as tabellen.

Rie: 

Brûk gjin tabellen foar opmaak. Ferfang se yn it boarnebestân mei in list of gewoane tekst mei in logyske struktuer en eksportearje it dokumint opnij as PDF.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Oanfraachformulier%20bekostiging%20leerlingenferfier%20skoallejier%202025-2026.pdf?cb=pfRlMcJj
Kopteksten ûntbrekke yn 'e dokumintstruktuer fan it PDF-dokumint. De titel "Oanfraachformulier foar finansiering fan studinteferfier skoaljier 2025-2026" en de seksjekoppen, lykas "1. Studintgegevens" en "2. Skoalgegevens", binne fisueel opmakke as kopteksten, mar binne net markearre as kopteksten. Dêrtroch wurdt de struktuer fan it dokumint net programmatysk bepaald.

Rie: 

Soargje derfoar dat alle kopteksten yn it dokumint korrekt opmakke binne mei koptekststilen yn 'e boarneapplikaasje en eksportearje it dokumint opnij as in tagged PDF, sadat de kopteksten opnommen binne yn 'e struktuer as H1, H2, H3, ensfh.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Organogram%20gemeente%20IJsselstein.pdf?cb=LgQK_Frq
Yn it PDF-dokumint wurdt it organisaasjeskema fan 'e organisaasjestruktuer fisueel werjûn mei help fan posysjonearrings- en ferbiningslinen. De hiërargyske relaasjes tusken de komponinten wurde allinich fisueel oerbrocht en binne net programmatysk definieare. De ferskate komponinten binne opmakke as aparte paragrafen (P-eleminten), wat betsjut dat de ûnderlinge relaasjes net bepaald wurde kinne.

Rie: 

Soargje derfoar dat de hiërargyske struktuer fan it organisaasjeskema programmatysk oerbrocht wurdt. Dit kin bygelyks dien wurde troch it tafoegjen fan in nestele liststruktuer of in tekstueel alternatyf wêryn't de relaasjes tusken de komponinten dúdlik beskreaun binne.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Oanfraachformulier%20bekostiging%20leerlingenferfier%20skoallejier%202025-2026.pdf?cb=pfRlMcJj
Yn it PDF-dokumint befetsje de antwurdopsjes seleksjefakjes dy't allinich fisueel werjûn wurde (bygelyks as fjouwerkanten of symboalen). De relaasje tusken dizze eleminten en keuzes is net programmatysk definieare. Dêrtroch is it foar brûkers fan assistive software net dúdlik dat dit opsjes binne dêr't se út kieze kinne.

Rie: 

Soargje derfoar dat de betsjutting fan 'e seleksjefakjes programmatysk oerbrocht wurdt. Bygelyks troch de fakjes te foarsjen fan in tekstueel ekwivalint (lykas "seleksjefakje") en se korrekt yn 'e dokumintstruktuer op te nimmen, sadat assistintesoftware kin werkenne dat it keuzes binne.

https://www.ijsselstein.nl/qr-fit-rûtes
De side is kontrolearre mei de hege kontrastmodus ynskeakele. De promoasjeôfbyldings "SCAN JE FIT!" (IJsselstein en IJsselveld) befetsje tekst mei ûnfoldwaande kontrast. De tekst "Download de fergese QR-FIT-app:" en de kaartlabels "IJsselstein" en "IJsselveld" hawwe in kontrastferhâlding fan 3.1:1 (#949494 op wyt), wylst in minimum fan 4.5:1 fereaske is.

Rie: 

Soargje derfoar dat de tekst yn 'e promoasjeôfbyldings genôch kontrast hat. Brûk bygelyks in donkerdere kleur, lykas #767676 of donkerder, sadat in minimaal kontrast fan 4.5:1 berikt wurdt.

https://www.ijsselstein.nl/qr-fit-rûtes
De side befettet twa promoasjeôfbyldings foar de IJsselsteinrûte en de IJsselveldrûte. Dizze ôfbyldings befetsje tekstuele ynformaasje, lykas de namme fan 'e rûte, in beskriuwing, app-funksjes en rûteôfstannen. Dizze ynformaasje is net beskikber as tekst op 'e side.

Rie: 

Soargje derfoar dat de ynformaasje fan 'e ôfbyldings ek as tekst op 'e side beskikber is, sadat it lêzen wurde kin troch helpmiddels en bewurke wurde kin troch brûkers.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Organogram%20gemeente%20IJsselstein.pdf?cb=LgQK_Frq
It PDF-dokumint hat gjin dokuminttitel. Dêrtroch wurdt de titel fan it dokumint net programmatysk bepaald.

Rie: 

Foegje in dokuminttitel ta yn 'e dokuminteigenskippen fan 'e PDF en stel it yn om werjûn te wurden yn 'e titelbalke fan it dokumint. Bygelyks: "Organisaasjeskema Gemeente IJsselstein".

https://www.ijsselstein.nl/
Op alle siden fan 'e webside ferskynt it tillefoannûmer "14 030" as in keppeling yn 'e fuottekst. De keppelingstekst beskriuwt net it doel fan 'e keppeling.

Rie: 

Soargje derfoar dat de tekst fan 'e keppeling dúdlik it doel fan 'e keppeling beskriuwt. Brûk bygelyks "Skilje 14 030" of "Telefoannûmer: 14 030".

https://www.ijsselstein.nl/qr-fit-rûtes
De side befettet twa ôfbyldings dy't opmakke binne as keppelings dy't ferwize nei in gruttere ferzje fan 'e rûtekaart. De namme fan 'e keppeling wurdt bepaald troch de alt-tekst fan 'e ôfbylding ("QR-rûte IJsselstein" en "QR-rûte IJsselveld"). Dit betsjut net dat de keppeling nei in gruttere ferzje liedt.

Rie: 

Soargje derfoar dat it doel fan 'e keppeling dúdlik is fan 'e keppelingstekst. Pas de alt-tekst fan 'e ôfbyldings oan, bygelyks nei "QR-rûte IJsselstein, gruttere ferzje besjen" en "QR-rûte IJsselveld, gruttere ferzje besjen".

https://www.ijsselstein.nl/een-voordelig-groen-dak
Op de side stiet in knop mei de tekst "Oanmelde". Dizze keppelingstekst beskriuwt net it doel fan 'e keppeling.

Rie: 

Soargje derfoar dat de keppelingstekst it doel fan 'e keppeling dúdlik beskriuwt. Brûk bygelyks "Meld jo oan foar de griene dakkenkampanje".

https://www.ijsselstein.nl/evenementenvergunning
Yn 'e sydbalke binne twa keppelings mei de tekst "Foarbyld feilichheidsplan" dy't ferwize nei ferskillende bestannen. It bestânsformaat leit bûten de keppeling en makket gjin diel út fan 'e keppelingstekst. Dêrtroch binne de keppelings net fan elkoar te ûnderskieden.

Rie: 

Soargje derfoar dat de keppelings ûnderskiedber binne troch it bestânsformaat yn 'e keppelingstekst op te nimmen, bygelyks "Foarbyld feilichheidsplan (docx)" en "Foarbyld feilichheidsplan (pdf)".

https://www.ijsselstein.nl/qr-fit-rûtes
Yn it fluchmenu is in keppeling mei de sichtbere tekst "Rapportearje". De tagonklike namme fan dizze keppeling is lykwols "Rapportearje, klacht of beswier". De sichtbere tekst ferskynt net yn 'e tagonklike namme.

Rie: 

Soargje derfoar dat de sichtbere tekst diel útmakket fan 'e tagonklike namme. Feroarje bygelyks it aria-label nei "Meld in probleem, klacht of beswier" of ferwiderje it aria-label sadat de sichtbere tekst brûkt wurdt as de tagonklike namme.

https://www.ijsselstein.nl/
Op alle siden yn it haadmenu binne twa keppelings dy't ferwize nei deselde side (/werken-bij-de-gemeente-ijsselstein), mar ferskillende labels hawwe: "Wurkje by de gemeente IJsselstein" en "Fakatuere".

Rie: 

Soargje derfoar dat keppelings dy't nei deselde side ferwize itselde label hawwe. Brûk ien konsekwinte namme, bygelyks "Fakatuere" of "Wurkje by de gemeente", en tapasse dit op beide menu-items.

https://www.ijsselstein.nl/identiteitskaart-id-kaart
https://www.ijsselstein.nl/sportparken-en-sporthallen
Under de kop "Dringend fersyk" stiet in list mei ien item. In list moat twa of mear items befetsje. De tekst soe better opmakke wurde as in alinea. Dit jildt ek foar de side sportparken en sporthallen ûnder de kop Gearkomstekeamer 1. 

Rie

Ferfang de list ûnder de koptekst troch in alinea.

https://www.ijsselstein.nl/
Yn 'e fuottekst, ûnder de kop "Gemeente IJsselstein", steane it adres en tillefoannûmer tegearre yn ien alinea (), skieden troch in -tag. Dit binne twa ferskillende soarten ynformaasje dy't elk in eigen alinea hawwe moatte.

Rie

Splits it adres en it tillefoannûmer yn twa aparte paragrafen.

In ferzje mei hege kontrast is beskikber op 'e webside. Dizze kin aktivearre wurde mei in saneamde "kontrastskeakel". Dit sukseskriterium is folslein hifke yn 'e modus mei hege kontrast. De ferzje mei hege kontrast wurdt beskôge as in alternatyf foar de standertferzje.

Dêrtroch kinne der kontrastproblemen wêze yn 'e standertferzje. Dizze binne net fierder beoardiele.

Rie

Wy riede oan om de standertferzje ek mei foldwaande kleurkontrast yn alle tekst te foarsjen. Dit ferbetteret de tagonklikens fan 'e webside foar besikers mei in fisuele beheining.

Teksten mei foldwaande kleurkontrast binne ek makliker te lêzen foar alle lêzers. Dêrtroch is lêzen minder yntinsyf, fereasket minder enerzjy en wurdt (ûnbewust) as nofliker waarnommen. Dêrtroch is de lêzer mear geneigd om aktyf te wurden.

De ferzje mei hege kontrast kin dan brûkt wurde foar "ferbettere kontrast", wêrby't foldocht oan sukseskriterium WCAG 1.4.6 Ferbettere Kontrast (nivo AAA) .

In ferzje mei hege kontrast is beskikber op 'e webside. Dizze kin aktivearre wurde mei in saneamde "kontrastskeakel". Dit sukseskriterium is folslein hifke yn 'e modus mei hege kontrast. De ferzje mei hege kontrast wurdt beskôge as in alternatyf foar de standertferzje. Dêrtroch kinne der kontrastproblemen wêze yn 'e standertferzje. Dizze binne net fierder evaluearre.

Rie

Soargje ek foar foldwaande kleurkontrast foar alle grafyske eleminten yn 'e standertferzje. Dit ferbetteret de tagonklikens fan 'e webside foar besikers mei fisuele beheiningen. De ferzje mei hege kontrast kin dan brûkt wurde foar "ferhege kontrast".

https://www.ijsselstein.nl/sportparken-en-sporthallen
De side befettet in keppeling nei in PDF-dokumint. De keppelingstekst seit "Algemiene betingsten en kondysjes foar gemeentlike sportfoarsjennings yn IJsselstein". De oantsjutting "(pdf, 95 kB)" ferskynt binnen itselde listitem, mar bûten de keppeling. Yn 'e kontekst fan' e side is it dêrom dúdlik dat de keppeling in PDF-dokumint iepenet. Elkenien dy't fia in keppelingslist navigearret, sjocht allinich de keppelingstekst sûnder dy oantsjutting. Dit is foaral wichtich foar brûkers fan skermlêzers.

Rie

Nim de bestânsidentifikaasje op yn 'e keppelingstekst sels.

https://www.ijsselstein.nl/identiteitskaart-id-kaart
De side befettet in koptekst mei de tekst "Lear mear". Dizze koptekst beskriuwt it ûnderwerp fan 'e seksje net.

Rie

Soargje derfoar dat de koptekst it ûnderwerp fan 'e seksje dúdlik beskriuwt. Brûk bygelyks "Mear ynformaasje oer de identiteitskaart".