Onderzoek toegankelijkheid wijkvernieuwing.groningen.nl

Uitkomst: Onvoldoende

Bevindingen:

Op de homepagina staat een decoratieve afbeelding van een kaart met een alt-tekst "Plattegrond Groningen met de wijkvernieuwingswijken ingetekend". Deze tekst voegt geen informatie toe aan de inhoud van de pagina en kan beter worden weggelaten. Laat het alt-attribuut van deze afbeelding leeg om het te verbergen voor hulpsoftware. Zie https://wijkvernieuwing.groningen.nl/.

Op de pagina https://wijkvernieuwing.groningen.nl/themas staan onder de titel "THEMA'S" vijf decoratieve afbeeldingen met tekst in het alt-attribuut. De alt-tekst herhaalt de tekst die ernaast staat. Het alt-attribuut moet leeg worden gelaten om deze afbeeldingen te verbergen voor hulpsoftware.

Verder op de pagina https://wijkvernieuwing.groningen.nl/themas staat een grote decoratieve afbeelding bovenaan de pagina. Deze afbeelding is toegevoegd via het img-element en mist een alt-attribuut. Zonder dit alt-attribuut wordt de bestandsnaam voorgelezen. Zorg voor een leeg alt-attribuut om de afbeelding te verbergen voor hulpsoftware.

Op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk staan zes afbeeldingen die via het img-element zijn toegevoegd, waarbij het alt-attribuut ontbreekt. Zonder dit attribuut wordt de bestandsnaam voorgelezen. Zorg voor alt-attributen met unieke, zinvolle tekst voor deze afbeeldingen. Aangezien deze afbeeldingen deel uitmaken van links die onder succescriterium 2.4.4 zijn beschreven, kan het geven van een zinvolle alt-tekst ook het issue onder 2.4.4 oplossen.

Midden op de pagina https://wijkvernieuwing.groningen.nl/test staat het logo van de website. De huidige alternatieve tekst luidt “de titel van de website 'Wijkvernieuwing op z'n Gronings'”. Deze tekst dient te worden ingekort tot de zichtbare tekst op het logo. Het title-attribuut kan eventueel worden gebruikt om extra informatie over deze afbeelding te geven.

Op de pagina https://wijkvernieuwing.groningen.nl/themas/meedoen staat een decoratieve afbeelding met de alternatieve tekst “Grafische weergave van twee mensen die elkaar omarmen”. Laat het alt-attribuut leeg.

Op de pagina https://wijkvernieuwing.groningen.nl/toegankelijkheid staat het toegankelijkheidslabel van deze website. In de huidige alt-tekst staat: “plaatje met de status van de digitale toegankelijkheid, dat is C”. Afbeeldingen hebben geen woorden als “plaatje, afbeelding, icoon” nodig, omdat voorleessoftware aankondigt dat het een afbeelding is. De alt-tekst kan beter de eerste twee regels van de zichtbare tekst bevatten.

De grote afbeelding bovenaan de pagina https://wijkvernieuwing.groningen.nl/themas/meedoen lijkt decoratief te zijn. Laat het alt-attribuut leeg om deze afbeelding voor hulpsoftware te verbergen.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/armoede-de-baas staat een video met automatisch gegenereerde ondertiteling. Deze ondertiteling is niet consistent en niet overal correct is, wat de toegankelijkheid voor bepaalde gebruikers beperkt.

Uitkomst: Onvoldoende

Bevindingen:

In de video’s op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk wordt tekst getoond, maar deze wordt niet vermeld in het media-alternatief (transcript) en ook niet in de audiodescriptie. Zie bijvoorbeeld de namen van mensen die de video’s hebben gemaakt op de laatste slide van de video. Deze informatie moet ook toegankelijk worden gemaakt. Om te voldoen aan dit succescriterium, is het noodzakelijk om deze en andere visuele informatie op te nemen in het media-alternatief, of de informatie toe te voegen aan de audiodescriptie.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

In de video’s op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk wordt tekst getoond, maar deze wordt niet in de audiodescriptie. Zie bijvoorbeeld de namen van mensen die de video’s hebben gemaakt op de laatste slide van de video. Deze informatie moet ook toegankelijk worden gemaakt. Om te voldoen aan dit succescriterium, is het noodzakelijk om deze en andere visuele informatie toe te voegen aan de audiodescriptie.

