Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Hardenberg

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Hardenberg
Datum 22 augustus 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op hardenberg.nl
  • Alle PDF's op hardenberg.nl
Buiten de scope van het onderzoek valt:
  • Alle pagina's op mijn.hardenberg.nl (inloggedeelte). Dit vereist een apart onderzoek.
  • 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: 15

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 pagina https://www.hardenberg.nl/cultuur/kunst/kunstwerken/hardenberg/janny-brugman-de-vries-kastanjehof staan afbeeldingen van het kunstwerk. Doordat de img-elementen nu een alt="" hebben worden zij genegeerd door hulpsoftware, terwijl wel relevant is dat er meerdere foto's van dit kunstwerk op deze pagina aanwezig zijn. Het is een optie om één tekst of tekstalternatief toe te voegen die dit duidelijk maakt.

Bevinding 2: In de PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf staan op de voorpagina de logo's van Provincie Overijssel en Gemeente Hardenberg. De logo's zijn niet van alternatieve tekst voorzien. Zorg voor een alternatieve tekst die de afbeelding omschrijft. Gezien het een logo betreft, tevens dit woord vermelden.

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)

Uitkomst: Onvoldoende

Bevinding 3: Op pagina https://www.hardenberg.nl/college/route29 staan diverse video's voorzien van automatisch gegenereerde ondertiteling. Bijvoorbeeld de video "Deze mensen ontmoette de burgemeester tijdens de Route 29". De ondertiteling is geen juiste representatie van wat er gezegd wordt (rond 1:20: 'tieneke k hier AI schep kn hallo he Marie zijnen'). Voeg correcte ondertitels toe.

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

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

Uitkomst: Onvoldoende

Bevinding 4: Op pagina https://www.hardenberg.nl/vacatures staat de video "Werken bij de gemeente Hardenberg | Vacaturevideo gemeente Hardenberg". Er komt tekst in beeld, waarvan geen audiodescriptie of media-alternatief bestaat. Bijvoorbeeld rond 0:23 wanneer Amber Steenbergen, medewerker communicatie zich voorstelt. Zorg dat wat visueel zichtbaar is, tevens middels een extra audiospoor of middels een transcript bij de video (bijvoorbeeld in een onderstaand uitklapmenu) aanwezig is.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://www.hardenberg.nl/vacatures staat de video "Werken bij de gemeente Hardenberg | Vacaturevideo gemeente Hardenberg". Er komt tekst in beeld, waarvan geen audiodescriptie of media-alternatief bestaat. Bijvoorbeeld rond 0:23 wanneer Amber Steenbergen, medewerker communicatie zich niet voorstelt, maar meteen begint over haar ontwikkelingsmogelijkheden. Zorg dat wat visueel zichtbaar is, tevens middels een extra audiospoor aanwezig is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: De PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf bevat op de voorpagina een decoratieve afbeelding van een boom in een grasveld. Deze afbeelding heeft geen beschrijving en is niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving hebben van de informatie die er in staat. De decoratieve afbeeldingen mogen hier als artefact worden getagd.

Bevinding 7: In de PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf staan visueel koppen en subkoppen, bijvoorbeeld '1. Inleiding' en '1.1 Aanleiding' op pagina 5. Zorg dat visuele koppen tevens als zodanig zijn aangemerkt in de toegankelijkheidstags. Bezoekers die gebruikmaken van schermvoorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera.

Bevinding 8: In de PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf staan visueel een genummerde lijst op pagina 6. Zorg dat deze ook zodanig in de toegankelijkheidstags zijn opgemaakt, middels lijstitemtags (<LI>) genest in lijsttags (<L>). Een voorbeeld waar hier correct van gebruik is gemaakt is de ongenummerde lijst op dezelfde pagina.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://www.hardenberg.nl/melden/fraude-bijstandsuitkering is een formulier waar de bezoeker onder andere het eigen e-mailadres kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: In de PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf wordt lichtblauwe tekst (HEX #069EE0) gebruikt voor onder andere koppen en tekst bij afbeeldingen. Er is hier sprake van 3,0:1 contrast met de witte achtergrond, waar dit minimaal 4,5:1 behoort te zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 11: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit:
Op alle pagina's van https://www.hardenberg.nl/ staat een zoekveld. Op het moment dat een gebruiker een zoekopdracht zoals "test" intypt en daarna met de pijl naar beneden één van de suggesties focus geeft en daarna op de entertoets drukt hoort die geselecteerde pagina geladen te worden. Dat is de bedoeling van een combobox als deze. Op pagina https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/combobox_role en op pagina https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ staat meer informatie over het toegankelijk maken van een invoerveld met suggesties door het gebruik van role="combobox". Het is ook een optie om geen suggesties te gebruiken. De pagina https://www.hardenberg.nl/zoeken?q=zoek werkt ook zonder suggesties als zoekpagina.
Na het indrukken van de pijl naar beneden wordt de huidige invoer zoals "test" zonder melding gewist. Het daarna invoeren van tekst zorgt er dan niet voor dat de gebruikte tekst wordt aangevuld met die letter, maar zorgt er voor dat er een totaal nieuwe zoekopdracht gestart word, dat is niet de bedoeling. Het is ook de bedoeling dat de lijst met suggestie verborgen wordt zodra de toetsenbordfocus niet langer op het invoerveld voor tekst staat. De enige manier om een van de suggesties te kiezen hoort met de pijltjestoetsen en enter te zijn en niet mogelijk te zijn met tab en enter. Op de pagina's met meer informatie over combobox staat ook informatie over hoe de toetsenbordbediening van deze component geregeld moet worden om te voldoen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 12: De PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf bevat 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.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 13: De PDF op pagina https://www.hardenberg.nl/fileadmin/Bestanden/Ruimtelijk_Domein/Bouwen_en_verbouwen/Voorgenomen_verkopen/Beeldkwaliteitsplannen/Bedrijventerrein_Katingerveld_-_Vastgesteld/Beeldkwaliteitplan.pdf bevat een taal in de eigenschappen. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF, zodat schermleessoftware de teksten in toegankelijkheidstags op de juiste wijze voorleest.

Bevinding 14: Nieuwe bevinding als gevolg van het oplossen van een bevinding uit een eerdere audit:
De pagina https://www.hardenberg.nl/fileadmin/Bestanden/Gemeente/College_van_B_W/Collegebesluiten_2024/Collegebesluiten_april_2024/Besluitenlijst_b_w_vergadering_d.d._2_april_2024.pdf bestaan niet meer. Het probleem is dat deze pagina nu geen taal heeft. Het is een optie om er voor te zorgen dat bij een niet bestaande pagina de gebruiker altijd dezelfde inhoud als op pagina https://www.hardenberg.nl/404 staat weer te geven.

4. Robuust

4.1 Compatibel

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Voldoende

Bevinding 15: Advies: Op alle pagina's van https://www.hardenberg.nl/ staat een zoekfunctie. Bij het invoeren van een ongeldige zoekopdracht komt er de foutmelding "Uw zoekopdracht leverde 0 resultaten op." in beeld. Die foutmelding wordt nu gepresenteerd de geteste browsers en hulpsoftware, maar deze methode voldoet niet aan de specificatie van ARIA voor het gebruik van role="status". Om er zeker van te zijn dat deze oplossing altijd werkt moet het element met role="status" in de DOM staan bij het laden van de pagina. Het vullen van dit element met tekst is de actie die er voor moet zorgen dat die tekst gepresenteerd wordt. Doordat de huidige oplossing werkt word dit niet afgekeurd.

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: 2024-11-23 11:18:23 v2.4-011