Quickscan Webrichtlijnen

Transcriptie

1 Quickscan Webrichtlijnen Gemeente Wijchen Gemeente Wijchen Datum Auteur Remco Belgraver

2 Inhoudsopgave Inhoudsopgave 2 Samenvatting 3 Bevindingen 3 Quickscan 4 Sample 4 Resultaten 5 Pagina 2 van 8

3 Samenvatting Dit rapport beschrijft de resultaten uit de quickscan die uitgevoerd is op de website van gemeente Wijchen. 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 Wijchen is gebleken dat er nog aanpassingen nodig zijn voordat de gemeente over kan gaan tot toetsing. Deze punten worden vanaf pagina 5 benoemd en uitgelegd. Scan uitgevoerd door Arnoud Lagher (code) Lieke Dekker (content) Remco Belgraver (content) Pagina 3 van 8

4 Quickscan Voor de quickscan is er een keuze gemaakt van 15 pagina s van de website van gemeente Wijchen. 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 Pagina 4 van 8

5 Resultaten Pagina( s) 2, 8, 12, 13 en 15 IJkpunt U.1.1 Semantisch correcte opmaak: Pas opmaaktalen toe op de in de specificatie beschreven wijze IJkpunt U.1.2 Geen afgekeurde en afgeraden eigenschappen: Zie af van het gebruik van afgekeurde eigenschappen en afgeraden eigenschappen uit eerdere versies van technologieën voor webcontent IJkpunt Parsen: In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat Op deze pagina(s) zijn fouten gevonden in de broncode. Zorg dat deze pagina s valideren middels validator.w3.org. Pagina( s) IJkpunt U.1.3 Pagina 2: De link Sociaal Wijkteam Wijchen is niet goed geplaatst. Link opnieuw plaatsen. Pagina 8: Link achter icoon Startend ondernemen bevat previewcode. Link opnieuw plaatsen. Pagina 12: De pagina is niet op de juiste code gebouwd. De pagina mist een DOCTYPE, welke door de leverancier toegevoegd moet worden. Pagina 13: Pagina 13: B&W niet juist opgebouwd. Het &-teken gaf hier problemen. We hebben de pagina opnieuw opgeslagen en het &-teken is nu goed geplaatst in de code. Pagina 15: De pagina is niet op de juiste code gebouwd. De pagina mist een DOCTYPE, welke door de leverancier toegevoegd moet worden. Pagina 2, 8 en 13: Gemeente Pagina 12 en 15: Alle Kopregelhiërarchie: Sla geen niveaus over in de hiërarchie van kopregels Kopregelstructuur en kopregelhiërarchie zorgen voor een logische structuur van de content, en maken het scannen en lezen van de pagina voor gebruikers met een screenreader of andere ondersteunende software veel gemakkelijker. Alle pagina s: Er staat een lege Kop 3 in het blok Openingstijden. Pagina 2 t/m 11, 13 en 14: Kop 1 mag niet verborgen zijn. Pagina 12 en 15: Er zijn geen kopregels aanwezig; er moet op elke pagina een Kop 1 aanwezig zijn. Pagina 4: Wilt u uw evenement melden is een Kop 5, dit moet een Kop 2 zijn. Pagina 7, 8 en 10: Niet wachten?. Deze vraagstelling is niet omschrijvend genoeg. Maak een afspraak kan beter een Kop 3 zijn. Pagina 9: Verhuizing doorgeven met DigiD is een Kop 5, dit moet een Kop 3 zijn. Kopjes onder Wat moet ik doen dikgedrukt of Kop 5, dit moeten Kopjes 3 zijn. Lege Kop 5 onder de call-to-action (knop). Niet wachten? Maak een afspraak kan beter een Kop 3 zijn. Pagina 11: Kopje agenda's en stukken dikgedrukt i.p.v. een echte kopregel. Alle pagina s: Gemeente Pagina 2 t/m 11, 13 en 14: SIM Pagina 12 en 15: Pagina 4, 7-11: Gemeente Pagina 5 van 8

