Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Súdwest-Fryslân

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Súdwest-Fryslân
Datum 26 augustus 2024
Scope van de website Binnen de scope van onderzoek valt:
  • Alle pagina's op sudwestfryslan.nl.
  • De PDF's op sudwestfryslan.nl en subdomein pdc.sudwestfryslan.nl.
Buiten de scope van het onderzoek valt:
  • 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: 61

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 de homepagina https://sudwestfryslan.nl/ staan afbeeldingen bij de nieuwsberichten. De alternatieve tekst is dezelfde tekst als de link van het nieuwsbericht en beschrijft de afbeeldingen onvoldoende. Een mogelijke oplossing is om het klikbare gebied van de link onder de afbeelding te vergroten, de link onder de afbeelding te verwijderen en de afbeelding een tekstalternatief te geven dat de relevante informatie in de afbeelding beschrijft. Op die manier heeft de afbeelding een goed tekstalternatief, is het doel van de link duidelijk, kan een gebruiker nog steeds op de afbeelding klikken om naar het nieuwsbericht te gaan en hoef een toetsenbordgebruiker niet twee keer op tabtoets te drukken om bij het volgende nieuwsbericht uit te komen.

Bevinding 2: Op de homepagina https://sudwestfryslan.nl/ staan bij verschillende links een icoon dat deze links openen in een nieuw venster. Bijvoorbeeld bij de link 'Afspraak maken' en bij enkele links in de hoofdnavigatie. Dit icoon heeft geen alternatieve tekst. Doordat het icoon wordt genegeerd, mist de bezoeker dat de link een externe website opent. Een mogelijk oplossing voor het probleem is om het icoon een alternatieve tekst te geven. Hetzelfde probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ bij de link 'Stipepunten'.

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://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ wordt een video getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Deze ondertiteling moet aangepast worden om te voldoen aan de eisen van dit succescriterium.

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 de pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ staat een video waar het logo aan het eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van Gemeente Súdwest-Fryslân is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op de pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ staat een video waar het logo aan het eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van Gemeente Súdwest-Fryslân is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ staat twee keer de kop "Individuele inkomenstoeslag". Deze situatie is verwarrend voor gebruikers van hulpsoftware. Deze gebruikers hebben geen visueel overzicht en zien niet dat de informatie over individuele inkomenstoeslag pas begint na de tweede kop van gelijk niveau. Het advies is om maar één kop van niveau h1 per pagina te gebruiken. Dit probleem komt voor op meerdere pagina's, bijvoorbeeld pagina https://sudwestfryslan.nl/onderwerp/bouwen-en-wet-kwaliteitsborging/. Op die pagina zijn deze twee koppen niet identiek, maar hebben wel dezelfde betekenis en voldoen daarom niet.

Bevinding 7: Op pagina https://sudwestfryslan.nl/onderwerp/bruggen-en-sluizen/ is de kop 'Brücken und Schleusen' opgemaakt met het strong-element. Het is niet toegestaan om alle tekst in een kop of tekstblok op te maken met strong. Strong is bedoeld om een deel van een tekst (of kop) nadruk te geven. Gebruik bij voorkeur CSS om hele koppen visueel anders op te maken.

Bevinding 8: De PDF 'Jaarverslag 2023' op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Jaarverslag-gemeenteraad-Sudwest-Fryslan-2023.pdf en de PDF op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Kaart-bijzondere-lokale-omstandigheden.pdf zijn niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 9: De PDF '2023-12-21 besluitenlijst raad' op de pagina https://sudwestfryslan.nl/wp-content/uploads/2023/12/2023-12-21-besluitenlijst-raad.pdf is gecodeerd (van tags voorzien), maar er zijn met deze tags veel problemen. Veel van content in dit document bestaat uit tabellen, die niet goed zijn opgemaakt. De tekst "Besluitenlijst raadsvergadering gemeente Súdwest-Fryslân 21 december 2023" staat nu in de eerste tabel terwijl die tekst een relatie heeft met alle informatie in dit document. Het advies is dan ook om deze tekst uit de tabel te halen en op te maken als kop. In die eerste tabel staat de tekst "Aanwezig", die tekst heeft nu geen relatie met de onderstaande namen in de tweede kolom. In de tweede tabel is niet goed gebruik gemaakt van tabelkoppen. Indien hiervoor een tabel gebruikt wordt moeten alle relaties tussen de vetgedrukte teksten de teksten die ernaast en/of eronder staan goed gecodeerd worden.Het is een optie om een genummerde lijst te gebruiken en om dan de vetgedrukte tekst in elk lijstpunt op te maken als kop. Op pagina 2 staat de onderstreepte tekst "Besluit:" met daaronder een geordende lijst. Die onderstaande lijst is in de tags nu niet opgemaakt als lijst. Op meerdere plekken zijn teksten die bij elkaar horen in verschillende alinea's geplaatst, hierdoor zijn de relaties tussen de verschillende punten niet goed duidelijk. In de hierboven omschreven lijst is elke zichtbare regel een aparte alinea en in de tabellen met politieke partijen is de partij "NIEUW SOCIAAL" verdeeld over twee alinea's. Dit zijn enkele voorbeelden van problemen met de tags in deze PDF, het goed taggen van de content is noodzakelijk om er voor te zorgen dat hulpsoftware deze bestanden goed kan interpreteren.

