Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Altena

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Altena
Datum 29 augustus 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De pagina's op www.gemeentealtena.nl, met uitzondering van pagina's en content achter een DigiD inlog.
  • De PDF's op www.gemeentealtena.nl.
  • Het proces van het maken van een afspraak op domein gemeentealtena.mijnafspraakmaken.nl. Dit is getest in de hoogcontrast weergave.
  • Het contactformulier op domein loket.gemeentealtena.nl.
Buiten de scope van het onderzoek valt:
  • Pagina's op het onderzochte domein waarvoor een inlog vereist is.
  • 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: 59

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: Bovenaan iedere pagina staat een zoekfunctie in de header, met daarnaast een vergrootglas icoon. De zoekfunctie komt daarnaast ook los voor op de homepage. Dit icoon is een knop die de zoekfunctie start. De toegankelijke naam van de knop is nu 'zoek icoon'. Dit beschrijft de functie van de knop niet. Pas de alternatieve tekst daarom aan, bijvoorbeeld naar 'Zoeken'.
Een vergelijkbaar probleem komt voor met de social media iconen en het ReadSpeaker icoon op iedere pagina. De alternatieve teksten van de afbeeldingen zijn (bijvoorbeeld het Facebook icoon): 'Facebook afbeelding'. Vermijd het verwijzen naar 'afbeelding' in een alternatieve tekst. Bezoekers die gebruik maken van hulpsoftware weten al dat er een afbeelding aanwezig is, het is storend dit ook te benoemen in de alternatieve tekst.

Bevinding 2: Bij stap 4 (de volgorde van stappen hangt af van de gekozen activiteit, in dit geval Rijbewijs aanvragen/verlengen) op pagina https://gemeentealtena.mijnafspraakmaken.nl/Client/#?link=0ebe, wordt aangegeven dat velden met een sterretje verplicht zijn. De asterisk wordt echter niet door alle browser en hulpsoftware combinaties goed voorgelezen. Maar daarom óók gebruik van een alternatief, bijvoorbeeld het aria-required attribuut te gebruiken op de invoerelementen.

Bevinding 3: Op pagina 1 van de PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_formulieren/Participatiewet/2022/Bijzondere_Bijstand_Aanvraagformulier_2022.pdf staat een figuur-element. Het gaat hier om de decoratieve rand om de tekst, dit moet opgemaakt worden als artefact zodat het genegeerd kan worden door hulpsoftware.

Bevinding 4: In de PDF op pagina 1https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_formulieren/Participatiewet/2022/Bijzondere_Bijstand_Aanvraagformulier_2022.pdf staat een logo van de Gemeente Altena. Deze afbeelding heeft geen alternatieve tekst. De alternatieve tekst van een logo moet tenminste de naam van de organisatie bevatten, en tenminste één keer als het logo meerdere malen voorkomt in een document (bijvoorbeeld als header of footer).

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: In de ReadSpeaker functionaliteit kunnen bezoekers instellingen wijzigen. De verschillende opties, zoals de kleuren van de tekst highlights, zijn keuzerondjes. Deze keuzerondjes zijn niet gekoppeld aan het overkoepelende label (zoals 'Zinskleur'). Deze tekst heeft een label, maar dat is niet de juiste manier van groeperen. Gebruik een fieldset en legend combinatie of een vergelijkbare techniek om dit probleem op te lossen. Het fieldset en legend attribuut is op de pagina zelf op meerdere plekken correct gebruikt. Dit probleem doet zich op meerdere instellingenpagina's binnen de widget voor.

Bevinding 6: Op pagina https://www.gemeentealtena.nl/geboorte-trouwen-en-overlijden/trouwen-of-partnerschap-registreren/geregistreerd-partnerschap staat een tabel waarin met een asterisk naar een voettekst wordt verwezen. De asterisk is een speciaal teken en wordt daarom niet door alle combinaties van hulpsoftware goed voorgelezen. Daarnaast is er nu geen directe verwijzing naar de voettekst. Overweeg daarom om toegankelijke voetteksten toe te voegen: https://codepen.io/SitePoint/pen/QbMgvY.

