Alleen de bevindingen:
Deelonderzoek content Wonen in Amstelwijck

Uitkomst: Onvoldoende

Bevinding 1: Op elke pagina staat een logo om naar de homepage te gaan. Dit logo heeft als alt tekst: "Wonen in Amstelwijck logo". Visueel is de tekst "Amstelwijck Dordrecht" te zien. In de alt tekst moet altijd de visueel zichtbare tekst terug te vinden zijn. Ook dient deze afbeelding als link naar home. Daar wordt geen informatie over gegeven in de linknaam. Een schermlezer gebruiker weet hierdoor niet goed wat de link doet, dat is ook aan afkeuring op 2.4.4. Advies is om de alt tekst te veranderen naar: "Amstelwijck Dordrecht, ga naar homepage".

Bevinding 2: Op elke pagina staat in de footer een logo van Gemeente Dordrecht. De toegankelijke naam van deze link is "Wonen in Amstelwijck logo". De visueel waarneembare tekst is Dordrecht. Deze alt tekst beschrijft de afbeelding niet goed. Zie 2.4.4 voor advies.

Bevinding 3: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/over-amstelwijck/default.aspx staat een kaart. In deze kaart is informatie over 4 deelgebieden in een wijk beschikbaar. De informatie die via deze kaart wordt gepresenteerd is niet beschikbaar voor blinden en slechtzienden die gebruikmaken van schermleessoftware. Zorg voor een tekstalternatief die voorgelezen kan worden door de schermleessoftware. Advies is om de informatie die per deelgebied uitgeklapt kan worden ook als tekst boven de kaart te plaatsen. Op de kaart is bijvoorbeeld ook zichtbaar hoe groot het deelgebied is en aan welke snelwegen het ligt. Dit zou je voor gebruikers die de kaart niet kunnen waarnemen ook als tekst op de pagina over het deelgebied kunnen plaatsen.

Bevinding 4: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/amstelwijck+park/default.aspx staat afbeelding "Wateropvang" met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen. Zie ook 1.4.5 voor advies.

Bevinding 5: Op pagina https://woneninamstelwijck.nl/nieuws/3172040.aspx staan meerdere afbeeldingen met dezelfde alt tekst "Explosief WO II gevonden in Amstelwijck". Visueel is op elke afbeelding iets anders zichtbaar, waardoor een persoon die blind of slechtziend is deze informatie kan missen. Pas de alternatieve tekst aan.

Bevinding 6: Advies: Op pagina https://woneninamstelwijck.nl/shortcuts/search_search.aspx?search=amstelwijck staat onder elk zoekresultaat een kruimelpad. Dit wordt door een schermlezer voorgelezen als "Link, nieuws. Groter dan. Link, Bouw van nieuwe fases Amstelwijck Park gestart. De uitspraak van "Groter dan" komt door het > symbool tussen de twee links. Omdat de betekenis hier niet "Groter dan" is, is het beter om het teken een duidelijk tekst alternatief te geven.

Bevinding 7: Advies: Op pagina https://woneninamstelwijck.nl/nieuws/default.aspx staat onder elk nieuws item een kalender icoon met daarnaast een datum. Om de betekenis van het icoon en deze tekst te verduidelijken zou er visueel verstopte (schermlezer-only) tekst geplaatst kunnen worden vóór de datum, zoals: "Geplaatst op: ".

Uitkomst: Onvoldoende

Bevinding 8: Op elke pagina staan in het hoofdmenu links om submenu's te openen. De linktekst hiervan is niet uniek. Visueel is duidelijk dat het pijltje naar beneden hoort bij de link "Natuurlijk", met een schermlezer wordt alleen de tekst "Subpagina's tonen of verbergen" genoemd. Zorg ervoor dat de relatie duidelijk is, door in de linktekst het onderwerp te benoemen.

Bevinding 9: Op pagina https://woneninamstelwijck.nl/default.aspx staat een kop bovenaan "Natuurlijk wonen in Amstelwijck". Deze kop is van niveau 2. De kop daaronder is ook van niveau 2. Dit geeft een verkeerd beeld van de structuur van de inhoud. Een mogelijke oplossing is om van "Natuurlijk wonen in Amstelwijck" een h1 te maken. Let op: Dit gebeurt op elke pagina. Controleer de kopniveau's daarom goed.