Bevinding 10: Op pagina https://sudwestfryslan.nl/onderwerp/besluitenlijsten-raad/ staan onder de kop 'Zie ook' links die zijn opgenomen in de koppenstructuur. Deze links horen niet in de koppenstructuur, omdat er geen informatie onder de kop staat. Als een kop ook een link is moet er relevante informatie onder de kop staan om een kop te mogen gebruiken. Het advies is om dit soort grote links alleen visueel te stylen met CSS. Dit probleem komt ook voor op andere pagina's zoals https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ en pagina https://sudwestfryslan.nl/onderwerp/digitale-belastingbalie/.

Bevinding 11: Advies: Op pagina https://sudwestfryslan.nl/?s=Duurzaam is geen gebruik gemaakt van een correcte koppen-volgorde in HTML. Omdat gebruikers van hulpsoftware zoals een screenreader op de pagina kunnen navigeren door bijvoorbeeld een lijst van koppen op te vragen, is het belangrijk een goede koppenvolgorde aan te houden. Hierbij worden geen koppen overgeslagen. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, et cetera.
Dit komt ook voor op bijvoorbeeld pagina op https://sudwestfryslan.nl/onderwerp/melding-doen/ onder de kop 'Vogelgriep' h3 staat een kop 'Wat moet je doen als je dode vogels vindt?' ook als h3, waar dit h4 moet zijn.

Bevinding 12: Advies: Op pagina https://sudwestfryslan.nl/onderwerp/besluitenlijsten-raad/ staat een tabel onder de kop 'Raadsbrede Commissie' die niet juist is opgemaakt. Dit is niet enkel een toegankelijkheidsprobleem omdat iedere bezoeker een tabel ziet die niet goed is opgemaakt. Het is wel een toegankelijkheidsprobleem dat de tabel geen content bevat. Voeg content toe en maak de tabel op de juiste manier op, of verwijder de tabel en de kop als er geen content is.

Bevinding 13: Opmerking: Op pagina https://sudwestfryslan.nl/onderwerp/openingstijden staat bij de tabel bij 'Openingstijden gemeenteloket Bolsward' bij de tijd van maandagavond een extra letter 't' achter 18:00.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 14: In de PDF Kaart-bijzondere-lokale-omstandigheden op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Kaart-bijzondere-lokale-omstandigheden.pdf staan de teksten 'groene gebieden' en 'rode gebieden' om informatie over te dragen. Wanneer een bezoeker dit niet kan zien, is deze informatie niet bruikbaar. Zorg ervoor dat de informatie ook te begrijpen is voor bezoekers die het beeld niet kunnen zien.

Bevinding 15: Advies: Op pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ staat onder de kop 'Hoe vraag ik individuele inkomenstoeslag aan?' de zin 'De documenten die je mee moet sturen vind je onder het kopje 'Veelgestelde vragen' onderaan deze pagina.' Dit is niet af te keuren omdat de informatie waarnaar verwezen in enkele paragrafen verderop te vinden is. Let wel op met teksten die verwijzen naar een locatie die voor blinden niet zichtbaar is. Dit komt meerdere keren voor op de pagina en op meerdere pagina's, bijvoorbeeld op pagina https://sudwestfryslan.nl/onderwerp/gemeenteraad/, zoals bijvoorbeeld de tekst 'Hieronder lees je meer'.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 16: De paginering op pagina https://sudwestfryslan.nl/?s=Duurzaam onderaan de zoekresultaten geeft met onderscheid in kleur aan wat de huidige pagina is. Alleen de kleur van de achtergrond van het actieve nummer is anders. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen wat de huidige pagina is. Zorg voor minimaal één andere eigenschap die het onderscheid aangeeft of zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 17: De PDF 'Jaarverslag 2023' op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Jaarverslag-gemeenteraad-Sudwest-Fryslan-2023.pdf heeft verschillende contrast problemen, waarbij de contrastverhouding onvoldoende is. Zorg ervoor dat de contrastverhouding minimaal 4,5:1 is. Een aantal voorbeelden:

Bevinding 18: De PDF Kaart-bijzondere-lokale-omstandigheden op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Kaart-bijzondere-lokale-omstandigheden.pdf heeft verschillende contrast problemen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 19: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 110% en 150% en de zoek-knop wordt aangeklikt, dan staan de verberg-knop en het hoofdmenu onder de zoekfunctie in plaats van ernaast, in de vorm van een "sticky header". Hierdoor ontstaan er twee problemen, het eerste is dat visueel de verberg-knop niet meer bij de zoekfunctie staat. Het tweede probleem is dat wanneer een bezoeker over de inhoud van de pagina navigeert (zowel met de muis als het toetsenbord) deze elementen over de inhoud van de pagina blijven staan. Zorg ervoor dat bij het aanpassen van de schermgrootte geen content over elkaar komt te staan.
Dit probleem geld voor alle pagina's van https://sudwestfryslan.nl/.

Bevinding 20: Wanneer de bezoeker in het zoekveld staat, verschijnt er een lijst met populaire pagina's en een link naar alle onderwerpen. Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 110% dan valt een deel van deze informatie buiten beeld. Dit is een verlies van functionaliteit en geld voor alle pagina's van https://sudwestfryslan.nl/.

Bevinding 21: Op pagina https://sudwestfryslan.nl/onderwerp/schriftelijke-vragen/ staat een tabel. Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% dan vallen delen van de tabel buiten beeld. Er is ook geen scrollbalk aanwezig om de informatie te lezen. Zorg ervoor dat alle inhoud van de pagina na het wijzigen van de schermgrootte leesbaar blijft.

Bevinding 22: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 150% op pagina https://sudwestfryslan.nl/onderwerp/gemeenteraad/ in Chrome, dan krijgen de links onder de kop 'Agenda's en vergaderstukken ontvangen' zoals de link 'Besluitenlijsten' wel erg veel afbreekstreepjes. Bijvoorbeeld 'Be-slui-ten-lijs-ten'. Het is beter leesbaar als er voor een andere opmaak wordt gekozen. In Firefox is het een probleem dat de teksten van de links zoals 'Besluitenlijsten' en 'Toezeggingen' over elkaar heen komen te staan.

Bevinding 23: Op pagina https://sudwestfryslan.nl/toegankelijkheid/ wanneer bij een schermgrootte van1280 bij 1024 pixels wordt ingezoomd op 400% dan valt de tekst van de kop 'Toegankelijkheidsverklaring' deels buiten beeld. Zorg ervoor dat alle tekst leesbaar is na het aanpassen van de schermgrootte.

Bevinding 24: Op alle pagina's wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt in Chrome en Firefox op 400% dan staat de footer knop 'Bekijk alle onderwerpen' in beeld deels over de inhoud van de pagina en de inhoud is minder goed meer leesbaar. Deze knop is niet te bereiken met het toetsenbord en is daarom niet af te sluiten. De knop van de chatfunctie staat over het gedeelte heen wat nog leesbaar zou zijn. Indien gebruikers ver in moeten zoomen om tekst te lezen blijft er op dit moment geen visuele ruimte over voor de unieke inhoud van de pagina. Zorg ervoor dat de inhoud leesbaar blijft.

Bevinding 25: Wanneer de chatfunctie geopend wordt, bijvoorbeeld op de homepagina https://sudwestfryslan.nl/ en bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt in Chrome en Firefox op 400%, dan valt het invoerveld om een bericht te typen deels buiten beeld. Zorg ervoor dat alle tekst leesbaar is na het aanpassen van de schermgrootte.