Bevinding 7: Op pagina https://www.gemeentealtena.nl/college-en-organisatie/college/bezwaar-maken is de tekst 'Let op: bij bezwaar op een kapvergunning heeft u..' onder 'Stap 2' opgemaakt met het em-element. Het em-element geeft gesproken nadruk aan een woord of korte zin en mag daarom niet puur voor opmaak gebruikt worden. Maak gebruik van CSS of een vergelijkbare techniek om dit probleem op te lossen.

Bevinding 8: De tabel op pagina https://www.gemeentealtena.nl/geboorte-trouwen-en-overlijden/geboorteaangifte/birth-registration is niet correct opgemaakt. De koppen zijn opgemaakt als h3-kop in plaats van als tabel headers (th-elementen). Lees meer over toegankelijke tabellen op pagina https://www.w3.org/WAI/tutorials/tables/.

Bevinding 9: Bij stap 2 (de volgorde van stappen hangt af van de gekozen activiteit, in dit geval \ Rijbewijs aanvragen/verlengen) 'Benodigheden' op pagina https://gemeentealtena.mijnafspraakmaken.nl/Client/#?link=0ebe zijn de dikgedrukte teksten visueel een kop voor de onderstaande content, maar in de code opgemaakt met het strong-element Maak gebruik van kop-elementen, zoals het h3-element, om subkoppen op een logische, hiërarchische manier te stijlen.

Bevinding 10: De PDF op paginahttps://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_formulieren/Participatiewet/2022/Bijzondere_Bijstand_Aanvraagformulier_2022.pdf is niet (goed) gecodeerd.

Bevinding 11: De PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_bijlagen/informatieopvangvluchtelinigenoekranemaart2022.pdf is niet gecodeerd (van tags voorzien) en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 12: Advies: De headingstructuur op de homepage is onlogisch. De h1-kop (de belangrijkste kop op de pagina) is 'Ik zoek iets anders', waarna de nieuwsartikelen een h3- kop hebben. Geef de pagina een beschrijvende h1-kop (eventueel verborgen) en zorg ervoor dat opvolgende koppen een duidelijke hiërarchische volgorde hebben. Een vergelijkbaar probleem komt voor op pagina https://www.gemeentealtena.nl/contact-en-openingstijden, onder 'Bezoek ons'.

Bevinding 13: Advies: Op pagina https://www.gemeentealtena.nl/werk-en-inkomen staat een groep links. Overweeg om deze in de code als een ongeordende lijst te plaatsen om de toegankelijkheid te vergroten.

Bevinding 14: Advies: Bij de stap 'Samenvatting' in het proces op pagina https://gemeentealtena.mijnafspraakmaken.nl/Client/#/ staan gegevens in het 'Term: Beschrijving' format. Deze informatie is toegankelijker wanneer het in een HTML description-list wordt geplaatst.