6 Pagina( s) 1, 7, 8, 10 en 12 IJkpunt 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(s) zijn afbeeldingen gevonden met een lege of onjuiste alttekst. 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 1: Alt-teksten iconen toptaken zijn dubbelop. Het logo van Dar moet wel een ALT bevatten. Pagina 7: Icoon Let op bevat geen alt-tekst; afbeelding Pinnen ja graag bevat geen alt-tekst. Pagina 8: Alt-teksten iconen toptaken zijn dubbelop. Laatste afbeelding in nieuwscarrousel bevat geen alt-tekst (informatieve afbeelding); Logo Twitter heeft betere alt-tekst nodig (bijv. twitter gemeente Wijchen). Pagina 10: Icoon Let op bevat geen alt-tekst; afbeelding Pinnen ja graag bevat geen alt-tekst. Pagina 12: Alt-tekst niet voldoende beschrijvend (foto + logo één onderdeel). Pagina 1 en 8 (iconen): SIM Pagina 7, 8 en 10: Gemeente Pagina 12: Pagina( s) 12 IJkpunt 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. Op deze pagina is de huidige dag alleen met kleur aangegeven. Pagina( s) 12 IJkpunt 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. Op deze pagina heeft de witte tekst op een rode achtergrond onvoldoende contrast. Pagina( s) 12 IJkpunt 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. Op deze pagina zijn geen skiplinks aanwezig. Pagina 6 van 8

7 Pagina( s) 3, 6, 12 en 15 IJkpunt 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. Pagina 3 en 6: De titel Startpagina is onvoldoende beschrijvend. Pagina 12 en 15: Er is geen Kop 1 aanwezig. Pagina 3 en 6: Gemeente Pagina 12 en 15: Pagina( s) 2, 9 en 14 IJkpunt Linkdoel (in context): Het doel van elke link kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen Dit succescriterium is bedoeld om zeker te zijn dat het doel van een link logisch is. Ook als je de link zonder de omliggende content krijgt voorgelezen. Een linktekst als "Klik hier" of "lees verder" is niet duidelijk, als je de pagina bekijkt zonder visuele context. Pagina 2: Linktekst Website is onvoldoende beschrijvend. Pagina 9: Twee keer het linkje Verhuizing doorgeven aanwezig. Linktekst aanpassen, zodat uit de linktekst duidelijk wordt welk formulier digitaal en welke pdf is. Pagina 14: Linktekst Onze pagina is onvoldoende beschrijvend. Gemeente Pagina( s) 12 en 15 IJkpunt Koppen en labels: Koppen en labels beschrijven het onderwerp of doel IJkpunt Labels of instructies: Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd Dit succescriterium zorgt ervoor dat onderdelen van de content voorspelbaar zijn op basis van een paragraaftitel. Gebruik goede, beschrijvende <label>-elementen om aan te geven wat gebruikers moeten invullen in het veld dat bij het label hoort. Pagina 12: Label bij zoekveld mag niet verborgen zijn. Pagina 15: Labels ontbreken. Pagina( s) IJkpunt Alle 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 De focus is niet duidelijk zichtbaar. Pagina 1-11, 13-14: SIM Pagina 12 en 15: Pagina 7 van 8

8 Pagina( s) 15 IJkpunt Consistente navigatie: Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker Het succescriterium zorgt ervoor dat navigatie op iedere pagina binnen een website op dezelfde plek in de broncode staat, en in dezelfde volgorde voorkomt. Pagina( s) IJkpunt Op deze pagina is de navigatie niet beschikbaar (geen mogelijkheid om terug te keren naar de website). Alle Consistente identificatie: Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd Dit succescriterium zorgt voor logica binnen een website. Door elementen op iedere pagina op dezelfde manier te plaatsen en vorm te geven zijn ze herkenbaar voor gebruikers. Pagina 1-11, 13-14: Link in de footer valt niet op. Pagina 12: Link in kalender valt niet op. Pagina 15: Knoppen anders gestyled. Pagina 1-11, 13-14: SIM Pagina 12 en 15: Pagina( s) 15 IJkpunt Fout identificatie: Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en de fout wordt tekstueel aan de gebruiker meegedeeld Dit succescriterium zorgt voor goede feedback aan gebruikers. Als de gebruiker bijvoorbeeld een formulier niet goed heeft ingevuld, moet worden aangegeven welke velden niet goed zijn ingevuld. Op deze pagina wordt alleen middels een dialoogvenster aangegeven welke velden niet goed zijn ingevuld. Deze meldingen moeten bij de velden staan die niet goed zijn ingevuld. Tevens dient er vooraf aangegeven worden, bijvoorbeeld met hulpteksten, wat er in een veld ingevuld moet worden. Geef bij telefoonnummer, postcode en adres een voorbeeld van de in te vullen tekst. Pagina 8 van 8