Bevinding 26: Advies: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt in Firefox vanaf 300% op pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ dan valt een deel van de tekst in het broodkruimelpad buiten beeld. Hetzelfde probleem komt voor op meerdere pagina's, bijvoorbeeld op https://sudwestfryslan.nl/onderwerp/bouwen-en-wet-kwaliteitsborging/. Het is niet af te keuren omdat bezoekers hierdoor geen informatie missen, maar het navigeren over de pagina gaat makkelijker als alle informatie in beeld blijft.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 27: Op de homepagina https://sudwestfryslan.nl/ heeft de blauwe focusrand (HEX #009FD2) in sommige gevallen een te laag contrast met de achtergrond kleur. Wanneer de homepagina ververst is er steeds een andere achtergrond afbeelding. Hou er rekening mee dat niet alle kleuren uit de afbeelding genoeg contrast hebben met de focusrand die over de pagina gaat wanneer de bezoeker met het toetsenbord navigeert. Bijvoorbeeld wanneer de afbeelding met de windmolens in beeld staat en het logo 'Global Goals Gemeente logo' de focus heeft, dan staat de blauwe focusrand op de lichtblauwe (HEX #C7E4FD) lucht als achtergrond. De contrastverhouding is hier 2,3:1, waar dit minimaal 3:1 moet zijn.