Bevinding 10: Op pagina https://woneninamstelwijck.nl/contact/veelgestelde-vragen/default.aspx#question=3110983,3111068 zijn koppen aanwezig die niet als koppen zijn opgemaakt, bijvoorbeeld "Hoe is de inzameling van huisvuil geregeld?". Gebruik de juiste HTML-code om deze koppen op te maken.

Uitkomst: Onvoldoende

Bevinding 11: Op elke pagina staan in het hoofdmenu links om submenu's te openen. Met een schermlezer zijn de submenu items te bereiken, ook al is het menu niet uitgeklapt. Omdat de knop daarvoor de actie aanduidt om het menu te openen of te sluiten, is het onverwacht dat deze links altijd bereikbaar zijn met de schermlezer. Zorg ervoor dat als de content visueel verstopt is, het ook niet met de schermlezer te bereiken is. Gebruik bijvoorbeeld display:none om content volledig te verbergen.

Uitkomst: Onvoldoende

Bevinding 12: De link "Download deze video" op pagina https://woneninamstelwijck.nl/nieuws/3172040.aspx?t=Explosief-uit-de-Tweede-Wereldoorlog-tot-ontploffing-gebracht is alleen herkenbaar doordat het een andere kleur heeft. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om links gaat. Zorg ervoor dat hyperlinks (in lopende tekst) ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://woneninamstelwijck.nl/default.aspx staat onder elk nieuws item een grijze (#6d7783) kleur tekst op een lichte (#f4f8fd) kleur achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 4,3:1 waar dit minstens 4,5:1 moet zijn.

