Quickscan Webrichtlijnen Gemeente Lingewaard Gemeente Lingewaard Datum 7-3-2016 Auteur Maaike Fuit-Triemstra
Inhoudsopgave Inhoudsopgave 2 Samenvatting 3 Bevindingen 3 Quickscan 4 Sample 4 Resultaten 5 Pagina 2 van 8
Samenvatting Dit rapport beschrijft de resultaten uit de quickscan die uitgevoerd is op de website van gemeente Lingewaard. Het doel is om de gemeente te informeren over de aanpassingen die eventueel nog nodig zijn om de website te laten voldoen aan de Webrichtlijnen. Bevindingen Uit de quickscan die uitgevoerd is op 15 pagina s van de website van gemeente Lingewaard is gebleken dat er nog aanpassingen nodig zijn. Deze punten worden vanaf pagina 5 benoemd en uitgelegd. Scan uitgevoerd door Maaike Fuit-Triemstra Pagina 3 van 8
Quickscan Voor de quickscan is er een keuze gemaakt van 15 pagina s van de website van gemeente Lingewaard. Deze 15 pagina s zijn getoetst op alle succescriteria van Webrichtlijnen 2 behorend bij niveau AA. Sample De volgende pagina s maken deel uit van de quickscan. # URL 1 http://www.lingewaard.nl/ 2 http://www.lingewaard.nl/inwoners/paspoort-id-kaart-rijbewijs-uittreksels_41609/ 3 http://www.lingewaard.nl/inwoners/openingstijden_41810/ 4 http://www.lingewaard.nl/inwoners/berichten-van-degemeente_41621/rubriek/nieuwsberichten_1887.html 5 http://www.lingewaard.nl/portal-lingewaard/producten-endiensten_41537/product/verhuizen_311.html 6 http://www.lingewaard.nl/inwoners/berichten-van-degemeente_41621/item/evenement-organiseren-rond-de-giro-ditalia_35888.html 7 http://www.lingewaard.nl/inwoners/afvalkalender_41550/ 8 http://www.lingewaard.nl/portal-lingewaard/vacatures_41823/ 9 http://www.lingewaard.nl/portal-lingewaard/producten-endiensten_41537/product/tarieven-gemeentelijke-belastingen_713.html 10 http://www.lingewaard.nl/bestuur-organisatie/samenstelling-van-het-college-vanbw_41897/ 11 http://www.lingewaard.nl/portal-lingewaard/producten-endiensten_41537/product/afvalinzameling-plastic-en-drankkartons_968.html 12 http://www.lingewaard.nl/inwoners/berichten-van-degemeente_41621/item/belastingaanslag-2016_35891.html 13 http://www.lingewaard.nl/bestuur-organisatie/besluitenlijstenbw_41624/item/besluitenlijsten-2016_35467.html 14 https://gemeenteraad.lingewaard.nl/kalender/2016/ 15 http://afspraken.lingewaard.nl:8080/internetafspraken/ Pagina 4 van 8
Resultaten Pagina( s) 14 IJkpunt U.1.3 Kopregelhiërarchie: Sla geen niveaus over in de hiërarchie van kopregels Met kopregels wordt structuur in content aangebracht en voorzien van een logische hiërarchie. Het overslaan van niveaus wekt de indruk dat de structuur van een document niet goed is doordacht, of dat kopregels zijn gebruikt vanwege de manier waarop ze worden weergegeven. De h2 is op deze pagina overgeslagen. Pagina( s) 10, 15 IJkpunt U.2.1 Scheiding van content en presentatie: Content en presentatie worden gescheiden van elkaar aangeboden, indien de gebruikte opmaaktaal dit ondersteunt Scheiding van content en presentatie zorgt ervoor dat betekenis en presentatie van content niet met elkaar in conflict komen en dat bij (her)gebruik van content in een andere context complicaties worden vermeden. Op deze pagina's wordt gebruik gemaakt van inline style (style=). Gemeente (10) (15) Pagina( s) 1-15 IJkpunt U.4.1 Aangepaste foutmeldingen: Biedt bij door het systeem gegenereerde foutmeldingen de gebruiker mogelijkheden om verder te gaan Door gebruik te maken van een aangepaste foutpagina is een gebruiker in staat om na een fout zijn weg te vervolgen op een website. Op een foutpagina dienen ten minste drie van onderstaande "vluchtroutes" beschikbaar te zijn: - Een link naar de homepage - Sitenavigatie die ook beschikbaar is op overige delen van de website - Link naar een sitemap - Zoekvenster met submit-knop - Contactinformatie. Op deze foutpagina ontbreekt bijvoorbeeld de optie "contactinformatie". SIM Pagina 5 van 8
Pagina( s) 5, 7 IJkpunt U.9.1 Gebruik ten minste open specificaties: Gebruik bij het aanbieden van content ten minste open, niet leverancierafhankelijke en voor webcontent bedoelde specificaties. En geef bij gelijke geschiktheid de voorkeur aan open standaarden Dit succescriterium zorgt voor een website die kan worden begrepen door browsers en platforms. Open specificaties zijn specificaties die breed worden ondersteund en geen commercieel doel dienen. Op deze pagina is een document gevonden wat niet als open specificatie beschouwd wordt. Voor PDF bestanden geldt minimaal versie 1.7 of PDF/a. Gemeente Pagina( s) 14 IJkpunt 1.1.1 Niet-tekstuele content: Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties Op deze pagina is het logo van de gemeente Lingewaard geplaatst met css, deze is informatief en dient dus geplaatst te worden in de html met een gevuld alt-attribuut. Zorg ervoor dat alle informatie uit de afbeelding ook in de alt-tekst geplaatst is. Is het gebruik van een afbeelding voor het overbrengen van de informatie niet nodig, is het beter hier gewoon tekst voor te gebruiken. Pagina( s) 15 IJkpunt 1.3.2 Betekenisvolle volgorde: Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden Dit succescriterium is bedoeld om te garanderen dat de informatie op de pagina altijd op een logische manier wordt overgebracht op de gebruiker. Op deze pagina is de volgorde en tekst niet logisch wanneer je de pagina zonder opmaak bekijkt. Pagina( s) 3, 6-12 IJkpunt 1.4.1 Gebruik van kleur: Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden Dit succescriterium is bedoeld om te voorkomen dat informatie op een pagina alleen op basis van kleur herkenbaar is. Sommige links zijn alleen te onderscheiden door gebruik van kleur. SIM Pagina 6 van 8
Pagina( s) 4, 14, 15 IJkpunt 1.4.3 Contrast (minimum): De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen Dit succescriterium draagt bij aan gebruiksvriendelijkheid en daarmee het bereik van de website. Door voldoende contrast aan te brengen op alle elementen op de pagina is de pagina altijd voor iedere gebruiker goed leesbaar. 4: De datum achter het nieuwsbericht heeft niet voldoende contrast. 14, 15: Het contrast is op diverse plekken niet voldoende. SIM (4) (14, 15) Pagina( s) 5, 9 IJkpunt 2.1.1 Toetsenbord: Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten Dit succescriterium zorgt ervoor dat alle inhoud van een pagina bereikbaar is met behulp van alleen een toetsenbord. Op deze manier hebben gebruikers die geen muis (kunnen) gebruiken toegang tot dezelfde informatie als de overige gebruikers. 5: De content is niet bereikbaar met alleen het toetsenbord, o.a. de uitklapbare kopjes en de knop. 9: De uitklapbare kopjes zijn niet te bereiken met alleen het toetsenbord. SIM Pagina( s) 14 IJkpunt 2.4.1 Blokken omzeilen: Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen Dit succescriterium zorgt voor snelle navigatiemogelijkheden voor gebruikers van bijvoorbeeld screenreaders. Dit succescriterium draagt bij aan de gebruiksvriendelijkheid en het bereik van de website. Op deze pagina is de herhaalde content (namelijk de menustructuur) niet over te slaan door middel van skiplinks. Pagina 7 van 8
Pagina( s) 14 IJkpunt 2.4.2 Paginatitel: Webpagina's hebben titels die het onderwerp of doel beschrijven Dit succescriterium zorgt ervoor dat iedere pagina een unieke en logische titel heeft. Op die manier begrijpen gebruikers snel waar de pagina over gaat. Op deze pagina is de titel niet beschrijvend genoeg, er staat bijvoorbeeld niet in dat het gaat om de activiteiten van de gemeente Lingewaard. Pagina( s) 14 IJkpunt 2.4.7 Focus zichtbaar: Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is De focus rectangle hoort duidelijk zichtbaar te zijn. Dit is niet altijd het geval op deze pagina s. De focus rectangle is een stippellijn die zichtbaar wordt wanneer een bepaald onderdeel de focus heeft. Op pagina 14 is deze focus rectangle bijna nergens zichtbaar. Pagina 8 van 8