Rapport:
Audit digitale toegankelijkheid website Kavelwinkel Almere

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/contact/ staan onder de kop “Onze zelfbouwadviseur” twee afbeeldingen die nu door hulpsoftware genegeerd worden. Deze foto’s van de zelfbouwadviseurs zijn niet puur decoratief en moeten een tekstalternatief krijgen om te voldoen. Een tekstalternatief met simpelweg de naam van de adviseur is al voldoende om duidelijk te maken wat er op de afbeelding te zien is.

Op pagina https://kavelwinkel.almere.nl/kennisbank/ staat een foto van zelfbouwwoningen met het onderschrift “Zelfbouwwoningen in Almere”. De foto die boven deze tekst staat wordt nu genegeerd door hulpsoftware. Het beste is om afbeeldingen met een bijschrift een kort tekstalternatief te geven zodat deze niet genegeerd worden door hulpsoftware. Het is ook mogelijk om het bijschrift voor hulpsoftware te verbergen. Dit type probleem komt ook voor op pagina https://kavelwinkel.almere.nl/stadsdelen/almere-stad/, de foto bij het onderschrift “Zelfbouw in de Noorderplassen in Almere Stad” wordt genegeerd door hulpsoftware.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ staat een afbeelding van een kaart. Het is op dit mogelijk om de kaart te vergroten met de knop “Vergroot afbeelding”. Om duidelijk te kunnen maken welke afbeelding vergroot wordt mag deze afbeelding niet genegeerd worden door hulpsoftware. Een deel van de rode tekstuele informatie in deze kaart komt nu ook niet terug in de tekst op deze pagina. Die informatie zoals het aantal en formaat van de verschillende fasen in tekst op deze pagina te plaatsen zorgt ervoor dat die informatie toegankelijk is zonder dat het nodig is om de kaart aan te passen.

Op pagina https://kavelwinkel.almere.nl/kavels/ staat een interactieve kaart die nu geen tekstalternatief heeft. Het is nodig om aan gebruikers van hulpsoftware duidelijk te maken dat er een kaart op deze pagina staat. Het is een optie om het canvas-element op te maken als afbeelding met een tekstalternatief. Dit kan bijvoorbeeld door aan dat element de attributen role="img" en aria-label="kavelkaart" toe te voegen.

Op pagina https://kavelwinkel.almere.nl/kavels/kavel-o231/ staat een kaart waarop de locatie van het kavel O231 gemarkeerd is. In dit geval gaat het om een img-element dat door het gebruik van een leeg alt-attribuut genegeerd wordt door hulpsoftware. Het is nodig om deze afbeelding van een kort tekstalternatief te voorzien zodat duidelijk is dat er een kaart op deze pagina staat. Denk daarbij aan een tekstalternatief zoals alt="kaart van kavel O231".

In de cookiemelding op pagina https://kavelwinkel.almere.nl/ staat linksonder het logo van Cookiebot. Dit logo heeft met het aria-label: “logo - opens in a new window” geen goed Nederlands tekstalternatief. Om te voldoen moet alle zichtbare tekst op het logo in het aria-label van de link staan. Het aria-label op de link moet duidelijk maken dat hier een logo staan én de aanvullende instructies staan in de verkeerde taal. Deze link voldoet door deze fouten nu ook niet aan de succescriteria 2.4.4, 2.5.3 en 3.1.2.

Advies: Op pagina https://kavelwinkel.almere.nl/inloggen/ komt na het activeren van de link "Inloggen met Yivi" een QR-code in beeld die nu geen tekstalternatief heeft. De tekst "Let op: de QR code moet u scannen vanuit de Yivi app." geeft de suggestie dat er op dit moment een QR-code in beeld staat. Het is een optie om aan het canvas-element de attributen role="img" en aria-label="Yivi QR-code" toe te voegen om er voor te zorgen dat hulpsoftware de aanwezigheid van de QR-code ook echt presenteert.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kennisbank/ staat een video waarvan bijna alle belangrijke informatie die in beeld komt ook terugkomt in het geluid van de video. Het is een probleem dat op de begin en eindtitel de tekst “Ik bouw mijn huis in Almere” in beeld komt die niet terugkomt in het geluid. Op de eindtitel staat nu ook de URL “www.ikbouwmijnhuisinalmere.nl” die niet bestaat. Ook moeten de achternamen van de beide sprekers die als tekst in beeld komen terwijl zij alleen voorgesteld worden met een voornaam in het geluid worden opgenomen. Doordat het standaard geluid al bijna helemaal een audiodescriptie is en het voor toegankelijkheid sowieso verplicht is om een audiodescriptie toe te voegen lijkt de eenvoudigste oplossing om het geluid aan te passen.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ staat een video waarin een voice-over uitleg geeft. Tijdens deze uitleg komt er allerlei tekstuele informatie in beeld die niet in het huidige geluid terugkomen. Het gaat om de tekst die eerste seconden in beeld staat. Ook teksten als “Almere is de jongste stad van Nederland” die na vier seconden in beeld staat zijn nu niet beschikbaar voor gebruikers die het beeld niet (goed) kunnen waarnemen. De teksten die na 20, 22 en na 30 seconden in beeld komt moeten een alternatief krijgen. Het is onder dit succescriterium toegestaan om dit te doen met een media-alternatief, maar doordat het sowieso noodzakelijk is om een volledige audiodescriptie aan te bieden is het eenvoudiger om voor de oplossing audiodescriptie te kiezen.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kennisbank/ staat een video waarvan bijna alle belangrijke informatie die in beeld komt ook terugkomt in het geluid van de video. Het is een probleem dat op de begin en eindtitel de tekst “Ik bouw mijn huis in Almere” in beeld komt die niet terugkomt in het geluid. Op de eindtitel staat nu ook de URL “www.ikbouwmijnhuisinalmere.nl” die niet bestaat. Ook moeten de achternamen van de beide sprekers die als tekst in beeld komen terwijl zij alleen voorgesteld worden met een voornaam in het geluid worden opgenomen. Het is onder dit succescriterium vereist om het ontbreken van deze visuele informatie op te lossen door een audiodescriptie te gebruiken.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ staat een video waarin een voice-over uitleg geeft. Tijdens deze uitleg komt er allerlei tekstuele informatie in beeld die niet in het huidige geluid terugkomen. Het gaat om de tekst die eerste seconden in beeld staat. Ook teksten als “Almere is de jongste stad van Nederland” die na vier seconden in beeld staat zijn nu niet beschikbaar voor gebruikers die het beeld niet (goed) kunnen waarnemen. De teksten die na 20, 22 en na 30 seconden in beeld komt moeten een alternatief krijgen. Het is onder dit succescriterium vereist om dit te doen met een audiodescriptie.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://kavelwinkel.almere.nl/ staan in het hoofdmenu knoppen met het aria-label=”Sub menu”. Deze tekst geeft geen informatie over wat er nu uitklapt. Het feit dat deze knop onderdeel is van de navigatie en aanvullende content in beeld zet blijkt al uit het feit dat dit een knop is in een nav-element en uit het gebruik van aria-expanded op de knop. Het is wel duidelijk dat de knop en de link een relatie met elkaar hebben, maar welke relatie is niet duidelijk. Aria-labels zoals “Categorieën” of “Veelgebruikte artikelen” of “In de Kennisbank”. Voor de knop naast “Stadsdelen” geld hetzelfde, een optie daar is om een aria-label “Alle stadsdelen”