Uitkomst: Onvoldoende

Bevindingen:

Op deze website wordt het strong-element niet volgens zijn semantische betekenis gebruikt. Er zijn drie geconstateerde issues. Ten eerste wordt dit element gebruikt in koppen. De heading-elementen, zoals h3, hebben al een opvallende stijl en hebben geen extra strong-element nodig voor opmaak. Beide elementen hebben een semantische betekenis en mogen niet worden gecombineerd. Dit is te zien bij de kopjes op de pagina https://wijkvernieuwing.groningen.nl/ en bijna alle tussenkopjes op https://wijkvernieuwing.groningen.nl/over-ons.

Ten tweede wordt het strong-element gebruikt als een alternatief voor kop-elementen, zoals te zien op de pagina https://wijkvernieuwing.groningen.nl/privacy in de kop "Contactgegevens". Het probleem met deze aanpak is dat deze koppen niet door hulpsoftware herkenbaar zijn als kopteksten. Een blinde bezoeker kan een lijst met koppen genereren om de inhoud van de pagina te scannen. Wanneer een kop niet als koptekst is opgemaakt, komt het niet in zo'n overzicht voor.

De derde situatie waarin het strong-element verkeerd wordt gebruikt, is voor de opmaak van hele zinnen of alinea’s. Dit element is bedoeld om nadruk te leggen op enkele woorden of zinsdelen, niet voor opmaak. Een voorbeeld hiervan is te zien op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk. Zie de eerste alinea en de vetgedrukte teksten onder "Aflevering". Controleer alle pagina’s van de website op het juiste gebruik van het strong-element, aangezien dit op meerdere pagina’s voorkomt, bijvoorbeeld op https://wijkvernieuwing.groningen.nl/groninger-verhalen/armoede-de-baas.

Op de pagina https://wijkvernieuwing.groningen.nl/toegankelijkheid staat onder het kopje "Toegankelijkheid" een link met de tekst "Ga naar de informatie over de nalevingsstatussen" die ten onrechte is opgemaakt met een strong-element.

Op de pagina https://wijkvernieuwing.groningen.nl/contact staat een formulier waarbij de invoervelden in het fieldset-element zijn opgenomen. Elk fieldset-element met interactieve velden behoeft een naam, die kan worden toegevoegd door middel van een legend-element. Overigens is het gebruik van een fieldset in deze formulieren overbodig, aangezien dit element wordt gebruikt om radiobuttons en checkboxes te groeperen. Zie ook de pagina's https://wijkvernieuwing.groningen.nl/wijken en https://wijkvernieuwing.groningen.nl/themas.

Op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk, onder het kopje "KIJK IN DE WIJK", staat de tekst "Serie over wijkvernieuwing in Selwerd", die er visueel uitziet als een kop, maar in HTML niet als zodanig is opgemaakt. Dit kan worden opgelost door echte koppen te gebruiken van h1 tot h6. Zie ook pagina's https://wijkvernieuwing.groningen.nl/over-ons, https://wijkvernieuwing.groningen.nl/groninger-verhalen/kansrijk-oosterpark-van-moet-naar-moed en https://wijkvernieuwing.groningen.nl/groninger-verhalen/hier-gaan-we-nooit-meer-weg.

Op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kansrijk-oosterpark-van-moet-naar-moed staat onder het kopje "Oosterparkwijk" een citaat: "Wij vertellen niet wat je moet doen, maar laten iemand zoveel mogelijk op zijn eigen manier uit de problemen komen." Het is opgemaakt met een blockquote element, wat correct is, maar hier is ook een h3 element aan toegevoegd. Dit is niet correct. Verwijder het h3 element.

In het pdf-document https://open.overheid.nl/repository/ronl-067bd782-12fb-48e4-aab0-dd415a4d5fc0/1/pdf/Regio%20Deal%20Groningen%20Noord.pdf, op pagina 15, staan twee datatabellen waarin tabelkoppen niet correct zijn opgemaakt. De tabelcellen in de eerste rij moeten worden opgemaakt als th-tags. Alle andere 'data'-tabelcellen moeten worden opgemaakt als td-tags. Op deze manier kan de voorleessoftware de relatie tussen deze cellen correct interpreteren.