Bevinding 15: Advies: de PDF https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_formulieren/Participatiewet/2022/Bijzondere_Bijstand_Aanvraagformulier_2022.pdf is alleen visueel een formulier. Het mist een formulieropmaak voor PDF, waardoor bezoekers die gebruik maken van hulpsoftware het formulier niet zelfstandig digitaal kunnen invullen. Het formulier is nu enkel geschikt om uit te printen en in te vullen.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 16: Op de homepage staan blokken nieuws-content, met daarin een afbeelding, een kop en een korte tekst. De afbeeldingen zijn links en hebben een alternatieve tekst. In de content-volgorde staat de afbeelding bóven de koptekst. Hierdoor is het voor bezoekers die gebruik maken van hulpsoftware niet duidelijk welke afbeelding bij welke kop hoort. Plaats daarom de afbeelding in HTML structuur van de pagina ónder de koptekst. Visueel mag de afbeelding er wel boven blijven staan.

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 17: HMTL5 invoervelden die informatie over de gebruiker vragen, zoals naam/achternaam, adres en geboortedatum, moeten een juist autocomplete attritbuut hebben. In het contactformulier op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens worden gegevens van de bezoeker gevraagd. Niet alle invoervelden die gegevens van de bezoeker vragen beschikken over een autocomplete-attribuut. Kijk voor meer informatie op 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 18: Op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens wordt met een asterisk aangegeven dat velden verplicht zijn. De contrastratio tussen de blauwe tekst (HEX #01A4E1) en de witte achtergrond is 2,8:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 19: De tekst 'Contactformulier' (HEX #00A7E7) op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens heeft op de witte achtergrond een contrastratio van 2,7:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 20: Wanneer bezoekers op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens met de muis over een invoerveld hoveren, verschijnt er een tooltip met daarin grijze tekst (HEX #8D8D8D). De contrastratio tussen de tekst en de witte achtergrond is 3,3:1 waar dat minimaal 4,5;1 moet zijn.

Bevinding 21: Op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens staat de knop 'Controleer formulier'. Wanneer de knop toetsenbordfocus heeft, is de contrastratio tussen de grijze tekst (HEX #4D5E66) en de blauwe achtergrond (HEX #26B4EA) 2,8:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 22: In de PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_bijlagen/informatieopvangvluchtelinigenoekranemaart2022.pdf komt groene tekst (HEX #13A336) voor op een witte (HEX #FFFAF8) achtergrond. De contrastratio is hier 3,2:1 waar dat minimaal 4,5:1 moet zijn voor normale tekst. Voor grotere tekst, zoals de kopteksten, is dit wel voldoende.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.gemeentealtena.nl/footermenu/toegankelijkheidsverklaring staat een afbeelding van tekst. Door te klikken op de afbeelding gaat een bezoeker naar een pagina waar normaliter de informatie uit de afbeelding in platte tekst staat uitgeschreven. In dit geval komen de afbeelding van tekst en de informatie daarom niet overeen. Zorg ervoor dat de informatie uit de afbeelding op minimaal één andere manier toegankelijk wordt aangeboden of pas de afbeelding aan.

Bevinding 24: De tekst 'Vragen gemarkeerd met een * zijn verplicht om in te vullen' op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens is met het pseudo element ::before op de pagina geplaatst. Dit valt weg wanneer bezoekers een eigen stylesheet gebruiken, bijvoorbeeld om de tekst- en regelafstand te vergroten of om het contrast aan te passen. Plaats daarom alleen puur decoratieve content met CSS op de pagina en plaats deze tekst gewoon als platte tekst op de pagina.

Bevinding 25: De meeste tekst in de PDF https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_bijlagen/informatieopvangvluchtelinigenoekranemaart2022.pdf is een afbeelding, bijvoorbeeld de tekst 'Beste meneer, mevrouw'. Doordat teksten als afbeeldingen in het document zijn gemaakt kan het bestand niet correct getagd worden (zie ook succescriterium 1.3.1). Zorg ervoor dat alle teksten als gewone tekst in het document worden geplaatst.

Bevinding 26: Advies: Op pagina https://www.gemeentealtena.nl/werk-en-inkomen staat een afbeelding van tekst. De informatie komt ook elders op de pagina voor. Bij inzoomen is de tekst op de afbeelding niet meer goed leesbaar. Overweeg daarom ofwel een hogere resolutie te plaatsen, ofwel om de informatie op een andere manier aan te bieden. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.gemeentealtena.nl/werk-en-inkomen/bijzondere-bijstand.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 27: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar vanaf 300% op een pagina, bijvoorbeeld op de homepage, is niet meer het gehele social media/ReadSpeaker menu aan de zijkant van iedere pagina zichtbaar, de ReadSpeaker knop valt weg. Zorg ervoor dat bezoekers tot minimaal 400% kunnen inzoomen met de genoemde schermgrootte, zonder verlies van informatie of functionaliteit.

Bevinding 28: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar vanaf 250% verschijnt er een horizontale scollbalk op https://www.gemeentealtena.nl/footermenu/toegankelijkheidsverklaring, omdat de titel van de pagina van de pagina afvalt. Zorg ervoor dat inzoomen niet leidt tot verlies van informatie of functionaliteit en vermijd daarbij horizontaal scrollen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 29: Dit probleem doet zich specifiek voor in de Firefox browser:
Wanneer de link 'Bekijk meer nieuws' op de homepage focus heeft, is de contrastratio tussen de focusrand (HEX #BFDEFF) en de witte achtergrond 1,3:1 waar dat minimaal 3:1 moet zijn.

Bevinding 30: Advies: Op pagina https://www.gemeentealtena.nl/footermenu/toegankelijkheidsverklaring komen ongeordende lijsten voor. De bulletpoints hebben een vrij lage contrastratio op de achtergrondkleur. Aangezien het uit de opmaak van de tekst alsnog duidelijk is dat het om een opsomming gaat, wordt dit niet afgekeurd. Overweeg om de bulletpoints een hoger contrast te geven. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.gemeentealtena.nl/nieuws/nieuwsbericht/artikel/ik-wil-een-activiteit-organiseren-waar-moet-ik-beginnen.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 31: De content security policy op de website verhindert bezoekers van het toepassen van een eigen stylesheet. Hierdoor kunnen bezoekers de tekst niet aanpassen naar de waarden zoals besproken in dit succescriterium.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 32: Wanneer bezoekers met de muis over een invoerveld hoveren op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens, verschijnt er een tooltip.

Wanneer content bij hover of focus verschijnt geldt het volgende:

2. Bedienbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 33: De homepage https://www.gemeentealtena.nl/ bevat wel een manier om herhalende blokken content over te slaan, maar de skiplink 'Ga naar de inhoud' is niet de eerste link die focus krijgt. Zorg ervoor dat bezoekers direct naar de inhoud kunnen gaan.

Bevinding 34: Pagina https://www.gemeentealtena.nl/zoeken?q=partnerschap&x=0&y=0 heeft wel een manier om herhalende blokken content over te slaan, maar de link 'Ga naar de inhoud' verwijst naar 'https://www.gemeentealtena.nl/zoeken?q=Mantelzorg&x=0&y=0&cHash=36ae7c6dc15f6ea5bfe539c710417908#content', de zoekresultatenpagina van 'Mantelzorg'. Dit gebeurt op alle zoekresultaten pagina's.

Bevinding 35: Advies: De eerste skiplink heet nu 'Ga naar de zoeken'. Dit is geen toegankelijkheidsprobleem, maar idealiter is ook de skiplink van een website grammaticaal correct.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 36: De titel van pagina https://gemeentealtena.mijnafspraakmaken.nl/Client/#?link=0ebe is 'Activiteit(en)'. Dit beschrijft het doel van de pagina niet, namelijk het inplannen van een afspraak. Onderdelen van het proces mogen wel afzonderlijk benoemd worden, maar als onderdeel van een geheel, bijvoorbeeld 'Afspraak inplannen - activiteit(en)'.

Bevinding 37: De titel van de bevestigingspagina van het proces op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens is 'aanvraag'. Dit omschrijft onvoldoende het doel van de pagina.

Bevinding 38: De PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_bijlagen/informatieopvangvluchtelinigenoekranemaart2022.pdf heeft geen titel. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren. Geef de PDF een beschrijvende titel en zorg ervoor dat de titel bij openen wordt getoond. Dit geldt ook voor de PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_formulieren/Participatiewet/2022/Bijzondere_Bijstand_Aanvraagformulier_2022.pdf.

Bevinding 39: Advies: In de PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_formulieren/Participatiewet/2022/Bijzondere_Bijstand_Aanvraagformulier_2022.pdf is er wel een auteursnaam ingevoerd. Vanwege privacy redenen is het te overwegen de auteursnaam te verwijderen.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 40: Bezoekers kunnen in stap 3 (de volgorde hangt af van de gekozen activiteit, in dit geval 'Rijbewijs aanvragen/verlengen) 'Datum en tijd' van pagina https://gemeentealtena.mijnafspraakmaken.nl/Client/#/ een afspraak inplannen. Dit gebeurt in een tabel, waarbij iedere rij een dag en tijd staan die geselecteerd kunnen worden. Met het toetsenbord komt een bezoeker standaard alléén in de kolom 'Tijdkeuze', tenzij de bezoeker zelf de voor-ingevulde tijd aanpast naar 'Kies tijd'. In dat geval kan een bezoeker wel een selectierondje bereiken en bedienen met het toetsenbord. Het probleem is, dat er bij het kiezen van een tijd in een andere rij niet wordt voorgelezen om welke dag het gaat, omdat de datum geen tabelkop is. Bij de standaard bediening krijgt de bezoeker die met het toetsenbord navigeert en voorleessoftware gebruikt, nu alleen meerdere keren 'Kies tijd' te horen, zonder te weten om welke dag het gaat. Het is logischer dat een bezoeker juist eerst alleen een dag selecteert, om daarna voor die dag een tijd te selecteren.

Bevinding 41: Wanneer bezoekers inzoomen op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens verandert het navigatiemenu in een hamburgermenu. Visueel is 'Inloggen' de eerste link, maar deze krijgt pas als laatste in het menu focus. Zorg ervoor dat bezoekers die gebruik maken van het toetsenbord en inzoomen op de pagina, ook een logische weg doorlopen bij het navigeren op de pagina.

Bevinding 42: Wanneer bezoekers inzoomen op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens verandert het navigatiemenu in een hamburgermenu. Na het doorlopen van de menu items gaat de focusvolgorde verder op de achterliggende pagina terwijl het menu open blijft staan. Zorg ervoor dat bezoekers zelf het menu afsluiten, of dat het menu automatisch sluit wanneer de bezoeker verder navigeert.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 43: Op de homepage staan blokken nieuws-content, met daarin een afbeelding, een kop en een korte tekst. Zowel de afbeelding als de koptekst zijn nu een link. De afbeeldingen hebben een alternatieve tekst die de afbeelding omschrijft, maar het linkdoel niet. Bijvoorbeeld: 'Voorzittershamer'. Zorg ervoor dat de toegankelijke linktekst beschrijft waar de link naartoe verwijst. Overweeg in dit geval één link te plaatsen (de koptekst van het artikel) en het klikgebied met JavaScript te vergroten. Laat vervolgens het alt-attribuut van de afbeeldingen leeg zodat ze genegeerd kunnen worden door hulpsoftware, aangezien deze als decoratief kunnen worden gezien. Dit probleem doet zich op meerdere pagina's voor, waaronder op pagina https://www.gemeentealtena.nl/nieuws.

Bevinding 44: Op pagina https://www.gemeentealtena.nl/nieuws/nieuwsbericht/artikel/ik-wil-een-activiteit-organiseren-waar-moet-ik-beginnen verwijst een afbeelding van een video naar YouTube. Deze link heeft geen toegankelijke naam. Bezoekers weten daarom niet waar de link naar verwijst. Geef de afbeelding een alternatieve tekst om dit probleem op te lossen.

Bevinding 45: Advies: Op pagina https://www.gemeentealtena.nl/nieuws/nieuwsbericht/artikel/ik-wil-een-activiteit-organiseren-waar-moet-ik-beginnen staat een afbeelding van een geit. De afbeelding is een link. Met het title-attribuut heeft de link een linkdoel gekregen, maar het title-attribuut wordt niet door alle browser en hulpsoftware combinaties ondersteund. Overweeg om een andere manier te gebruiken om de link een toegankelijke naam te geven, zoals het toevoegen van een alternatieve tekst op de afbeelding of een aria-label.

Bevinding 46: Advies: Op pagina https://www.gemeentealtena.nl/geboorte-trouwen-en-overlijden/geboorteaangifte/birth-registration staat een afbeelding van de Nederlandse vlag, met als toegankelijk linkdoel 'Dutch version'. Daarnaast staat ook een tekstuele link met exact dezelfde tekst. Dit is overbodig en mogelijk storend voor bezoekers die gebruik maken van voorleessoftware. Overweeg één van de links te verwijderen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Voldoende

Bevinding 47: Advies: Wanneer afbeeldingen die ook interactief zijn, zoals klikbare afbeeldingen in nieuwsberichten en logo's in de header, in Firefox toetsenbordfocus hebben, is de focusrand niet om de hele afbeelding zichtbaar maar om een onzichtbare balk in de afbeelding. Hierdoor is de focusrand minder goed zichtbaar.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 48: Bovenaan iedere pagina staat een zoekfunctie in de header, met daarnaast een vergrootglas icoon. De zoekfunctie komt daarnaast ook los voor op de homepage. De zichtbare naam van het invoerveld is 'Waar kunnen wij u mee helpen?'. De toegankelijke naam van het invoerveld is echter 'Zoeken'. Omdat de visuele naam niet voorkomt in de toegankelijke naam, is het invoerveld moeilijker te bedienen voor bezoekers die gebruik maken van spraakgestuurde navigatie. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke naam, het liefst vooraan. In dit geval kan er ook voor worden gekozen de visuele naam aan te passen aan de toegankelijke naam, om te voorkomen dat de toegankelijke naam onnodig lang is.

Bevinding 49: Op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens#hoofdinhoud kunnen bezoekers een bestand toevoegen met de visuele knop 'Selecteer bestand'. Met een aria-label heeft deze knop echter de toegankelijke naam 'Bestand toevoegen aan []' gekregen. Zorg ervoor dat de visuele naam tenminste voorkomt in de toegankelijke naam, het 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 50: De PDF op pagina https://www.gemeentealtena.nl/fileadmin/Altena_bestanden/PDF_bijlagen/informatieopvangvluchtelinigenoekranemaart2022.pdf heeft geen taalinstellingen. Zorg ervoor dat de hoofdtaal van de PDF is ingesteld zodat hulpsoftware de PDFin de juiste taal kan voorlezen.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 51: De hoofdinhoud van pagina https://www.gemeentealtena.nl/geboorte-trouwen-en-overlijden/geboorteaangifte/birth-registration is Engelstalig, maar er is geen taalwissel ingesteld voor deze tekst. De taalinstellingen van de pagina staan ingesteld op Nederlands, waardoor de tekst in de verkeerde taal wordt voorgelezen door voorleessoftware. Geef een taalwissel aan, of verander de taal van de pagina. Zorg er in het laatste geval voor dat de hele pagina Engelstalig is, inclusief header en footer.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 52: Op de homepage staat een zoekfunctie met daarbij een vegrootglas icoon. Dit icoon is een knop. De knop heeft als type 'image', en het value attribuut is toegevoegd. Het value attribuut is niet toegestaan op een input-element van dit type. Verwijder daarom het value attribuut.

Bevinding 53: In de footer van iedere pagina staat een telefoonnummer. In de waarde achter het href attribuut komen spaties voor, dat is niet toegestaan.

Bevinding 54: Bij het kiezen van een datum en een tijd in het proces op pagina https://gemeentealtena.mijnafspraakmaken.nl/ komen meerdere keren dubbele id's voor.

Bevinding 55: In stap 1 van het proces op https://gemeentealtena.mijnafspraakmaken.nl/Client/#?link=0ebe komt een zoekveld voor waar het attribuut aria-label.bind op is gebruikt, dit is niet toegestaan.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 56: Op meerdere pagina's, waaronder op pagina https://www.gemeentealtena.nl/footermenu/toegankelijkheidsverklaring staan uitklapbare koppen. Dit zijn div-elementen die klikbaar zijn gemaakt, maar de elementen hebben geen toegankelijke rol. Omdat de rol mist (bijvoorbeeld 'button'), komt deze ook niet voor op de elementenlijsten die bezoekers die gebruik maken van bijvoorbeeld hulpsoftware op kunnen vragen. Zorg ervoor dat interactieve elementen een toegankelijke naam, rol en eventueel waarde (bijvoorbeeld met aria-expanded) communiceren. Nu wordt er voor ieder item gecommuniceerd dat het item uitgeklapt is, door dat toe te voegen als tekst aan de toegankelijke naam, terwijl het item niet uitgeklapt is. Dit komt op alle pagina's met deze uitklapbare elementen voor.

Bevinding 57: Op pagina https://www.gemeentealtena.nl/nieuws/nieuwsbericht/artikel/ik-wil-een-activiteit-organiseren-waar-moet-ik-beginnen verwijst een afbeelding van een video naar YouTube. Deze link heeft geen toegankelijke naam. Zorg ervoor dat iedere link een toegankelijke naam heeft.

Bevinding 58: Wanneer bezoekers het formulier op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens correct hebben ingevuld, verschijnt de knop 'Indienen'. Deze knop is bereikbaar en bedienbaar met het toetsenbord, maar heeft het aria-attribuut hidden. Dit veroorzaakt toegankelijkheidsproblemen met verschillende hulpsoftware- en browsercombinaties.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 59: Wanneer bezoekers op pagina https://loket.gemeentealtena.nl/aanvraag?schema=contactformulier_website&productsleutel=contactformulier_website&pagina=contactgegevens het formulier verzenden, verschijnt een laadanimatie. Bezoekers die gebruik maken van hulpsoftware krijgen hier geen melding van. Dit is verwarrend, omdat de nieuwe inhoud van de pagina ook nog niet beschikbaar is. Door het ontbreken van de melding weten zij niet wat er aan de hand is. Zorg er daarom voor dat deze informatie wordt doorgegeven aan 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

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2024-12-22 05:57:53 v2.4-011