Op pagina https://kavelwinkel.almere.nl/ staan onder de kop “De nieuwste updates” drie links naar verschillende pagina’s. Deze links zijn opgemaakt als kop. Dat is niet toegestaan voor dit soort grote links. Een kop zegt altijd iets over de onderstaande content en dat is hier niet het geval. Het is een optie om de links “Zomervakantie 2024 Kavelwinkel” tot en met “Planning kavelverkoop 2024” op te maken in één lijst. Ditzelfde probleem geld ook voor de vier links onder de kop “Ervaringen van anderen zien?”.

Op pagina https://kavelwinkel.almere.nl/ onder de kop “Ontdek de 6 stadsdelen” een lijst in de code. Het gaat om de lijst met class="list-district-teasers". Deze lijst bevat voor gebruikers van hulpsoftware alleen de namen van de zes stadsdelen. Het beste is om deze lijst te verbergen voor gebruikers van hulpsoftware. De lijst met links die in de code onder deze eerste lijst staat is een volwaarding alternatief. Er zijn meerdere manieren om content te verbergen voor hulpsoftware, een van die methoden is het gebruik van aria-hidden=”true” op het ul-element.

Op pagina https://kavelwinkel.almere.nl/kennisbank/downloads/ staat onder de kop “Basisinformatie” een alinea met tekst gevolgd door een hele serie aan links. Op andere plaatsen op deze pagina is een dergelijke serie links opgemaakt als lijst. Het is noodzakelijk om dat ook hier te doen.

Op pagina https://kavelwinkel.almere.nl/kennisbank/downloads/ is de tekst “Via het formulier kunnen alle kavelkopers (ook gebieden buiten Oosterwold) gratis zwarte grond krijgen. Hiervoor geldt er een maximaal van 45m3 grond per kavel, de grond kun je ophalen gemeentelijke gronddepot Almere Poort. Belangrijk is dat je het vervoer vanaf het gronddepot naar de kavel zelf regelt via een professionele partij (bijvoorbeeld je aannemer).” onterecht opgemaakt met em. De bedoeling van het em-element is om een deel van een tekst nadruk te geven. Het beste is om deze tekst te plaatsen als gewone tekst. Het is wel toegestaan om met CSS teksten visueel schuin- en vetgedrukt op te maken.

Op pagina https://kavelwinkel.almere.nl/kavels/ staan uitklapbare knoppen zoals “Status”. Bij het activeren van deze knop komt er een groepering “Status” in beeld met drie selectievakjes. Daaronder komen de knoppen “Wis filters” en “Pas toe” in beeld. Die twee knoppen hebben nu geen relatie met de bovenstaande content waardoor het niet duidelijk is dat die twee knoppen alleen de filters in het deel “Status” wissen of toepassen. Het is bijvoorbeeld goed om deze twee knoppen in de fieldset “Status” te plaatsen. Gebruikers van hulpsoftware kunnen anders makkelijk aannemen dat deze twee knoppen alle filters wissen of alle filters toepassen.

Op pagina https://kavelwinkel.almere.nl/kavels/ staat in de code na de knop “uitzoomen” content die niet duidelijk is voor gebruikers van hulpsoftware. Het begint met de klikbare component “30” gevolgd door de tekst “Almere Haven” en eindigt met klikbaar “0” en “Almere Buiten”. Daarna staat in de code het statusbericht “Kavels, 157 resultaten voor kavels met verkoopstatus: gereserveerd, optie, binnenkort-beschikbaar”, dat is geen probleem. Let op het anders inzoomen en schalen van de kaart zorgt ervoor dat er hier andere content staat. Het gaat om de content tussen de laatste knop en het statusbericht in. Hier zijn meerdere oplossingen mogelijk het is een optie om die onderdelen op de kaart zo toegankelijk mogelijk te maken, het is een optie om van deze onderdelen knoppen te maken met namen als “Zoom in op Almere haven met 30 kavels”. Andere oplossingen zoals het gebruik maken van de uitzondering voor online kaarten en karteringsdiensten is ook mogelijk. Op dit moment is het probleem dat de betekenis van content zoals klikbaar “30” niet te bepalen is voor gebruikers die de kaart niet (goed) kunnen waarnemen, visueel is dit wel mogelijk.

Op pagina's https://kavelwinkel.almere.nl/kavels/ en https://kavelwinkel.almere.nl/kavels/kavel-o231/ staan een kaarten die locatie-informatie van een of meer kavels bevatten. In beide gevallen staat er aan de linkerzijde informatie over de kavel(s). Het wordt aangeraden om indien mogelijk om met een adres of gps-coördinaten de locatie van de kavel op de kaart los aan te bieden. Op die manier is er een alternatief voor deze informatie op de kaart. Het is goed dat de oppervlakte van het kavel al buiten de kaart om aangeboden wordt. Het is een optie om naast de oppervlakte ook de lengte en breedte van het kavel in deze lijst op te nemen.