In het pdf-document https://open.overheid.nl/repository/ronl-067bd782-12fb-48e4-aab0-dd415a4d5fc0/1/pdf/Regio%20Deal%20Groningen%20Noord.pdf zijn veel koppen niet correct opgemaakt als kopteksten. Bijvoorbeeld op pagina 1 is de kop “Regio Deal Groningen Noord” visueel een kop, maar is opgemaakt met een p-tag. De tekst eronder, “Partijen”, is opgemaakt als een kop van niveau 1. Vanaf pagina 3 komen tussenkopjes voor die schuingedrukt zijn, zoals “De opgave in Groningen noord” en “Urgentie: inzet op (..)”. Deze koppen zijn opgemaakt met p-tags in plaats van kop-tags. Dit komt op bijna alle pagina’s voor. Er zijn ook onderstreepte tussenkopjes gezien die niet correct zijn opgemaakt, bijvoorbeeld op pagina 6 en verder.

In het pdf-document https://open.overheid.nl/repository/ronl-067bd782-12fb-48e4-aab0-dd415a4d5fc0/1/pdf/Regio%20Deal%20Groningen%20Noord.pdf zijn opsommingen aanwezig die niet correct zijn opgemaakt als lijsten. Op de eerste pagina staat een lijst met 8 punten. In de codes bestaat deze lijst uit drie lijsten met p-tags ertussen. De lijst onderaan de eerste pagina loopt over twee pagina’s. In de codes zijn dat twee losse lijsten. Op pagina 12 staat een geneste lijst die in codes uit een niveau bestaat. Dit komt ook op andere pagina’s voor.

Het volgende pdf-document https://cmsoo.gemeente.groningen.nl/sites/groningen/files/2023-06/Ambitiedocument%20Maatschappelijke%20coalitie%20Groningen%20Noord.pdf heeft geen codes, waardoor voor hulpsoftware geen informatie beschikbaar is om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig worden onderzocht (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Zonder codelaag kan de voorleessoftware de pdf-documenten niet (volledig) lezen, waardoor de informatie in deze documenten niet toegankelijk is voor de gebruiker van hulpsoftware.

Het volgende wordt niet afgekeurd, maar kan verbeterd worden om de toegankelijkheid van de website te verbeteren. Alle links in het mobiele menu hebben een title-attribuut dat de tekst van de link herhaalt. Veel screen readers lezen dit attribuut voor samen met de tekst van de link, waardoor dezelfde tekst twee keer wordt voorgelezen. Deze title-attributen voegen hier niets toe en kunnen worden verwijderd. Zie https://wijkvernieuwing.groningen.nl.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://wijkvernieuwing.groningen.nl/contact staat een formulier waarin persoonlijke gegevens moeten worden ingevuld, zoals naam en e-mailadres. Voor goede ondersteuning door browsers en hulpsoftware, is het noodzakelijk om het autocomplete-attribuut toe te voegen aan de relevante input-elementen van deze invoervelden. Bijvoorbeeld, voor het invoerveld voor een e-mailadres moet het attribuut autocomplete="email" worden toegevoegd. Dit geeft aan dat het veld bedoeld is voor het invullen van e-mailadressen en helpt browsers en hulpsoftware om relevante suggesties te bieden. Lees pagina https://www.w3.org/Translations/WCAG21-nl/#input-purposes voor alle benodigde waardes. Dit probleem komt op alle pagina’s voor waar het contractformulier staat. Zie bijvoorbeeld https://wijkvernieuwing.groningen.nl/wijken en https://wijkvernieuwing.groningen.nl/themas.

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/armoede-de-baas staat een afbeelding met de tekst “afl 18. Wat werkt?”. Het kleurcontrast van deze gele tekst op een groene achtergrond is slechts 2,8:1. Dit moet minimaal 4,5:1 zijn om aan de toegankelijkheidsnormen te voldoen.