Bevinding 14: Het contrast van de witte (#fff) tekst op de achtergrond met afbeelding, in de bewegende banner bovenaan op pagina https://woneninamstelwijck.nl/default.aspx is te laag. De contrastverhouding is op sommige plekken in de afbeelding 1,7:1. Dit moet voor de gehele tekst minimaal 3:1 zijn, om dat het grote tekst betreft. Dit geldt ook voor dezelfde koptekst op andere pagina's met een afbeelding als achtergrond. Beide bevindingen worden opgelost door de Hoge Contrastmodus in het toegankelijkheidsmenu. Echter zorgt het inschakelen van het verhoogde contrast op andere plekken voor contrastproblemen, zoals de "Lees meer" links onder Nieuws en "Op de hoogte blijven?" en de focus op de link "Inloggen".

• https://woneninamstelwijck.nl/nieuws/default.aspx
• https://woneninamstelwijck.nl/wonen/fijne-woonomgeving/default.aspx

Uitkomst: Onvoldoende

Bevinding 15: Wanneer bij een schermgrootte van 1280px breed alleen de tekst wordt ingezoomd wordt tot 200% dan vallen op elke pagina delen van de content buiten beeld. Hierdoor is door mensen die slechtziend zijn niet alle content goed bereikbaar en leesbaar.

Bevinding 16: Wanneer bij een schermgrootte van 1280px breed alleen de tekst wordt ingezoomd wordt tot 200% dan valt op https://woneninamstelwijck.nl/in+amstelwijck/over-amstelwijck/default.aspx de tekst onder "Op de hoogte blijven?" deels weg achter de footer.

Bevinding 17: Wanneer bij een schermgrootte van 1280px breed alleen de tekst wordt ingezoomd wordt tot 200% dan valt op https://woneninamstelwijck.nl/in+amstelwijck/smitzigt/default.aspx binnen de "Filteropties" teksten deels buiten beeld.

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/amstelwijck+park/default.aspx staat een afbeelding met tekst. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina, zodat blinden deze informatie helemaal moeten missen. Plaats deze tekst daarom als HTML-tekst op de pagina. Zie ook 1.1.1.

Uitkomst: Onvoldoende

Bevinding 19: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan verdwijnt op elke pagina een deel van de content onder de onderdelen die altijd in beeld blijven staan, zoals het toegankelijkheidsmenu. Voor mensen die slechtziend zijn moet deze content beschikbaar blijven bij maximaal 400% inzoomen.

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/smitzigt/default.aspx staat een zoeknavigatie "Zoeken in pagina". Wanneer er een zoekterm is ingevuld ontstaat er een kruisje om de zoekterm te verwijderen. Het contrast van dit icoon #E9E9ED op de #949494 achtergrond is te laag. De contrastverhouding is hier 2,5:1, waar dit minimaal 3:1 moet zijn. Ook in de verhoogde contrastmodus is dit het geval. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast. Dit geldt voor alle pagina's met deze zoeknavigatie.

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://woneninamstelwijck.nl/nieuws/3172040.aspx 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 gebruikmaken van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://woneninamstelwijck.nl/default.aspx staat content die automatisch begint af te spelen na het laden van de webpagina, namelijk de afbeelding bovenaan de pagina. Er is geen mechanisme beschikbaar, of makkelijk bereikbaar, om de content te laten stoppen, te pauzeren of te verbergen. Voeg een mechanisme toe waarmee de gebruiker dat kan, of verwijder de content om dit probleem op te lossen.

Uitkomst: Onvoldoende

Bevinding 23: Op elke pagina staat een "Snel naar" navigatiemenu. Na het openen van de link "Snel naar", opent het menu met daarin 6 links. De toetsenbordfocus verplaatst niet mee, waardoor de volgorde voor een toetsenbord gebruiker niet logisch of voorspelbaar is. Advies is om de toetsenbordfocus, na openen van het menu, te verplaatsen naar het eerste interactieve element binnen het navigatiemenu.

Uitkomst: Onvoldoende

Bevinding 24: Op elke pagina staat een logo om naar de homepage te gaan. De alt tekst van dit logo is niet voldoende (zie 1.1.1). Ook wordt er een title-attribuut gebruikt. Sommige schermlezersoftware leest de title ook voor zodat de linktekst dubbel te horen is. Laat daarom het title-attribuut weg of zorg ervoor dat deze een correcte toegankelijke naam krijgt. Zie ook het advies bij 1.1.1.

Bevinding 25: Op elke pagina staat in de footer een logo van Gemeente Dordrecht. De toegankelijke naam van deze link is "Wonen in Amstelwijck logo". De visueel waarneembare tekst is Dordrecht. De link beschrijft het doel niet goed. Advies: Omdat hier een afbeelding van Gemeente Dordrecht geplaatst is, is het beter om de link naar Gemeente Dordrecht te laten verwijzen en er een goed linktekst aan te koppelen, of om hier geen link van te maken.

Bevinding 26: De link om het "Snel naar" menu te sluiten heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van schermleessoftware niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Suggestie: gebruik een knop, in plaats van een link. Een knop regelt een actie op de pagina zelf en de link verwijst naar een andere pagina, of een plek op dezelfde pagina.

Bevinding 27: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/amstelwijck+park/default.aspx staan 2 links die naar hetzelfde verwijzen, bij "Groen en Water". De eerste link is de kop, de tweede link is de afbeelding. Omdat deze afbeelding geen alt tekst heeft, wordt het voor bezoekers die gebruikmaken schermleessoftware uitgesproken als "link", en is daardoor niet duidelijk waar de link naar verwijst. Advies is om hier één link te hanteren die naar "Groen en water" verwijst, in plaats van twee. Zie ook 3.2.4 voor een soortgelijk probleem.

Uitkomst: Onvoldoende

Bevinding 28: Op elke pagina staat een "Snel naar" navigatiemenu. Als "Snel naar" niet uitgeklapt is, zijn de links daar binnen alsnog met het toetsenbord bereikbaar. Hierdoor ziet een toetsenbord gebruiker bij het tabben meerdere keren niet waar de focus is. Advies is om het uitklapvenster in zijn geheel op display:none te zetten, wanneer de inhoud visueel niet zichtbaar is. Dan is het ook voor hulp technologie niet bereikbaar.

Uitkomst: Onvoldoende

Bevinding 29: Op elke pagina staat in de footer een logo van Gemeente Dordrecht. De toegankelijke naam van deze link is "Wonen in Amstelwijck logo". De visueel waarneembare tekst is Dordrecht. De toegankelijke naam van de link bevat niet de naam die visueel zichtbaar is. Hierdoor is de link lastig met spraakbesturing te bedienen. Zie 2.4.4 voor advies.

Bevinding 30: Op elke pagina is een knop aanwezig om tekst groter te maken. Deze knop heeft als visuele tekst: "Groter". De toegankelijke naam van de knop is echter "Tekst vergroten". Doordat het visuele label en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die gebruikmaken van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

Uitkomst: Voldoende

Bevinding 31: Advies: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/over-amstelwijck/default.aspx#skipMap staat een interactieve kaart. De onderdelen binnen de kaart zijn Engelstalig, bijvoorbeeld "Keyboard shortcuts". Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende html-code een lang="en" toe te voegen. Nog beter is om de Engelstalige woorden te vervangen door Nederlandse woorden.

Uitkomst: Onvoldoende

Bevinding 32: Advies: Op pagina https://woneninamstelwijck.nl/default.aspx staan onder de kop "Uitgelicht" twee blokken, met daarin links. Elk blok heeft een afbeelding en een kop. Beide zijn opgemaakt als link. Hierdoor hoort een bezoeker die gbruikmaakt van schermlessoftware twee keer een link, met een andere naam, die naar het hetzelfde onderdeel verwijst. Dit kan verwarrend werken en mag niet. Wanneer naar een link verwezen wordt, zou dit altijd met dezelfde linknaam moeten. In dit geval gaat het om een dubbele link, dus is het advies om hier 1 enkele link van te maken. In de techniek kan de kaart in zijn geheel klikbaar gemaakt worden, zodat er maar één link is.

Bevinding 33: Op pagina https://woneninamstelwijck.nl/default.aspx gebeurt onder de kop "Nieuws" hetzelfde. Er is een afbeelding, een kop en een "Lees meer" link, die naar hetzelfde verwijst. Advies is om hier één link van te maken, zodat het niet dubbelop uitgesproken wordt. Dit gebeurt ook op pagina https://woneninamstelwijck.nl/wonen/fijne-woonomgeving/default.aspx bij bijvoorbeeld "Oostkilpad en Polderslootpad" en op https://woneninamstelwijck.nl/nieuws/default.aspx. Hier staan per item telkens drie links die naar hetzelfde verwijzen.

Uitkomst: Onvoldoende

Bevinding 34: In de cookie-instellingen https://woneninamstelwijck.nl/default.aspx#settings=cookies staat een aankruisvakje voor 'cookies van derden toestaan'. Hierbij staat extra tekst die duidelijk maakt waarom deze cookies nodig zijn. Deze beschrijving is niet gekoppeld aan het invoerveld, waardoor schermlezergebruikers deze context kunnen missen. Advies: gebruik aria-describedby om de relatie te leggen tussen invoerveld en beschrijving.

Uitkomst: Onvoldoende

Bevinding 35: Op elke pagina wordt gebruikgemaakt van het "Snel naar" navigatiemenu. Voor ziende gebruikers is het duidelijk dat de "snel naar" links zijn uitgevouwen. Blinden en slechtzienden die gebruikmaken van schermleessoftware missen de status en weten dus niet of hierdoor content aanwezig is of ontbreekt. Geef in de code de status aan met aria-expanded of een vergelijkbare techniek, om dit probleem op te lossen.

Bevinding 36: Op elke pagina staan in het hoofdmenu links om submenu's te openen. Voor ziende gebruikers is duidelijk dat dit submenu geopend of gesloten is. Blinden en slechtzienden die gebruikmaken van schermleessoftware missen de status en weten dus niet of hierdoor content aanwezig is of ontbreekt. Geef in de code de status aan met aria-expanded of een vergelijkbare techniek, om dit probleem op te lossen.

Bevinding 37: Advies: Op pagina https://woneninamstelwijck.nl/in+amstelwijck/over-amstelwijck/default.aspx#skipMap staat een kaart. In deze kaart staan verschillende knoppen om meer informatie over de wijk te tonen. Deze knoppen hebben geen toegankelijke naam. Door deze knoppen een beschrijvende naam te geven, zoals "Amstelwijck Park, toon meer informatie" en een aria-expanded ingeklapt/uitgeklapt staat, kan een schermlezer gebruiker deze onderdelen ook goed gebruiken.

Uitkomst: Voldoende

Bevinding 38: Advies: Het is voor ziende gebruikers duidelijk dat na verzending van het zoekformulier "Zoeken in pagina" op pagina https://woneninamstelwijck.nl/in+amstelwijck/amstelwijck+park/default.aspx de resultaten meteen zichtbaar zijn, doordat de pagina ververst en naar beneden scrolt. Deze informatie is niet meteen beschikbaar voor bezoekers die gebruikmaken van schermleessoftware. Voor hen ververst de pagina en begint de schermlezer weer bovenaan. Advies is om de focus op het zoekveld te plaatsen, nadat de pagina geladen is. Zo hoeft een schermlezer gebruiker niet opnieuw de pagina door.