Op pagina https://kavelwinkel.almere.nl/inloggen/ staat de vetgedrukte tekst “Let op: Na het klikken op ‘Inloggen met Yivi’ scan je de QR code in de Yivi app.”. Deze tekst mag niet helemaal opgemaakt worden met strong. Strong (en em) mogen alleen gebruikt worden om een deel nadruk te geven. Hier heeft alle tekst in de alinea nadruk. Visueel is er niets mis met deze tekst en de opmaakt, maar voor gebruikers van hulpsoftware is dit wel een probleem. Het is in dit geval geen enkel probleem om deze tekst met CSS alleen visueel nadruk te geven, de tekst “Let op:” maakt al perfect duidelijk dat dit stukje tekst belangrijk is.
Op pagina https://kavelwinkel.almere.nl/wijken/de-laren/ is de eerste alinea ook opgemaakt met strong, daar is het ook nodig om die strong te verwijderen. Voor die tekst geld dat het geen enkel probleem is om de eerste alinea visueel anders op te maken, het aanbieden van een toegankelijk alternatief voor de visuele opmaak is niet nodig in dit geval. Let op dit probleem komt meer voor zoals onder andere ook op pagina’s https://kavelwinkel.almere.nl/ervaringen/mustapha-en-ibtisame-kozen-met-hun-gezin-voor-het-dorpse-leven-in-nobelhorst/ en https://kavelwinkel.almere.nl/ervaringen/rietendak-homeruskwartier/.

Op pagina https://kavelwinkel.almere.nl/toekomstige-kavels-in-almere/ is in de lijst onder de kop “Verwachte kavels in 2024” het strong-element gebruikt zoals dit element bedoeld is. Onder de lijst staat de tekst “Bovenstaande informatie is … informatie beschikbaar komt.” die in de code is opgemaakt met strong en em. Deze elementen geven de tekst nadruk. Het is niet toegestaan om alle tekst in één p-element op te maken met strong en/of em. Het wordt aangeraden om deze elementen te verwijderen. Het is toegestaan om deze tekst met CSS vet- en schuingedrukt te maken.

Op pagina https://kavelwinkel.almere.nl/account-11/ staan vetgedrukte teksten “Naam” tot en met “Adres”. Deze teksten zijn opgemaakt met strong om de relatie van deze tekst met de onderstaande niet vetgedrukte tekst aan te geven. Het probleem is dat die onderstaande tekst in een aparte alinea staat. Daardoor is de visueel gemaakte relatie niet (goed) beschikbaar voor hulpsoftware. Er in dit geval meerdere oplossingen mogelijk, een daarvan is om de tweede tekst niet in een apart p-element te plaatsen. Gebruik maken van een span-element in plaats van het p-element is dus een oplossing.

Op pagina https://kavelwinkel.almere.nl/ is de link “Kom langs tijdens onze inloopmiddagen!” is opgemaakt als lijst met één punt. Hulpsoftware leest nu veel overbodige informatie terwijl er geen sprake is van een lijst. Haal de lijst code weg.

De PDF op pagina https://kavelwinkel.almere.nl/download/20181/?tmstv=1718893424 is niet gecodeerd (van tags voorzien). Dit betekent dat er 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.

De PDF op pagina https://kavelwinkel.almere.nl/wp-content/uploads/2023/03/ProgrammavanEisen_20230302.pdf is wel gecodeerd (van tags voorzien), maar niet overal zijn de juiste tags gebruikt om te voldoen. De grote teksten zoals “Programma van eisen voor je eigen woning” en “1. Kavelkenmerken” zijn niet als losse koppen gecodeerd in deze PDF. In de tags is alle content op pagina 2 in één alinea gezet, terwijl er hier visueel meerdere koppen en paragraven staan. Ditzelfde geld voor de content op pagina’s 3 en 4. Op pagina 5 is de content goed opgesplitst in meerdere alinea’s, maar de tekst “4.Technisch programma van eisen” is visueel een kop, maar hier opgemaakt als gewone tekst. In de tabel op pagina 6 staat in de tags een tabel met 18 rijen terwijl er visueel een tabel staat met twee rijen. Deze tags moeten verbeterd worden om het voor gebruikers van hulpsoftware mogelijk te maken om de inhoud van deze PDF te begrijpen.

Advies: Op pagina https://kavelwinkel.almere.nl/ staan onder de kop “Meest gestelde vragen” een aantal uitklapbare knoppen. Deze knoppen staan nu allemaal in een kop. Doordat er na het openklappen content onder de kop staat wordt dit niet afgekeurd. Het wordt aangeraden om dit aan te passen, door de koppen weg te halen. Het feit dat het een uitklapbare knop is maakt al duidelijk dat de tekst op de knop iets zegt over de informatie die onder deze knop staat als de knop is uitgeklapt en bij een ingeklapte knop is er dan geen kop zonder content meer. Dit geld natuurlijk ook voor dezelfde uitklapbare knoppen op pagina https://kavelwinkel.almere.nl/veelgestelde-vragen/.

Advies: Op alle pagina’s hebben de nav-elementen met ARIA een naam gekregen. Het gaat om de namen “Hoofd” en “Belangrijke links”. Deze informatie is niet nodig, omdat “Hoofd” in de header van de pagina staat en omdat “Belangrijke links” in de footer staat. Het is beter om dit niet te doen, het is ook mogelijk om teveel informatie beschikbaar te stellen aan gebruikers van hulpsoftware. Doordat deze informatie klopt kan dit niet afgekeurd worden.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/?s=pdf staat een lijst met zoekresultaten. In elk van de lijstpunten staat er een tekst vóór de kop, dat is in deze gevallen onjuist. De relatie tussen teksten als “Update” en “Pagina” ontbreekt nu. Visueel is wel meteen duidelijk dat deze teksten bij de onderstaande kop hoort. Een oplossing is dan ook om alleen in de code de tekst in het groene kader onder de kop te plaatsen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/contact/ staat onder de kop “Blijf op de hoogte!” het invoerveld “E-mailadres(Vereist)”. Op dat invoerveld moet het attribuut autocomplete=”email” staan om te voldoen. Dat attribuut is nodig om het voor hulpsoftware mogelijk te maken de gebruiker te ondersteunen door met toestemming in één keer de juiste gegevens in te vullen. Op pagina https://www.w3.org/Translations/WCAG22-nl/#input-purposes staat een volledig overzicht van de soorten invoervelden waarop een specifiek autocomplete attribuut noodzakelijk is om te voldoen.