In het volgende pdf-document https://cmsoo.gemeente.groningen.nl/sites/groningen/files/2023-06/Ambitiedocument%20Maatschappelijke%20coalitie%20Groningen%20Noord.pdf wordt veel witte tekst gebruikt op een oranje achtergrond of omgekeerd, wat resulteert in onvoldoende contrast, namelijk 2,3:1. Zie bijvoorbeeld op pagina 1 "Wijkvernieuwing op z'n Gronings".
Voor een grote of vetgedrukte tekst, meestal een kop, dient het contrast minimaal 3,0:1 te zijn. Voor de tekst van normale grootte is een minimaal contrast van 4,5:1 nodig.
Op pagina 4 en 5 komt blauwe tekst op een blauwe achtergrond voor, waar het contrast momenteel 4,4:1 is.
Op pagina 7 en 13 staat oranje tekst op een lichtroze achtergrond met onvoldoende contrast, bijvoorbeeld "LEREN", waar het contrast momenteel 2,5:1 is. Tekstcontrast moet minstens 4,5:1 zijn, en voor grote tekst minstens 3,0:1.
Hetzelfde probleem doet zich voor op pagina 11 met witte achtergrond, waar het contrast 3,5:1 is. Op pagina 14 staat lichtoranje tekst op een blauwe achtergrond met onvoldoende contrast, bijvoorbeeld "Meedoen", waar het contrast slechts 1,9:1 is.
Het contrast van grote tekst moet ten minste 3,0:1 zijn.
Deze contrastproblemen dienen te worden gecorrigeerd om de toegankelijkheid van de inhoud te verbeteren.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op de pagina https://wijkvernieuwing.groningen.nl/ bevindt zich onder het kopje "ONZE THEMA'S" een slider met links. Hoewel deze links met een muis kunnen worden aangeklikt, blijkt het helaas niet mogelijk om ze te activeren via het toetsenbord. Een vergelijkbaar probleem doet zich voor op de pagina https://wijkvernieuwing.groningen.nl/over-ons. Het is van belang deze kwestie aan te pakken, zodat alle interactieve elementen, met inbegrip van de links, toegankelijk zijn voor bezoekers die zonder muis navigeren.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk staan zes video’s. Binnen deze videospelers is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. In de Vimeo video’s kan de ’d’ gebruikt worden om de technische gegevens van de video te bekijken. Ook andere sneltoetsen kunnen actief zijn. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken. Bij deze Vimeo-videospeler kan dit opgelost worden door de parameter keyboard=false toe te voegen aan de URI van de video in de HTML-code. De bediening met deze toetsen wordt dan uitgeschakeld, maar het is dan nog wel mogelijk om de video te bedienen met het toetsenbord. Zie ook de Engelstalige pagina https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op geen van de pagina's van het domein wijkvernieuwing.groningen.nl/ is een mechanisme aanwezig om blokken met herhalende content over te slaan. Dit kan bijvoorbeeld worden opgelost door een skiplink toe te voegen voor bezoekers die zonder muis met het toetsenbord navigeren. De skiplink is de eerste link op een pagina die verwijst naar de unieke inhoud van die pagina. De skiplink mag verborgen zijn, maar moet zichtbaar worden wanneer de toetsenbordfocus erop staat.

Uitkomst: Onvoldoende

Bevindingen:

De titel van de pagina https://wijkvernieuwing.groningen.nl/test luidt “404 Not Found - Wijkvernieuwing Groningen”. Deze tekst is niet voor alle bezoekers van de website even duidelijk. Verander deze tekst in “Pagina niet gevonden” of iets dergelijks.

Het pdf-document https://open.overheid.nl/repository/ronl-067bd782-12fb-48e4-aab0-dd415a4d5fc0/1/pdf/Regio%20Deal%20Groningen%20Noord.pdf heeft geen titel. Elk document moet een titel hebben die duidelijk het onderwerp van het document beschrijft. Bovendien moet de documenttitel in de titelbalk verschijnen in plaats van de bestandsnaam.

Het pdf-document https://cmsoo.gemeente.groningen.nl/sites/groningen/files/2023-06/Ambitiedocument%20Maatschappelijke%20coalitie%20Groningen%20Noord.pdf heeft als titel "Ambitieplan". Deze tekst beschrijft het onderwerp van het document onvoldoende.

Uitkomst: Onvoldoende

Bevindingen:

Op elke pagina staat een menuknop. Deze knop activeert het mobiele menu. Echter, na het navigeren door het laatste item van dit menu, verplaatst de focus zich naar de browser, in plaats van binnen het mobiele menu te blijven totdat de gebruiker het sluit. Dit is niet in lijn met een logische focusvolgorde, wat de navigatie voor gebruikers met beperkte mobiliteit kan bemoeilijken. Zie https://wijkvernieuwing.groningen.nl/.