Bevinding 28: In de footer, wanneer de blauwe (HEX #009FD2) focusrand op de lichtgrijze (HEX #EEEEEE) achtergrond staat, dan is de contrastverhouding 2,6:1, waar dit minimaal 3:1 moet zijn. In het rode deel van de footer heeft de blauwe focusrand ook niet voldoende contrast. De kleuren (HEX #009FD2) blauw en (HEX #BF0042) rood hebben met 2,1:1 niet voldoende contrast.

Bevinding 29: Wanneer bijvoorbeeld op pagina https://sudwestfryslan.nl/onderwerp/bouwen-en-wet-kwaliteitsborging/ het keuzerondje bij 'Heeft deze informatie je geholpen?' de focus krijgt, dan is dat zichtbaar door een lichtgrijs (#HEX DEDEDE) focusrondje op de witte (HEX #FAFAFA) achtergrond. De contrastverhouding is hier 1,2:1, waar dit minimaal 3:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende

Bevinding 30: Advies: Wanneer bij een schermgrootte van1280 bij 1024 pixels ingezoomd wordt tot 150% en bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, dan valt de 'd' van de paginatitel 'De gemeenteraad' op pagina https://sudwestfryslan.nl/onderwerp/gemeenteraad/#3de63634-4da4-4eed-8b74-d9fad1f70f1e achter de afbeelding. Hetzelfde probleem komt voor op pagina https://sudwestfryslan.nl/onderwerp/bouwen-en-wet-kwaliteitsborging/#99d8773f-4ecf-46d9-855e-af6719e764fe bij h1.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 31: Er is een paginatitel op pagina
https://sudwestfryslan.nl/onderwerp/openingstijden/ maar deze beschrijft de inhoud van de pagina onvoldoende, er wordt enkel 'Openingstijden' genoemd, in plaats van 'Contact en openingstijden.

Bevinding 32: De PDF 'Jaarverslag 2023' op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Jaarverslag-gemeenteraad-Sudwest-Fryslan-2023.pdf en de PDF op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Kaart-bijzondere-lokale-omstandigheden.pdf hebben 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.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 33: Als de bezoeker in het hoofdmenu het submenu 'onderwerpen' opent, bijvoorbeeld op pagina https://sudwestfryslan.nl/ en vervolgens het submenu weer sluit met de muis of het toetsenbord, dan kom je weer terecht op de homepagina. Voor een bezoeker die met het toetsenbord navigeert is het eerstvolgende element wat de focus krijgt het hoofdmenu. Dit is een andere plek dan waar je oorspronkelijk stond toen het submenu werd geopend. Zorg ervoor dat na het sluiten van het submenu de focus verder gaat op de eerstvolgende link in het hoofdmenu, in dit geval is dat de link 'nieuws'.

Bevinding 34: Op pagina https://sudwestfryslan.nl/ wanneer bij een schermgrootte van 1280 bij 1024 pixels wordt ingezoomd tot 175% en de bezoeker met het toetsenbord via de zoekknop het zoekveld opent, dan krijgen eerst de telefoon link en het hoofdmenu de focus, voordat de focus in het zoekveld terecht komt. De focus moet na het activeren van aanvullende content eerst naar die nieuw veschenen content voordat deze verder gaat op de pagina. Na het activeren van de zoekknop moet de toetsenbordfocus dus eerst naar het zoekveld voordat deze op enig ander onderdeel van deze pagina mag landen.

Bevinding 35: Op pagina https://sudwestfryslan.nl/?s=Duurzaam wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% dan komt er een filter knop in beeld 'Resultaten filteren'. Deze knop opent een dialoogvenster. Als je nu met de tabtoets verder navigeert moet de toetsenbordfocus direct in het dialoogvenster komen en moet je met de tabtoets binnen dit dialoog blijven. Dat gaat daar nu niet goed.

Bevinding 36: Op pagina https://sudwestfryslan.nl/ staat een chatfunctie. De iframe komt hier twee keer voor en krijgt dubbel de focus wanneer bezoekers met het toetsenbord navigeren, waarvan een keer zonder zichtbare focusrand. Zorg ervoor dat de chatfunctie een enkele keer de focus krijgt met een focusrand met voldoende contrast.

Bevinding 37: Op pagina https://sudwestfryslan.nl/ staat een chatfunctie. Wanneer de chatfunctie al eens geopend is en dan weer gesloten wordt, krijgt de knop om de chatfunctie te openen geen focus meer, maar de items in de functie krijgen wel focus, ook al is het venster niet geopend. Ook als het juiste iframe open is, krijgt eerst het eerste iframe en het invoerveld daarin focus voor de focus naar het juiste iframe gaat. In het 'eerste' iframe is er wel zichtbare focus, in het tweede iframe (die geopend wordt nadat de knop zichtbare focus krijgt) niet (bijvoorbeeld op sluitknop en invoerveld, na aanmelden wel).

Bevinding 38: Op pagina https://sudwestfryslan.nl/ staat een chatfunctie. Na het toevoegen van een document, verplaatst de focus zich naar de adresbalk (uit het venster). Zorg voor een logische focus volgorde.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 39: Op pagina https://sudwestfryslan.nl/?s=Duurzaam hebben de links van de zoekresultaten geen toegankelijke naam, zoals bijvoorbeeld 'Duurzaam Súdwest-Fryslân'. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Zie ook succescriterium 4.1.2.

Bevinding 40: De paginering op pagina https://sudwestfryslan.nl/?s=Duurzaam onderaan de zoekresultaten geeft niet aan wat de huidige pagina is. Bijvoorbeeld, pagina 1 heeft als toegankelijke naam '1' met beschrijving 'Ga naar pagina 1', terwijl het de huidige pagina betreft. Geef een duidelijk linkdoel aan in de toegankelijke naam van de link.

Bevinding 41: Advies: Op pagina Op pagina https://sudwestfryslan.nl/publicaties/nieuws staan links bij de berichten met als linknaam 'Lees meer' en toegankelijke naam met aria-label 'Lees meer over'. Voeg het aria-label aan met de koptekst. Het is ook een optie om maar één link per bericht te gebruiken. Die ene link mag een vergroot klikbaar gebied hebben zodat klikken op de afbeelding en dergelijke die ene link activeerd. Deze aanpassing is ook een voordeel voor alle gebruikers die niet de muis maar het toetsenbord gebruiken om te navigeren.

Bevinding 42: Advies: Op pagina https://sudwestfryslan.nl/publicaties/nieuws staat een paginering. De toegankelijke naam van de links bevat accolades om de paginanummers. Afhankelijk van de instellingen van voorleessoftware worden deze tekens mogelijk voorgelezen. Verwijder de tekens. De waarde van het aria-label is de naam van deze links.

Bevinding 43: Advies: Op de homepagina https://sudwestfryslan.nl/ en op de nieuwspagina https://sudwestfryslan.nl/publicaties/nieuws staan bij de nieuwsberichten afbeeldingen met links die precies dezelfde toegankelijke naam hebben als de links van het nieuwbericht eronder. Bezoekers die gebruik maken van voorleessoftware krijgen nu twee keer dezelfde tekst voorgelezen. Een mogelijke oplossing is om de link van de afbeelding te verwijderen en de afbeelding voor hulpsoftware te verbergen doormiddel van een leeg alt-attribuut. Het klikbare gebied van de link kan bijvoorbeeld via CSS of Javascript worden vergroot.

Bevinding 44: Advies: Op de homepagina staat de link 'Geldzaken (uitkering, regelingen, schulden)'. Als je deze kiest kom je op een pagina met de naam en titel 'Werk, inkomen en uitkering'. Het linkdoel is hierdoor niet helemaal duidelijk. Pas bij voorkeur de linktekst aan om dit probleem op te lossen of voeg een duidelijk linkdoel toe.

Bevinding 45: Opmerking: Wanneer een bezoeker in het hoofdmenu het navigatiemenu-item met de naam 'Openingstijden' kiest, dan kom je op een pagina met de titel 'Contact en openingstijden', de naam van de pagina is wel hetzelfde als de linknaam. Het linkdoel is hierdoor niet helemaal duidelijk. Pas de naam in het menu aan zodat de naam in het navigatiemenu en het linkdoel overeenkomen. Dit probleem is niet specifiek een toegankelijkheidsprobleem, daarom is het niet af te keuren.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 46: Wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt op 150% op pagina https://sudwestfryslan.nl/publicaties/nieuws dan komt er op de plek van de paginering waar 'pagina' stond een hekje (#) te staan. Een screenreader leest dit voor als 'hekje'. Hierdoor heeft het zoekveld in de paginering geen visueel label meer dat de functie van het invoerveld duidelijk beschrijft. Voor bezoekers die een screenreader gebruiken gaat het nog steeds wel goed omdat de zoek-knop de tekst ‘ga naar ingevoerde pagina’ bevat, maar voor bezoekers die kunnen zien is de tekst ‘Pagina’ wel essentieel om te begrijpen dat hier een paginanummer ingevoerd kan worden, in plaats van een gewoon zoekwoord. Het vergrootglas-icoon zou voldoende zijn als label voor een zoekveld, maar in dit geval gaat het speciaal om een paginanummer-zoekveld en dus geeft het vergrootglas onvoldoende informatie.

Bevinding 47: Op pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/ staan twee keer identieke koppen, namelijk h1 'Individuele inkomenstoeslag'. Eén van beide beschrijft de bijbehorende content niet precies genoeg. Goede koppen zijn essentieel om de content (snel) te kunnen begrijpen. Blinde bezoekers kunnen bijvoorbeeld met een screenreader een overzicht opvragen van alle koppen op de pagina en op die manier snel een beeld krijgen van de inhoud. Pas één van de koppen aan om dit probleem op te lossen.

Bevinding 48: Advies: Op pagina https://sudwestfryslan.nl/onderwerp/schriftelijke-vragen/ wordt de titel van de pagina (h1) opgevolgd door een kop (h2) met precies dezelfde naam, namelijk 'Schriftelijke vragen'. Een bezoeker die gebruik maakt van voorleessoftware kan door de pagina navigeren door een koppenlijst op te vragen. Wanneer twee koppen dezelfde naam hebben is het niet duidelijk naar welke informatie er genavigeerd wordt. Visueel is duidelijk dat de tweede kop bedoeld is om de inhoud van de tabel duidelijker te maken. Een mogelijke oplossing is hier dan ook om van de h2 een tabel caption te maken.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 49: Wanneer de 'Contact' link met het telefoon icoon rechts in beeld de focus heeft, is dat niet zichtbaar, mogelijk wordt dit veroorzaakt doordat het focus kader precies dezelfde kleur heeft als de achtergrond. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen. Op het moment dat er voor gekozen wordt om de standaard toetsenbordfocus van de browser te gebruiken heeft die focus altijd voldoende contrast. Indien de manier waarop toetsenbordfocus zichtbaar is gemaakt wordt aangepast met bijvoorbeeld CSS is het noodzakelijk om er voor te zorgen dat deze altijd voldoende contrast heeft.

Bevinding 50: Advies: Wanneer op pagina https://sudwestfryslan.nl/?s=Duurzaam de zoekresultaten de focus krijgen in Chrome, dan is dit niet zichtbaar. Toetsenbordgebruikers weten nu niet welk element de focus heeft. In Firefox werkt het wel. Voeg een duidelijke focusrand toe om dit probleem op te lossen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 51: De zoekfuncties op onder andere de homepagina https://sudwestfryslan.nl/ hebben voor het invoerveld de toegankelijke naam 'Submit' en bevat niet de naam die visueel zichtbaar is, namelijk de placeholdertekst 'Waar ben je naar op zoek?' Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan.

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 52: In de eigenschappen van PDF op pagina https://pdc.sudwestfryslan.nl/wp-content/uploads/2024/01/Kaart-bijzondere-lokale-omstandigheden.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 53: Op de pagina https://sudwestfryslan.nl/onderwerp/bruggen-en-sluizen/ staan teksten in een andere taal, namelijk in het Engels en Duits. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code bijvoorbeeld voor de Engelse tekst een lang="en" toe te voegen.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Onvoldoende

Bevinding 54: Op pagina https://sudwestfryslan.nl/?s=Duurzaam wanneer de bezoeker met het toetsenbord navigeert over de filter onderwerpen (in Chrome) met de pijl-toetsen, dan ontstaat er een contextwijziging die wordt veroorzaakt door focus. Dit kan desoriënterend werken voor bezoekers die niet in staat zijn de hele pagina tegelijkertijd te bekijken

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 55: In de chatfunctie op bijvoorbeeld de homepagina https://sudwestfryslan.nl/ staat een placeholdertekst 'typ hier je bericht'. Een placeholder-tekst wordt niet door alle schermlezers voorgelezen en verdwijnt als de gebruiker begint te typen. Zorg dat de tekst zichtbaar blijft door een label te gebruiken zodat bezoekers op elk moment kunnen zien wat ze moeten invullen in het veld.

Bevinding 56: Advies: De zoekvelden hebben geen zichtbaar label maar wel een placeholder-tekst. De placeholder-tekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Omdat er naast het zoekveld ook een zoekknop staat is dit niet af te keuren. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg daarom bij voorkeur een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

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 57: Op pagina https://sudwestfryslan.nl/?s=Duurzaam hebben de links van de zoekresultaten geen toegankelijke naam, zoals bijvoorbeeld 'Duurzaam Súdwest-Fryslân'. Interactieve elementen hebben een minimaal een naam en rol nodig. Voeg een toegankelijke naam toe waarin ook het linkdoel is omschreven om dit probleem op te lossen. Zie ook succescriterium 2.4.4.

Bevinding 58: Op pagina https://sudwestfryslan.nl/?s=Duurzaam wanneer bij een schermgrootte van 1280 bij 1024 pixels ingezoomd wordt vanaf 175% dan komt er een filter knop in beeld 'Resultaten filteren'. Er ontstaan verschillende problemen:

Bevinding 59: De paginering op pagina https://sudwestfryslan.nl/?s=Duurzaam onderaan de zoekresultaten geeft niet aan wat de huidige pagina is. Bijvoorbeeld, pagina 1 heeft als toegankelijke naam '1' met beschrijving 'Ga naar pagina 1', terwijl het de huidige pagina betreft. Hulpsoftware kan de staat van deze link (dat dit de huidige pagina is, die nu geopend is) niet afleiden. Dit kan opgelost worden door een aria-current="page" toe te voegen.

Bevinding 60: In het hoofdmenu staat een submenu onder 'Onderwerpen'. Het is voor bezoekers die gebruikmaken van hulpsoftware niet duidelijk dat er een submenu geopend kan worden met alle onderwerpen. Voeg een aria-expanded attribuut met de juiste waarde toe zodat bezoekers die hulpsoftware gebruiken te horen krijgen of dit element is samengevouwen of uitgevouwen. Door die aanpassing weten ze ook gelijk dat via deze link een submenu van onderwerpen uitgevouwen kan worden.

Bevinding 61: Advies: Op verschillende pagina's staan links, afbeeldingen en knoppen met een aria-label waar dit overbodig is. Let op met het gebruik van aria dat dit alleen wordt toegepast wanneer het nodig is. Een voorbeeld is de link 'Besluitenlijsten raad en raadscommissies' op pagina https://sudwestfryslan.nl/onderwerp/schriftelijke-vragen/ met toegankelijke naam en aria-label 'Besluitenlijsten raad en raadscommissies'. Dit komt op meerdere plekken voor, bijvoorbeeld op pagina https://sudwestfryslan.nl/onderwerp/individuele-inkomenstoeslag/#3fcf983d-e783-4358-b63d-1d37e6f077a5 staan links zoals 'Check waar je recht op hebt' met een aria-label.

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-14 17:22:49 v2.4-011