Uitkomst: Onvoldoende

Bevindingen: In de kaart op pagina https://kavelwinkel.almere.nl/kavels/ zijn meerdere kleuren gebruikt om verschillende gebieden aan te geven. Het gaat om de eigenschappen van de kaart zoals het gebruik van groen voor akkers en een ander groen voor bossen, rood voor snelwegen, grijs voor bebouwing en blauw voor oppervlaktewater. Hiernaast gaat het ook om de gebruikte kleuren voor de verschillende kavels. In de legenda staat dat er een verschil is tussen de paarse en groene kavels. Het moet voor gebruikers mogelijk zijn om dat verschil in kleur waar te nemen om te weten welke kavels gereserveerd en welke nog te koop zijn.
In deze kaart is zoveel visuele informatie verwerkt dat het niet goed mogelijk is om dit goed onderscheidbaar te maken. Het wordt aangeraden om de kaart niet als enige methode te gebruiken om de locatie van de kavels te kunnen vinden. Op dit moment is de lijst met kavels maar gedeeltelijk een andere manier om een kavel te vinden, maar zonder de precieze locatie. Het is een optie om in de lijst meer informatie over de locatie te plaatsen. Bij kavels die al een adres hebben is het een goed idee om het adres te gebruiken, maar dat is als er nog geen straten zijn natuurlijk niet mogelijk. Indien die informatie (nog) niet beschikbaar is kan er bijvoorbeeld gebruik gemaakt worden van de gps coördinaten van het kavel. Het is beter om bijvoorbeeld ook de breedte en lengte van het kavel te geven zodat alle gebruikers een goed idee van de vorm van het kavel hebben zonder dat het nodig is om de kaart te gebruiken. Het is hier een optie om gebruik te maken van de uitzondering voor online kaarten en karteringsdiensten, in dat geval moeten de locaties van de kavels alsnog toegankelijk aangeboden worden.
In de kaart op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ wordt ook gebruik gemaakt van kleur om informatie over te brengen. Voor deze kaart geld dat het beter is om bijvoorbeeld kort in tekst te beschrijven wat de relatieve locatie en oppervlakte van de verschillende gebieden is.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kavels/ staan er in de kaart verschillende teksten met onvoldoende contrast. Het gaat onder andere om teksten zoals blauw op blauw “IJmeer” (HEX #B7DBDA op HEX #F2F9FC contrast 1,4:1), grijs op grijs “Almere” (HEX #D7DDDA op #ECEEEB met contrast 1,2:1) en wit op rood “A27” (HEX #FDF3F3 op #F5BAC1 met contrast 1,5:1). Doordat het gaat om informatie in de kaart geld voor dit succescriterium hetzelfde als geldt voor succescriterium 1.4.1: Gebruik van kleur. Het is mogelijk om dit probleem te omzeilen door op een goede manier gebruik te maken van de uitzondering voor online kaarten en karteringsdiensten.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ staat er in de kaart onder de kop “Deelgebieden” rode tekst. De rode tekst (HEX #F81515) heeft een contrast van ongeveer 4,1:1 met de witte achtergrond. Voor dit probleem geld dat het mogelijk is om dit probleem te omzeilen door op een goede manier gebruik te maken van de uitzondering voor online kaarten en karteringsdiensten. Het wordt aangeraden om zoveel mogelijk informatie in deze kaart toegankelijk aan te bieden. Het is bijvoorbeeld mogelijk om deze kaart aan te passen om de rode tekst wel voldoende contrast te laten hebben.

In de PDF op pagina https://kavelwinkel.almere.nl/download/20181/?tmstv=1718893424 staan meerdere lichte koppen in de tekst onderaan deze pagina. Het gaat om de groene (HEX #A7C48F), gele (HEX #FCD546), oranje (HEX #F18720) en paarse (HEX #AB90C3) koppen die allemaal onvoldoende contrast met de achtergrond (HEX #FDF7F2) hebben. Het gaat om verschillende kleuren met contrastwaarden die variëren van 1,3:1 tot 2,6:1, terwijl al deze waarden boven de 4,5:1 moeten zijn om te voldoen. Het gaat om de teksten “Start reservering” tot en met “Gereedmelding”.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/ zijn bij het herschalen in het menu niet alle links die in beeld komen helemaal zichtbaar en dat is wel verplicht. Het gaat onder andere om de link “SRV-toets en Omgevingsplanactiviteit”. Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan valt een deel van het lange woord “Omgevingsplanactiviteit” buiten beeld. Het is een optie om een wbr-element te gebruiken (“toets en Omgevingsplan<wbr>activiteit”). Dit probleem in het hoofdmenu komt voor op alle pagina’s de homepage is hier als voorbeeld gebruikt.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/almere-hout/ staan onder de kop “Kavels in Almere Hout” drie kavels. Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan staat een heel klein deel van de informatie over deze kavels buiten beeld, de laatste letter van het woningtype en de zonligging staat net buiten beeld. Dit probleem komt ook voor op pagina https://kavelwinkel.almere.nl/wijken/de-laren/.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ staan onder de kop “Meer informatie” twee links. Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% is de link “Meer informatie lees je op MaakOosterwold.nl” niet meer helemaal leesbaar doordat een pijl over het woord “Meer” heen staat.

Op pagina https://kavelwinkel.almere.nl/kavels/ staat op de testresolutie 1280x1024 aan de linkerzijde een lijst met kavels. Bij het inzoomen naar 133% veranderd deze lijst naar een knop met de naam “158 kavels”. De verandering van de naam van de knop maakt niet duidelijk dat deze knop gebruikt kan worden als alternatief voor de kaart met kavels. De combinatie van de knoppen “Lijst verbergen” en “Lijst weergeven”, maakt dit wel duidelijk. De bij de succescriteria 1.4.1 en 1.4.3 genoemde kaartuitzondering is geen oplossing voor dit probleem, de informatie bij elk kavel moet dan nog steeds op een toegankelijke wijze beschikbaar zijn. Het is in deze weergave ook niet langer mogelijk om in de kaart te zoeken op kavelnummer of om een afstand te meten.

Op pagina https://kavelwinkel.almere.nl/kavels wordt in de lijst met kavels gebruik gemaakt van de optie om tekst die niet past af te korten met drie puntjes. Deze functionaliteit mag nooit tot gevolg hebben dat er minder informatie beschikbaar is als de ruimte voor content kleiner wordt. Bij het inzoomen van 100% naar 110% valt bij elk van de kavels meer informatie weg dan er al wegviel bij 100% zoom. Dat is verlies van informatie en niet toegestaan onder de eisen van dit succescriterium. Deze bevinding is sterk afhankelijk van de gebruikte schermresolutie, browser en het zoompercentage. Er mag bij het inzoomen niet minder informatie beschikbaar zijn, met het inzoomen naar een breedte van 320 CSS-pixels als minimum. Het gebruik van de mogelijkheid om teksten die niet passen af te breken met drie puntjes veroorzaakt vaak problemen voor de toegankelijkheid van deze teksten.

Op pagina https://kavelwinkel.almere.nl/kavel-reserveren/?kavel_id=31323 staat onder “Kaveldocumenten” een aantal selectievakjes. Het probleem is dat de labels van deze selectievakjes bij het herschalen niet altijd goed worden verdeeld over meerdere regels. Het is beter om bijvoorbeeld de bestandsnamen van de bestanden anders op te maken zodat het voor de browser mogelijk is om deze te net als “Model-PO-Koopovereenkomst-Overgooi-Fase-2-versie-12-juni-2024.pdf” te verdelen over meerdere regels. Het gebruik van koppeltekens en/of spaties in bestandsnamen is in dit geval dus een voordeel bij toegankelijkheid.

Uitkomst: Onvoldoende

Bevindingen: De kaarten op pagina https://kavelwinkel.almere.nl/kavels/ en op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ voldoen beide niet aan de eisen van dit succescriterium, op veel plaatsen is er onvoldoende contrast. De in deze kaarten aanwezige problemen hangen sterk samen met de bij succescriterium 1.4.1 aangegeven problemen. Het goed toegankelijk maken van de lijst met kavels en het toevoegen van een extra tekst in combinatie met het gebruik van de kaartuitzondering kan voldoende zijn om alle problemen met dit type contrast op deze pagina’s te omzeilen.

Op pagina https://kavelwinkel.almere.nl/kavels/kavel-o231/ is het kavel O231 in de kaart aangegeven met een rode rand. Deze kleur rood (HEX #FC0000) heeft niet voldoende contrast met de grijze achtergrond (HEX #A8A9AD) om goed zichtbaar te zijn. Het contrast tussen deze twee kleuren is met 1,7:1 niet voldoende.

Op pagina https://kavelwinkel.almere.nl/ is het bij de testresolutie van 1280x1024 niet mogelijk om het navigatie menu te gebruiken. Dit menu komt in beeld bij 133% zoom en door de donkerblauwe achtergrondkleur (HEX #021C61) heeft de indicator van de toetsenbordfocus (HEX #1A1A1A) met 1,1:1 niet voldoende contrast.

Op pagina https://kavelwinkel.almere.nl/kavels wordt bij de filteropties “Prijs” en “Oppervlakte” een groene stip (HEX #1ED6A5) gebruikt om visueel duidelijk te maken dat deze optie geactiveerd is. Deze stip heeft met 1,9:1 niet voldoende contrast met de witte achtergrond. Een manier om dit probleem op te lossen is door net als bij de andere filters een nummer in de groene stip te zetten. Het idee is om het nummer 1 te gebruiken als één van de twee keuzelijsten is aangepast en het nummer 2 te gebruiken als er een minimum én een maximum is gebruikt. Andere oplossingen zoals het gebruik van een donkere stip zijn natuurlijk ook mogelijk. Het viel ook op dat er bij het filter “Status” altijd een nummer staat.

Op pagina https://kavelwinkel.almere.nl/ staat onder de kop “Ontdek de 6 stadsdelen” een lichtgrijze (HEX #E4E2E4) kaart van de zes stadsdelen. Deze kaart is een SVG en heeft nu niet voldoende contrast met de lichte achtergrond (HEX #FDF7F2) om te voldoen. Het contrast is nu 1,2:1. Het contrast dat zichtbaar is als een van de links in de lijst toetsenbordfocus heeft is anders, maar ook niet voldoende. Hiernaast moet er een betere visuele indicator komen om duidelijk te maken welke van de gebieden actief is. Het is een oplossing om de kaart aan te passen zodat de verschillende gebieden een rand hebben met meer contrast. Voor het visueel duidelijk maken van het actief maken van één van de gebieden is het een optie om de kleur van de stip in het midden van het gebied te veranderen. Het contrast tussen de rand en de achtergrond moet minimaal 3,0:1 zijn om te voldoen. Deze minimumwaarde geld ook voor het veranderen van de kleur (of rand) van de stip. Doordat deze onderdelen nu voor veel gebruikers niet goed zichtbaar zijn is het een goed idee om dit ook aan te passen op het moment dat er gebruik gemaakt gaat worden van de uitzondering voor online kaarten.

Advies: Op pagina https://kavelwinkel.almere.nl/kavels/ staat boven de kaart een invoerveld dat het mogelijk maakt om op kavelnummer te zoeken. Het is niet noodzakelijk om de rand van dit invoerveld voldoende contrast te geven zodat beter duidelijk is waar een gebruiker moet klikken om tekst in te kunnen voeren, maar dit zou wel een voordeel zijn. Deze rand dezelfde groene kleur (HEX #0EA079) als die van de overige invoervelden te geven maakt de interface ook nog eens meer consistent en een consistente website is voor (bijna) alle gebruikers een voordeel.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kavels/ is er een probleem met het aanpassen van de tekstafstanden. In de lijst met kavels wordt op de tekst die niet past afgekort met drie puntjes. Op het moment dat de afstand tussen letters aangepast wordt is er minder ruimte voor letters, hierdoor valt nog meer informatie buiten beeld dan al plaatsvind bij het weergeven van deze pagina op de testresolutie 1280 bij 1024. Het gaat om teksten “Oppervlak…” tot en met het woningtype “Vrijstaande …”.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/ klappen de onderdelen van het hoofdmenu open als de muis er (per ongeluk) op staat. Het moet voor gebruikers mogelijk zijn om de pop-up te sluiten zonder dat het nodig is om de muis of toetsenbordfocus te verplaatsen. In de meeste gevallen wordt hiervoor de escape-toets gebruikt. Let erop dat deze functie ook werkt als de toetsenbordfocus niet in het hoofdmenu staat. Dit is een probleem met het hoofdmenu en komt daarom voor op alle pagina’s de homepage is hier als voorbeeld gebruikt.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kavels/ is het niet mogelijk om alle functionaliteit in de kaart te met het toetsenbord te gebruiken. Het is voor toetsenbord gebruikers niet mogelijk om een afstand op de kaart te meten. Het is ook mogelijk om een ander deel van kaart in beeld te zetten met de muis. Daarvoor is ook geen alternatief in toetsenbord bediening aanwezig. Voor dit tweede probleem is het een optie om vier knoppen naast de (goede) zoom knoppen te zetten zodat toetsenbord gebruikers de kaart in de vier windrichtingen kunnen verplaatsen. Indien er gebruik gemaakt gaat worden van de uitzondering voor kaart hoeft de bediening van de kaart niet aan de eisen van dit succescriterium te voldoen. Ondanks dat wordt aangeraden om de bediening van de kaart wel zo toegankelijk mogelijk te maken voor gebruikers die afhankelijk zijn van toetsenbord bediening.

Advies: Op pagina https://kavelwinkel.almere.nl/kavel-reserveren/?kavel_id=31323 is het mogelijk om het formulier te verzenden door op de entertoets te drukken tijdens het invullen van onderdelen zoals “Kaveldocumenten”. Het indrukken van de entertoets zou alleen als de focus op de knop “Reservering bevestigen” staat het formulier moeten verzenden. De huidige situatie vergroot de kans dat een niet (volledig) juist formulier opgestuurd wordt. Het voorkomen van foutmeldingen helpt gebruikers om zelfstandig processen te voltooien.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Bevindingen: Opmerking: In de YouTube videospeler op pagina https://kavelwinkel.almere.nl/kennisbank/ en de YouTube video op pagina https://kavelwinkel.almere.nl/stadsdelen/oosterwold/ is goed gebruik gemaakt van de parameter “disablekb=1” om ervoor te zorgen dat de video aan de eisen van dit succescriterium voldoet.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kavel-reserveren/?kavel_id=31323 is het mogelijk om één keer de reserveringstijd te verlengen. Om te voldoen moet dit minimaal 10 keer mogelijk zijn, dit kan door het mogelijk te maken om de tijd 10 keer te verlengen met dezelfde tijd. Het is ook toegestaan om de tijd aanpasbaar te maken waarbij het maximum minimaal 10 keer de standaard tijd is.

Uitkomst: Voldoende

Bevindingen: Opmerking: Op pagina https://kavelwinkel.almere.nl/inloggen/ komt na het activeren van de link “Inloggen met Yivi” een pop-up in beeld. Tijdens het laden van de QR-code komt een korte animatie in beeld die niet hoeft te voldoen, omdat deze essentieel is. Na het scannen van de QR-code komt ook een animatie in beeld die duidelijk maakt dat de pagina aan het laden is, ook die animatie valt onder de essentiële uitzondering van dit succescriterium.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/download/20181/?tmstv=1718893424 staat een PDF. Deze PDF voldoet niet aan de eisen van dit succescriterium doordat in de bestandseigenschappen dit document geen titel heeft meegekregen. Zorg ervoor dat dit document een goede titel zoals “Zelfbouw in Almere: Het zelfbouwproces | Kavelwinkel Almere” krijgt en stel het document ook in zodat deze tekst ook echt in het tabblad van de PDF-reader getoond wordt.

Op pagina https://kavelwinkel.almere.nl/wp-content/uploads/2023/03/ProgrammavanEisen_20230302.pdf staat een PDF die standaard in de PDF-lezer van de browser getoond wordt. Dit verschil is geen probleem, maar het viel op omdat de andere onderzochte PDF gedownload werd. Op het moment dat dit document in de browser staat heeft deze de paginatitel “De gemeente Almere gaat tot aan 2030 maar liefst 25”. Dit is de titel in de bestandseigenschappen van dit document, deze tekst is natuurlijk niet voldoende. Er zou een tekst als “Programma van eisen voor je eigen woning | Maart 2023 | Kavelwinkel Almere” zou bijvoorbeeld wel voldoen.

Op pagina https://kavelwinkel.almere.nl/kavel-reserveren/?kavel_id=31323 is de paginatitel “Kavel reserveren - U heeft in totaal 15 minuten de tijd voordat uw reservering sessie verloopt - Kavelwinkel Almere” gebruikt. Deze titel klopt na het eenmalig verlengen van de tijdslimiet niet meer. Het is beter om bijvoorbeeld deze tekst aan te passen. Het is hierbij een optie om het kavelnummer in de titel te plaatsen, maar dat is niet verplicht om te voldoen. De paginatitel “Kavel reserveren” zou voldoen, omdat dat het doel van deze pagina is.

Advies: De homepage https://kavelwinkel.almere.nl/ heeft met “Kavelwinkel Almere” een paginatitel die voldoet aan de minimumeisen van dit succescriterium. Het wordt aangeraden om deze tekst wel aan te passen naar bijvoorbeeld: “Homepage | Kavelwinkel Almere”. Op die manier is nog beter duidelijk dat dit de homepage van deze omgeving is.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/ is het mogelijk om met een aparte knop onderdelen van het hoofdmenu open te klappen. Het probleem is dat deze niet automatisch sluiten als de gebruiker er voor kiest om verder te navigeren met de tabtoets. Een niet gesloten menu kan nu op een vervelende manier in de weg staan voor ziende toetsenbord gebruikers. Om deze pop-up te sluiten moet een gebruiker nu eerst helemaal terug naar de knop die dit onderdeel ook activeerde. Om te voldoen aan de eisen van succescriterium 1.4.13 moet het mogelijk worden om dit menu te sluiten met escape. Het is een optie om dit menu ook te sluiten bij het indrukken van de escape-toets. Hiernaast is het ook gebruikelijk dat een dergelijk menu sluit als de toetsenbordfocus op een ander onderdeel land. Het is dus de bedoeling dat het menu onder “Kennisbank” sluit als de toetsenbordfocus door het indrukken van de tabtoets van de link “Downloads” naar “Stadsdelen” springt. Doordat het hier gaat om een probleem met het hoofdmenu komt dit probleem terug op alle pagina’s. De homepage is hier als voorbeeld gebruikt.

Op pagina https://kavelwinkel.almere.nl/kavels/ blijft de lijst met suggesties in beeld staan als de keuze niet bevestigd wordt met enter. Het wissen van de invoer is een manier om het bedekken van een deel van de kaart ongedaan te maken, maar het is gebruiksvriendelijker als deze lijst visueel verborgen wordt zodra de gebruiker de toetsenbordfocus naar een ander onderdeel dan het zoekveld verplaatst. Het feit dat deze lijst de knop “Kaartlagen” bedekt is erg vervelend, omdat een gebruiker helemaal door de lijst met kavels heen moet navigeren om de lijst met suggesties te verwijderen. Om de optie “Kaartlagen” te kunnen zien moet de gebruiker nu meer dan 150 keer de toetsenbordfocus verplaatsen. Een mogelijke oplossing is om de lijst met suggesties te sluiten zodra de toetsenbordfocus niet langer in dat gedeelte van deze pagina staat.

Op pagina https://kavelwinkel.almere.nl/kavels staan de knoppen “Lijst verbergen” en “Lijst Weergeven”. Onderdeel van de eisen van dit succescriterium is dat na het activeren van de knop “Lijst Weergeven” de focus volgorde zo moet zijn ingesteld dat de toetsenbordfocus eerst naar de nieuw verschenen content gaat voordat deze verder gaat op de pagina. Op dit moment gaat de focus verder op de kaart op het moment dat de lijst opnieuw in beeld is gezet. Het is een optie om na het activeren van de knop “Lijst Weergeven” de toetsenbordfocus te laten landen op de knop “Lijst verbergen”. Een bijkomend voordeel van deze oplossing is dat het hierdoor ook eenvoudig is om de lijst weer te verbergen als deze per ongeluk wordt geopend.

In de cookiemelding op pagina https://kavelwinkel.almere.nl/ staat rechtsonder de link “Details tonen”. Na het activeren van deze link komt een ander overzicht in beeld met bovenaan de tabbladen “Toestemming” tot en met “Over”. De toetsenbordfocus gaat nu met het indrukken van de tabtoets van tab naar tab, maar onderdeel van de bediening van een tablist is dat deze niet met de tabtoets, maar met de pijltoetsen gedaan moet worden.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van https://kavelwinkel.almere.nl/kennisbank/ staat in het hoofdmenu de niet werkende link “Stadsdelen”. Dit is een probleem dat opgelost moet worden. Het is een optie om een Stadsdelen overzicht pagina te maken. De huidige oplossing van een niet werkende link is niet voldoende.

Op pagina https://kavelwinkel.almere.nl/kennisbank/downloads/ staat onder de kop “Basisinformatie” een serie links. Op de laatste regel staan op dit moment twee links. Het gaat om de link “Budgetplanner zelfbouw (xls)” en een link zonder naam. Het linkdoel van die tweede link is nu niet te bepalen. Het lijkt te gaan om een fout, waarbij deze lege link verwijderd dient te worden. Het linkdoel is niet te bepalen, omdat deze link verwijst naar een niet bestaande pagina. Onder de kop “Gebiedsspecifieke bijlagen” komt een soortgelijk probleem voor. Daar staan nu de links “Bijlage Columbuskwarti” en “er”. Het is beter om bijvoorbeeld deze links samen te voegen tot de link “Bijlage Columbuskwartier”. Bij “Bijlage Duin” gaat het ook fout.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/almere-hout/ staat onder de kop “Meer informatie over Almere Hout?” de link “Lees meer op de stadsdeelpagina van de gemeente Opens in a new window”. Het Engelse deel van deze link voldoet niet omdat het in de verkeerde taal staat, het Nederlandse deel van deze link voldoet niet doordat het niet duidelijk is naar welke stadsdeelpagina deze link verwijst. Deze info moet uit de linktekst. In een geval als dit heeft een link onder een kop geen context met die bovenstaande knop waardoor het linkdoel niet goed te bepalen is. Het is een optie om de tekst aan te passen naar “Lees meer over Almere Hout op de stadsdeelpagina”.

In de PDF op pagina https://kavelwinkel.almere.nl/wp-content/uploads/2023/03/ProgrammavanEisen_20230302.pdf staat een niet werkende link. Het gaat om een link op pagina 4 met de linktekst “Kavelwinkel.almere.nl/downloads” die verwijst naar de niet bestaande URL: “http://www.ikbouwmijnhuisinalmere.nl/downloads/”. Het is sowieso niet toegestaan dat een link met een URL in de naam verwijst naar een andere pagina als er in de URL staat, het feit dat de het linkdoel niet werkt is in dit geval een apart probleem dat ook opgelost moet worden om te voldoen.

Advies: Op bijna alle pagina’s van https://kavelwinkel.almere.nl/ staan in de footer die links naar de sociale media pagina’s van de kavelwinkel. De tekstalternatieven “Facebook”, “Instagram” en “YouTube” maken niet duidelijk dat deze links verwijzen naar de kavelwinkel Almere pagina op dat platform. Het zou beter zijn om de tekst in deze drie aria-labels te laten beginnen met de tekst “Kavelwinkel Almere op”. De linktekst van de eerste link wordt dan “Kavelwinkel Almere op Facebook” en die tekst geeft precies het doel van deze link aan. Op pagina https://kavelwinkel.almere.nl/contact/ komt dit twee keer voor.

Uitkomst: Onvoldoende

Bevindingen: De pagina https://kavelwinkel.almere.nl/veelgestelde-vragen/ is nu niet te vinden door in de zoekbalk de tekst “Veelgestelde vragen” te zetten, andere zoekopdrachten zoals “FAQ” werken ook niet. Het lijkt erop alsof deze pagina niet geïndexeerd is voor de zoekfunctie op https://kavelwinkel.almere.nl/?s=pdf.

De pagina https://kavelwinkel.almere.nl/kavels/ is nu niet te vinden door in de zoekbalk teksten als “kaart”, “kavels” of “kavelkaart” te plaatsen. Het lijkt erop alsof deze pagina niet geïndexeerd is voor de zoekfunctie op https://kavelwinkel.almere.nl/?s=pdf.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding op pagina https://kavelwinkel.almere.nl/ heeft het element met de kop “Deze website maakt gebruik van cookies” een tabindex=”0” waardoor dit element focus krijgt. Dit is echter niet te zien. Geef het element bij focus een focusrand.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding op pagina https://kavelwinkel.almere.nl/ staat een link met een aria-label. De op het logo zichtbare tekst komt niet terug in de naam van deze link. Het is nu niet eenvoudig om deze link met spraakbesturing te selecteren en/of te activeren. Indien een logo als link werkt is het beter om bijvoorbeeld altijd alle zichtbare tekst op dat logo onderdeel van de naam van die link te maken.

In de zoekbalk op pagina https://kavelwinkel.almere.nl/ staat de placeholdertekst “Zoeken op trefwoord”. Doordat dit de enige zichtbare tekst is die gebruikt kan worden moet die tekst terugkomen in de naam van dit invoerveld om te voldoen. Het label “Zoeken” is nu door de combinatie van een verborgen label en het gebruik van een placeholder niet voldoende.

Op pagina https://kavelwinkel.almere.nl/kavel-reserveren/?kavel_id=31323 staan de links “Bekijken” en “Downloaden”. Door het gebruik van de aria-labels “Bekijk overeenkomst (opent in een nieuw venster)” en “Download overeenkomst” komen de zichtbare teksten niet overeen met de namen van deze links. Het is ook een optie om de zichtbare teksten aan te passen. Dit is een probleem voor gebruikers die afhankelijk zijn van spraakbesturing, zij kunnen nu niet de zichtbare teksten gebruiken om hun hulpsoftware deze links te laten selecteren.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De taal van de PDF op pagina https://kavelwinkel.almere.nl/download/20181/?tmstv=1718893424 is niet ingesteld in de bestandseigenschappen. De taal van deze PDF moet op Nederlands gezet worden om te voldoen.

Uitkomst: Onvoldoende

Bevindingen: In de cookiemelding op pagina https://kavelwinkel.almere.nl/ staat een link met een aria-label dat Engelse instructies bevat. Het is geen (groot) probleem dat een tekst als “powered by” niet vertaald wordt, maar informatie zoals “opens in a new window” moet in de juiste taal gedaan worden. Om te voldoen aan 1.1.1, 2.4.4 en 2.5.3 moet het aria-label sowieso aangepast worden, de suggestie is dan ook om deze informatie naar het Nederlands te vertalen.

Op pagina https://kavelwinkel.almere.nl/stadsdelen/almere-stad/ staat de link “Lees meer op de stadsdeelpagina van de gemeente Opens in a new window”. De linktekst in deze link moet aangepast worden om te voldoen. Het is een optie om de Engelse tekst hier te verwijderen. Het is beter om bijvoorbeeld alleen als het echt niet anders kan pagina’s in een niet tabblad te openen. Het geven van Engelse informatie op een Nederlandse pagina is niet zomaar toegestaan.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kavels staat een invoerveld dat de mogelijkheid bied om te zoeken op kavelnummer. Het probleem met dit invoerveld is dat dit geen duidelijk label heeft tijdens en na het invullen van dit invoerveld. De placeholdertekst is op die momenten niet meer zichtbaar en de enige visuele indicator die er staat is een loep. Dat is niet voldoende visuele informatie. Het is een optie om dit invoerveld een los zichtbaar label in plaats van de placeholdertekst te geven. Let er dan wel op dat de rand van het invoerveld voldoende contrast krijgt met de witte achtergrond. Het is beter om bijvoorbeeld net als in het zoekveld bovenaan van de loep een knop te maken die gebruikt kan worden om de zoekopdracht te bevestigen.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kavel-reserveren/?kavel_id=31323 komt bij het niet aanvinken van alle selectievakjes onder “Kaveldocumenten” een foutmelding met de tekst “Kaveldocumenten: Alle documenten moeten gelezen zijn” in beeld. Deze tekst geeft niet goed aan wat de gebruiker moet doen om het probleem op te lossen. Naast het lezen van de documenten moet de gebruiker aangeven dat deze teksten gelezen zijn. Het is beter om deze tekst te verbeteren, denk daarbij aan een tekst als “Kaveldocumenten: Er is niet aangegeven dat alle documenten gelezen zijn”.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://kavelwinkel.almere.nl/kennisbank/downloads/ staat achter "Budgetplanner zelfbouw (xls)" een link zonder naam. Een van de links die ook niet voldoet aan succescriterium 2.4.4 voldoet ook niet aan dit succescriterium doordat er geen naam is. Het gaat om de link zonder tekst naast de link “Budgetplanner zelfbouw (xls)”.

Op pagina https://kavelwinkel.almere.nl/kavels/ staan klikbare getallen op de kaart. Deze getallen maken het mogelijk om in te zoomen op een bepaald deel van de kaart. Deze interactieve componenten van de gebruikersinterface hebben nu geen goede rol, dat zou bijvoorbeeld "button" moeten zijn. De namen van deze onderdelen zijn afgekeurd bij succescriterium 1.3.1.

Uitkomst: Voldoende