Uitkomst: Onvoldoende

Bevindingen:

Het logo van de website fungeert als een link naar de homepagina. Dit linkdoel is niet af te leiden van de toegankelijkheidsnaam van de link die momenteel “Wijkvernieuwing op z’n Gronings” luidt. Dit kan worden opgelost door extra tekst toe te voegen aan de naam of het gebruik te maken van een title-attribuut met “ga naar de homepagina”. Zie https://wijkvernieuwing.groningen.nl/.

Op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk staan zes links naar video’s. Deze links hebben geen inhoud om het linkdoel duidelijk te maken. Hulpsoftware kan niet aan een blinde bezoeker vertellen waar deze links naar toe gaan.

Op de pagina https://wijkvernieuwing.groningen.nl/wijken staan negen links met dezelfde tekst "Naar wijk" die naar verschillende pagina's leiden. De tekst van deze links is niet uniek en beschrijft de bestemming van de links onvoldoende.

Uitkomst: Onvoldoende

Bevindingen:

Voor elke pagina op de website moet een tweede manier aanwezig zijn om de pagina te vinden. Dit kan via zoeken, een sitemap, links op homepagina of links in de footer. Er is geen tweede manier om de pagina 'HIER GAAN WE NOOIT MEER WEG’ te vinden. Dit kan worden opgelost door een zoekveld toe te voegen.

Uitkomst: Onvoldoende

Bevindingen:

Op de homepagina staat een slider. Elke slide heeft role=”group” gekregen met een onduidelijke naam “ 2/ 5” of “3 / 5”. Deze naam helpt niet om te begrijpen wat er staat. Dit kan worden aangepast naar “Slide 2 uit 5”. Zie https://wijkvernieuwing.groningen.nl en https://wijkvernieuwing.groningen.nl/over-ons. Dit geldt ook voor het logo onderaan de pagina op https://wijkvernieuwing.groningen.nl/themas.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk staan zes iframes. De taal is ingesteld op ‘en’, terwijl de inhoud van het iframe in het Nederlands is. Pas deze waarde aan in “nl”.

In de meta data van PDF https://cmsoo.gemeente.groningen.nl/sites/groningen/files/2023-06/Ambitiedocument%20Maatschappelijke%20coalitie%20Groningen%20Noord.pdf is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit kan worden ingesteld via de bestandseigenschappen.

Uitkomst: Onvoldoende

Bevindingen:

Op sommige pagina’s staan sliders met afbeeldingen. De knoppen die de slider bedienen hebben namen “Next slide” en “Previous slide”. Deze Engelstalige teksten hebben een taalattribuut nodig. Nog beter zou zijn om ze in het Nederlands te vertalen. Zie https://wijkvernieuwing.groningen.nl/ en https://wijkvernieuwing.groningen.nl/over-ons.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op de pagina https://wijkvernieuwing.groningen.nl/contact staat een formulier. Als het formulier leeg wordt verstuurd, verschijnen de volgende foutmeldingen: "'Naam' is een verplicht veld", "'E-mailadres' is een verplicht veld", "'Bericht' is een verplicht veld". De tekst van deze meldingen lijkt meer op instructies dan op foutmeldingen, geef niet aan wat er mis is met de invoer. Dit komt in alle formulieren voor. Zie bijvoorbeeld pagina’s https://wijkvernieuwing.groningen.nl/wijken en https://wijkvernieuwing.groningen.nl/themas.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op de pagina https://wijkvernieuwing.groningen.nl/groninger-verhalen/kijk-in-de-wijk zijn er zes links naar video's, maar deze links zijn niet voorzien van toegankelijkheidsnamen. Het ontbreken van een naam voor elk interactief element belemmert de hulpsoftware om de betekenis van deze elementen aan een blinde bezoeker door te geven. Bovendien bevat dezelfde pagina zes iframes zonder toegankelijkheidsnamen. Het title-attribuut ontbreekt. Om dit te verbeteren, is het nodig om een title-attribuut toe te voegen aan elk iframe met een unieke waarde, zoals de titel van de video aangevuld met het woord 'video'. Op deze manier krijgt een blinde bezoeker informatie dat de inhoud van het iframe een video is en kan hij tevens het onderwerp van de video begrijpen.

Uitkomst: Voldoende