Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Buurtteam Amsterdam

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Buurtteam Amsterdam
Datum 31 december 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op buurtteamamsterdam.nl.
  • Alle PDF's op buurtteamamsterdam.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: 41

    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 elke pagina (bijvoorbeeld https://www.buurtteamamsterdam.nl/) is het logo te vinden. Deze staat in een link naar de homepage. Via een aria-label heeft deze de naam 'Logo Buurtteams, ga naar de homepage' gekregen. In deze naam komt niet alle tekst terug die op het logo te zien is, en maakt hierdoor onvoldoende duidelijk naar welke pagina de link leidt. Pas de tekst van het aria-label aan, bijvoorbeeld naar 'Logo Buurtteam Amsterdam, ga naar de homepage'. Ditzelfde komt voor bij het logo in de footer. Zie ook succescriterium 2.4.4.

    Bevinding 2: Op elke pagina (bijvoorbeeld https://www.buurtteamamsterdam.nl/) is de knop 'Contact' te vinden. Hierbij is een icoon met een envelop te vinden, dit is een afbeelding die geen alternatieve tekst heeft. Omdat het om een decoratief icoon gaat hoeft deze ook geen alternatieve tekst te hebben. Wel is het belangrijk dat de afbeelding op correcte wijze wordt verborgen voor hulpsoftware, dat is nu niet gedaan. Doe dit bijvoorbeeld door een alt-attribuut aan het img-element toe te voegen, en deze leeg te laten.

    Bevinding 3: Op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ staan onder 'Wat kan ik alvast zelf doen?' verschillende logo's. Het 'DigiD' logo en 'Voor Elkaar in Amsterdam' logo hebben geen alternatieve tekst. Omdat een logo belangrijke informatie overbrengt, is een alternatieve tekst belangrijk. Voeg deze toe, zorg dat hierin minimaal de tekst 'logo' en alle tekst die op het logo te zien is terug komt. De logo's 'Gemeente Amsterdam' en 'Nibud' hebben wel een alternatieve tekst, maar deze kunnen worden verbeterd door uit de eerste de term 'zwart' en uit de tweede het leesteken '_' te verwijderen.

    Bevinding 4: Op pagina https://www.buurtteamamsterdam.nl/weggeefmarkt-volewijck/ zijn onder 'Weggeefmarkt in Volewijck' vier iconen met kerstbomen te zien. De alternatieve tekst wordt mogelijk niet in elke browser-hulpsoftwarecombinatie goed voorgelezen. Dit komt doordat bij het alt-attribuut van de img-elementen een icoon is ingevuld in plaats van een tekst. Los dit bijvoorbeeld op door het alt-attribuut te overschrijven met een aria-label met een beschrijvende tekst, of als het gaat om decoratieve iconen het aria-hidden attribuut toe te voegen.

    Bevinding 5: Op pagina https://www.buurtteamamsterdam.nl/aangepaste-openingstijden-van-onze-inlopen-tijdens-de-kerstvakantie/ staat een afbeelding waarop informatie te vinden is ('In de kerstvakantie kunt u terecht bij..'). Deze afbeelding is doormiddel van een leeg alt-attribuut voor hulpsoftware verborgen, maar omdat het niet om een decoratieve afbeelding gaat moet deze wel een alternatieve tekst hebben. Voeg deze toe. Zorg ook dat de informatie die op de afbeelding staat op andere wijze op de pagina te vinden is, zie hiervoor succescriterium 1.4.5, dan is ook voldaan aan 1.4.3 contrast minimum.

    1.2 Op tijd gebaseerde media

    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 6: Op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ staat een video bij 'Kunt u alles nog betalen?' Bij tijdstip 0:04 staan verschillende onderwerpen in beeld en wordt ingezoomd op het onderwerp waar de video over gaat. Op het einde van de video is het logo van Buurtteam Amsterdam in beeld. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Daardoor kunnen bezoekers die niet kunnen zien niet weten wat er wordt getoond in de video. Zet deze informatie in een transcript om te voldoen aan dit succes criterium. Of maak gebruik van een extra audiospoor om ook te voldoen aan succescriterium 1.2.5. Een soortgelijk probleem doet zich voor op pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ bij de video 'Hoe helpt het buurtteam mij?', waar bijvoorbeeld bij tijdstip 0:29 de naam en functie van de spreker in beeld komen.

    1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

    Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

    Uitkomst: Onvoldoende

    Bevinding 7: Op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ staat een video bij 'Kunt u alles nog betalen?' Bij deze video ontbreekt audiodescriptie, waardoor de informatie die op tijdstip 0:04 in beeld is, en het logo op het einde van de video, niet beschikbaar is voor bezoekers die niet kunnen zien. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Voeg een extra audiospoor toe waarin audiodescriptie te horen is. Een soortgelijk probleem doet zich voor op pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ bij de video 'Hoe helpt het buurtteam mij?', waar bijvoorbeeld bij tijdstip 0:29 de naam en functie van de spreker in beeld komen.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 8: Op pagina https://www.buurtteamamsterdam.nl/ staan onder de kop 'Stadsdelen, activiteiten en spreekuren' meerdere links. Deze zijn geplaatst binnen een h3-kop element, waardoor deze behalve link ook als kop worden voorgelezen. De functie van een kop is het beschrijven van bijbehorende content, maar dat klopt in dit geval niet omdat er geen content is die bij de kop hoort. Verwijder daarom het kop-element, het is voldoende als dit alleen als links opgemaakt is.

    Bevinding 9: Op pagina https://www.buurtteamamsterdam.nl/?s=Wonen staat een navigatie element onder de zoekresultaten. Hierbij is niet op de juiste wijze gebruik gemaakt van de lijst-ementen, waardoor de structuur binnen dit element niet duidelijk is voor bezoekers die deze voorgelezen krijgen door hulpsoftware zoals een screenreader. En ul-element mag geen nav-element als child-element hebben. Daarnaast is het ul-element hier niet correct gebruikt, omdat deze geen lijst items (li) bevat. De ul-lijst die binnen het nav-element staat is wel correct opgemaakt. Pas de opmaak aan zodat het nav-element niet binnen een ul-element staat maar maak dit op andere wijze op.

    Bevinding 10: Op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ staat onder de kop 'Hoe werkt het Team Vroeg Eropaf?' (te vinden via het tabblad 'Vroeg Eropaf' onder de kop 'Wat kunnen we samen doen?' een opsomming van drie stappen. Omdat dit een opsomming is, is het belangrijk dat de structuur van de opsomming duidelijk is voor bezoekers die hulpsoftware gebruiken. Maak de opsomming daarom op als lijst, bijvoorbeeld met het ol- en li- element. Hetzelfde komt vaker voor in de website, bijvoorbeeld op dezelfde pagina onder "Hoe helpt het buurtteam mij bij mijn geldzaken?" en op pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ onder "Hoe helpt het buurtteam mij?"

    Bevinding 11: Op pagina https://www.buurtteamamsterdam.nl/evert-over-werken-bij-buurtteam-amsterdam/ is de introtekst opgemaakt met het strong-element. Omdat dit element een semantische betekenis heeft is deze alleen geschikt om enkele woorden nadruk te geven, maar niet voor een hele introtekst. Maak de tekst als gewone tekst op en voeg bijvoorbeeld styling toe via de stylesheet. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.buurtteamamsterdam.nl/verhalen/soran/.

    Bevinding 12: Op pagina https://www.buurtteamamsterdam.nl/evert-over-werken-bij-buurtteam-amsterdam/ zijn visueel koppen te herkennen in de tekst. Doordat deze niet als kop maar met het strong-element zijn opgemaakt, kunnen deze door hulpsoftware niet als kop geïnterpreteerd worden. Los dit op door de kopteksten op te maken als kop op het juiste kopniveau. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.buurtteamamsterdam.nl/verhalen/soran/ en https://www.buurtteamamsterdam.nl/privacy/.

    Bevinding 13: Op pagina https://www.buurtteamamsterdam.nl/contact/?buurtteam=830 staat een formulier. Hierin kan de bezoeker onder de vraag 'Hoe wilt u dat we contact opnemen?*' kiezen uit drie selectievakjes. Voor bezoekers die niet kunnen zien is het niet meteen duidelijk bij welke vraag deze keuze-opties horen, doordat deze niet programmatisch aan elkaar zijn gekoppeld. Maak bijvoorbeeld gebruik van een combinatie van fieldset en legend om dit op te lossen. Dit komt ook voor bij de selectievakjes onder 'Mijn vraag gaat over (u kunt meer dan 1 onderwerp aanvinken)'.

    Bevinding 14: Op de pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ staat in het hoofdmenu in de header van de pagina het item " Over buurtteams" dik gedrukt om aan te geven dat dit de huidige pagina is. Voor blinden en slechtzienden is deze informatie niet beschikbaar via hulpsoftware. Markeer het actieve menu-item zodat deze ook als zodanig wordt voorgelezen door een screenreader. Bijvoorbeeld via aria-current en een waarde die de content beschrijft: "page". Dit geld voor elk menu-item dat dik afgebeeld is.

    Bevinding 15: Advies: Op verschillende pagina's wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een koppenstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet goed is opgebouwd, maar het verbeteren hiervan zorgt dat de structuur van de content beter geïnterpreteerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de belangrijkste kop (titel van de pagina), kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, etcetera. Sla hierbij geen koppen over. Een aantal voorbeelden van een onjuiste koppenstructuur zijn:

    Bevinding 16: Advies: Op pagina https://www.buurtteamamsterdam.nl/vind-uw-buurtteam/ is onder 'Buurtteams' een overzicht van de buurtteams te vinden. Bij elk buurtteam staat het adres en op de volgende regel het telefoonnummer. Doordat deze twee regels binnen div-elementen zijn geplaatst, wordt de informatie als één zin voorgelezen door hulpsoftware. Hierdoor is in sommige gevallen de postcode niet goed te verstaan. Dit kan bijvoorbeeld worden opgelost door de informatie in een lijst met twee lijst-items te plaatsen.

    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: Op pagina https://www.buurtteamamsterdam.nl/contact/?buurtteam=830 staat een formulier waar de bezoeker onder andere de voor- en achternaam en postcode 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. 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 18: De eerste keer dat een bezoeker op de website komt is er een cookie melding. De link naar de "privacieverklaring" lichtgrijs (HEX #787878) op witte achtergrond heeft een telaag contrast. De contrasverhouding is hiet 4,4:1 terwijl dat tenminste 4,5:1 moet zijn.

    Bevinding 19: Op pagina https://www.buurtteamamsterdam.nl/aangepaste-openingstijden-van-onze-inlopen-tijdens-de-kerstvakantie/ staat een afbeelding met informatieve tekst. De witte tekst op roze achtergrond (HEX #FF9999) heeft een te laag contrast. De contrastverhouding is hiet 2:1 terwijl dat tenminste 3:1 moet zijn.

    1.4.5 Afbeeldingen van tekst (Niveau AA)

    Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

    Uitkomst: Onvoldoende

    Bevinding 20: Op pagina https://www.buurtteamamsterdam.nl/aangepaste-openingstijden-van-onze-inlopen-tijdens-de-kerstvakantie/ staat een afbeelding waarop informatie te vinden is ('In de kerstvakantie kunt u terecht bij..'). Voor bezoekers die slechtziend of kleurenblind zijn, is deze informatie mogelijk niet beschikbaar. Voor hen kan het noodzakelijk zijn de tekstafstand of het kleurcontrast aan te passen, wat bij een afbeelding niet mogelijk is. Plaats daarom de informatie als gewone tekst op de pagina.

    1.4.10 Reflow (Niveau AA)

    Informatie over succescriterium 1.4.10 Reflow

    Uitkomst: Onvoldoende

    Bevinding 21: Op meerdere pagina's, bijvoorbeeld de homepage https://www.buurtteamamsterdam.nl/, vouwt het menu samen onder een menuknop als bij een schermgrootte van 1280 bij 1024 pixels wordt ingezoomd vanaf 150%. Het logo met de link naar de homepage is zichtbaar als het menu wordt uitgevouwen. Wanneer verder wordt ingezoomd vanaf 175%, verdwijnt deze uit beeld maar bevindt deze zich nog wel in de focusvolgorde. Zorg dat het logo ook bij verder inzoomen in beeld blijft.

    Bevinding 22: Op pagina https://www.buurtteamamsterdam.nl/vind-uw-buurtteam/ is een kaart te vinden en daarnaast een overzicht van de buurtteams. Als bij een schermgrootte van 1280 bij 1024 pixels wordt ingezoomd tot 125%, verdwijnt deze content van de pagina. Als verder wordt ingezoomd verschijnt het overzicht van de buurtteams weer, maar blijft de kaart afwezig. Zorg ervoor dat er geen content van de pagina verdwijnt bij het inzoomen.

    Bevinding 23: Als op pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ wordt ingezoomd tot 400% bij een schermgrootte van 1280 bij 1024 pixels, verdwijnt een deel van de tekst van de pagina. Het gaat om de tekst bij 'Stap 3' onder 'Hoe helpt het buurtteam mij?'. Er verschijnt wel een scrollbalk in leesrichting, maar het is niet toegestaan deze op de hele pagina te plaatsen. Zorg dat de tekst volledig in beeld blijft bij het inzoomen. Ditzelfde komt voor op pagina https://www.buurtteamamsterdam.nl/buurtteam-amsterdam/about-buurtteam-amsterdam/ bij 'Step 3'.

    1.4.11 Contrast van niet-tekstuele content (Niveau AA)

    Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

    Uitkomst: Onvoldoende

    Bevinding 24: Op onder andere pagina https://www.buurtteamamsterdam.nl/ heeft de blauwe (HEX #14A1C8) focusrand niet op alle achtergrondkleuren voldoende contrast. Waar deze focusrand de enige focusindicator is levert dit een probleem op. Dit doet zich bijvoorbeeld voor bij de link 'Klik hier voor de pagina over geld', waar de contrastverhouding 2,8:1 is met de lichtgele (HEX #FBF4E3) achtergrond. Bij de link 'Alle nieuwsberichten' is de contrastverhouding 2,8:1 met de lichtgroene (HEX #DCFFC8) achtergrond. Zorg dat de contrastverhouding minimaal 3:1 is.

    Bevinding 25: Op pagina https://www.buurtteamamsterdam.nl/contact/?buurtteam=830 is een formulier te vinden waarbij de formuliervelden en selectievakjes witgekleurd zijn. Deze hebben onvoldoende contrast met de lichtgele (HEX #FBF4E3) achtergrond. Hierdoor is voor sommige bezoekers mogelijk niet te zien waar deze velden zich bevinden. De contrastverhouding is 1,1:1 waar deze minimaal 3:1 moet zijn. Dit kan ook worden opgelost door de velden en selectievakjes een rand te geven die voldoende contrast heeft.

    2. Bedienbaar

    2.1 Toetsenbordtoegankelijk

    2.1.1 Toetsenbord (Niveau A)

    Informatie over succescriterium 2.1.1 Toetsenbord

    Uitkomst: Onvoldoende

    Bevinding 26: Op pagina https://www.buurtteamamsterdam.nl/vind-uw-buurtteam/ is een kaart te vinden. Via het toetsenbord is niet elk klikbaar element binnen deze kaart te bereiken en bedienen. Voor de markers die naar buurtteams leiden is de lijst met buurtteams die naast de kaart staat een toegankelijk alternatief. Maar de link 'OpenStreetMap' is nergens anders te vinden, en nu niet te bereiken voor bezoekers die navigeren via het toetsenbord. Op deze link is 'tabindex="-1"' geplaatst waardoor de focus hier niet naartoe kan worden gebracht. Verwijder dit attribuut.

    Bevinding 27: Op pagina https://www.buurtteamamsterdam.nl/contact/?buurtteam=830 staat als het formulier in beeld is een blok van 'reCAPTCHA' in beeld waarop de links 'Privacy' en 'Terms' staan. Deze zijn via het toetsenbord niet bereikbaar en bedienbaar. Zorg dat bezoekers die navigeren via het toetsenbord de focus hier naartoe kunnen brengen en de links kunnen bedienen.

    2.1.4 Enkel teken sneltoets (Niveau A)

    Informatie over succescriterium 2.1.4 Enkel teken sneltoets

    Uitkomst: Onvoldoende

    Bevinding 28: Op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ wordt gebruikgemaakt van de videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van hulpsoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met hulpsoftware hun computer te bedienen.
    Op dit moment werkt de oplossing die we normaalgesproken zouden adviseren ('disablekb=1' toevoegen aan de URL) niet goed. De normale bediening gaat bij deze oplossing goed, maar zodra je instellingen wil aanpassen (zoals afspeelsnelheid) werkt dit niet via het toetsenbord. Daarom is een YouTube-videospeler (momenteel) niet goed toetsenbordtoegankelijk. Daarom adviseren we, tot dit probleem is opgelost, om andere videospeler te gebruiken. Dit probleem doet zich ook voor op pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ bij de video 'Hoe helpt het buurtteam mij?'.

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 29: De PDF's https://www.buurtteamamsterdam.nl/download/83770/?tmstv=1734932102 en https://www.buurtteamamsterdam.nl/download/83802/?tmstv=1734932102 hebben geen titel in de bestandseigenschappen. Vul een titel in die het document beschrijft. Zorg er daarnaast voor dat bij 'Weergave bij openen' wordt ingesteld dat de documenttitel wordt getoond in plaats van de bestandsnaam.

    Bevinding 30: Advies: Op sommige pagina's (bijvoorbeeld https://www.buurtteamamsterdam.nl/vind-uw-buurtteam/) bevat de paginatitel niet de organisatienaam, maar de aanduiding 'Buurtteams'. Dit wordt niet afgekeurd op toegankelijkheid, maar het is beter om de naam van de organisatie 'Buurtteam Amsterdam' in de paginatitel te laten terugkomen. Op de meeste pagina's wordt dit wel correct gedaan.

    Bevinding 31: Advies: Bij sommige pagina's (bijvoorbeeld https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/) ontbreekt de organisatienaam in de paginatitel. Voeg deze toe, zodat het voor bezoekers die op de pagina komen duidelijk is bij welke organisatie deze hoort.

    2.4.3 Focus volgorde (Niveau A)

    Informatie over succescriterium 2.4.3 Focus volgorde

    Uitkomst: Onvoldoende

    Bevinding 32: Op pagina https://www.buurtteamamsterdam.nl/ is onder het blok 'Laatste nieuws' een visueel verborgen div-element te vinden waarin een focusbare link 'Crypto casino Nederland' staat. Deze is niet op de pagina te zien maar komt wel voor in de focusvolgorde, waardoor bezoekers die navigeren via het toetsenbord deze wel tegenkomen. Omdat de link verder ook geen verband lijkt te hebben met de content van de pagina, zou de beste oplossing het verwijderen van deze link zijn.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 33: Op elke pagina (bijvoorbeeld https://www.buurtteamamsterdam.nl/) is het logo te vinden. Deze staat in een link naar de homepage. Via een aria-label heeft deze de naam 'Logo Buurtteams, ga naar de homepage' gekregen. In deze naam komt niet alle tekst terug die op het logo te zien is, en maakt hierdoor onvoldoende duidelijk naar welke pagina de link leidt. Pas de tekst van het aria-label aan, bijvoorbeeld naar 'Logo Buurtteam Amsterdam, ga naar de homepage'. Ditzelfde komt voor bij het logo in de footer. Zie ook succescriterium 1.1.1.

    Bevinding 34: Op de homepage https://www.buurtteamamsterdam.nl/ staat een link met de tekst 'Lees hier verder'. Visueel is te begrijpen waar deze link bij hoort en daardoor wat het doel van de link is. Maar voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is het mogelijk om te navigeren via een lijst van links, waarbij deze context weg valt. Daarom moet de linktekst duidelijk maken van het doel van de link is. Pas de naam van de link aan. Dit hoeft niet op de pagina zichtbaar te zijn, omdat het linkdoel visueel wel duidelijk is. Een soortgelijk probleem komt voor op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ bij de link 'Lees het hele verhaal'. En op pagina https://www.buurtteamamsterdam.nl/werken-bij/ bij de links 'Lees verder'.

    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 35: Pagina https://www.buurtteamamsterdam.nl/buurtteam-amsterdam/about-buurtteam-amsterdam/ bevat de Nederlandse taalcode. Hierdoor wordt de Engelstalige content met Nederlandstalige uitspraak voorgelezen door hulpsoftware zoals een screenreader. Dat maakt het lastig om de content te begrijpen. Pas de taalcode aan (naar lang="en"). Let hierbij op dat het menu en de footer wel de Nederlandse taal bevat, plaats hierop een afwijkende taalcode of vertaal deze content.

    3.1.2 Taal van onderdelen (Niveau AA)

    Informatie over succescriterium 3.1.2 Taal van onderdelen

    Uitkomst: Onvoldoende

    Bevinding 36: Pagina https://www.buurtteamamsterdam.nl/?s=Wonen heeft een paginatitel die deels Engelstalig is. De titel is 'You searched for Wonen - Buurtteams'. Omdat de taal van de pagina is ingesteld op Nederlands, kan deze Engelstalige tekst niet met de juiste uitspraak worden voorgelezen door hulpsoftware zoals een screenreader. De beste oplossing is het vertalen van de paginatitel zodat de taal overeenkomt met de taal ven de content van de pagina. Een soortgelijk probleem komt voor bij pagina https://www.buurtteamamsterdam.nl/404.

    Bevinding 37: Op pagina https://www.buurtteamamsterdam.nl/?s=Wonen staat onder de zoekresultaten een navigatie element. Deze heeft via een aria-label de naam 'Pagination' gekregen. Deze Engelstalige tekst wordt niet goed voorgelezen door hulpsoftware, doordat de taal van de pagina op Nederlands staat ingesteld. De tekst kan beter vertaald worden, zodat deze overeenkomt met de taal van de content. Dit komt ook voor op pagina https://www.buurtteamamsterdam.nl/verhalen/ en pagina https://www.buurtteamamsterdam.nl/nieuws/.

    3.3 Assistentie bij invoer

    3.3.1 Foutidentificatie (Niveau A)

    Informatie over succescriterium 3.3.1 Foutidentificatie

    Uitkomst: Onvoldoende

    Bevinding 38: Op pagina https://www.buurtteamamsterdam.nl/contact/?buurtteam=830 staat een formulier. Als deze wordt verstuurd terwijl een verplicht veld niet is ingevuld, komt hier de foutmelding 'Dit veld is verplicht' bij te staan. Deze tekst is een goede foutsuggestie zoals beschreven voor succescriterium 3.3.3, maar maakt onvoldoende duidelijk wat er mis is gegaan. Hierdoor kan het voor sommige bezoekers lastig zijn om het formulier op correcte wijze in te vullen. Vul de tekst aan, bijvoorbeeld met 'Dit veld is niet ingevuld'.

    3.3.2 Labels of instructies (Niveau A)

    Informatie over succescriterium 3.3.2 Labels of instructies

    Uitkomst: Onvoldoende

    Bevinding 39: Op pagina https://www.buurtteamamsterdam.nl/contact/?buurtteam=830 staat een formulier waar bij de verplichte velden een asterisk (*) wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.

    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 40: Op meerdere pagina's (bijvoorbeeld https://www.buurtteamamsterdam.nl/) is een zoekfunctie terug te vinden. Hierin bevindt zich de zoekknop, visueel te herkennen aan een icoon met een vergrootglas. De knop heeft geen naam, waardoor het voor hulpsoftware zoals een screenreader niet duidelijk is wat de functie van de knop is. Voeg een naam toe die dit beschrijft (bijvoorbeeld 'Zoek'). Ditzelfde komt voor op pagina https://www.buurtteamamsterdam.nl/404, waar de zoekfunctie ook in de content van de pagina staat.

    Bevinding 41: Op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/geld/ staat de video 'Kunt u alles nog betalen?'. Bezoekers die navigeren via het toetsenbord kunnen de video afspelen via de link 'view' die wordt voorgelezen als 'view afbeelding link'. Hieruit wordt niet duidelijk dat zich hier een video bevindt en welke dit is, of dat deze hier kan worden afgespeeld. Geef de video een beschrijvende titel. Dit probleem doet zich ook voor op pagina https://www.buurtteamamsterdam.nl/over-buurtteam/ bij de video 'Hoe helpt het buurtteam mij?' en op pagina https://www.buurtteamamsterdam.nl/waarmee-kunnen-we-helpen/werk/ bij de video 'Wil je een baan of heb je een vraag over werk?'.

    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: 2025-02-05 11:01:07 v2.4-011