terug naar overzicht | volledig rapport

Details Report for GGD Rotterdam-Rijnmond

Scope van de evaluatie

Naam websites GGD Rotterdam-Rijnmond
Scope van de website Alle pagina's op www.ggdrotterdamrijnmond.nl.
Niet de PDF bestanden.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content


Uitkomst: Onvoldoende

  • De Google-maps kaart in de footer van alle pagina's heeft geen alt tag of beschrijving. Voeg een alt tag toe om dit probleem op te lossen.
  • Het logo van de GGD Rotterdam-Rijnmond (alle pagina's) is een link naar de homepage, maar heeft geen alternatieve tekst. Vul een beschrijvende tekst als 'Homepage GGD Rotterdam-Rijnmond' in om dit probleem op te lossen.
  • De afbeelding op de pagina www.ggdrotterdamrijnmond.nl/nieuws/zoem/ bevat tekst maar heeft geen alternatieve tekst. Voeg een alternatieve tekst toe om dit op te lossen.

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 2: - Aan het eind in de video op pagina www.ggdrotterdamrijnmond.nl/wat-doet-de-ggd/ staat nogmaals de tekst GGD Rotterdam-Rijnmond en staat de link naar de website beschreven, maar dit wordt niet voorgelezen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties


Uitkomst: Onvoldoende

  • Het invoerveld voor zoeken onder de header op pagina www.ggdrotterdamrijnmond.nl/ is opgemaakt in een tabel. Gebruikers die een screenreader gebruiken krijgen voorgelezen dat zij in een tabel zitten, terwijl dat niet het geval is. Voorkom het gebruik van tabellen voor opmaakdoeleinden.
  • De links op de homepage www.ggdrotterdamrijnmond.nl/ onder Meest bezocht hebben een title attribuut waar dit niet nodig is. Screenreader gebruikers krijgen de link nu twee maal voorgelezen. Verwijder het title attribuut.
  • De tabellen op de pagina www.ggdrotterdamrijnmond.nl/contact/ hebben geen tabel header. De kopjes zijn opgemaakt met <b>, waardoor de relatie tussen de kopjes en de tabel niet meer duidelijk is voor mensen met een screenreader. Gebruik <th> in plaats van <b> om dit op te lossen.
  • De tabel met bezoekadressen op pagina www.ggdrotterdamrijnmond.nl/contact/ bevat een lege kolom. Screenreaders lezen wel voor dat hier een kolom staat. Het is niet nodig om deze informatie in een tabel te plaatsen. Plaats deze informatie in een gewone paragraaf met kopjes om dit probleem op te lossen.
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 4: - Het contactformulier op www.ggdrotterdamrijnmond.nl/contact/ heeft geen autocomplete. Daarnaast hebben de tekstvelden ook geen naam, zie ook 4.1.2. Geef de velden de juiste autocomplete tag om aan dit succescriterium te voldoen.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)


Uitkomst: Onvoldoende

  • De placeholder in het zoekvenster in de navigatiebalk met de tekst 'Zoek in de site' heeft niet voldoende contrast. Het grijs heeft een contrastratio van 2,6:1 waar dit minimaal 4,5:1 moet zijn. Kies een donkerdere kleur om dit probleem op te lossen.
  • De button 'Vertalen' in de zijbalk navigatie op pagina www.ggdrotterdamrijnmond.nl heeft niet voldoende contrast. De groene kleur heeft een contrastratio van 4:1, waar dit minimaal 4,5:1 moet zijn. Maak de kleur donkerder, of de button en tekst groter om het probleem te lossen. Deze button komt op meerdere pagina's voor. Dit geldt ook voor de buttons met de tekst 'Lees voor'.
  • De button 'Lees hier meer' in de banner op de pagina www.ggdrotterdamrijnmond.nl heeft niet voldoende contrast. De groene kleur heeft een contrast van 4:1, waar dit minimaal 4,5:1 moet zijn. Maak de kleur donkerder om het probleem op te lossen.
  • De button 'Wat doet de GGD' op de pagina www.ggdrotterdamrijnmond.nl heeft niet voldoende contrast. De groene kleur heeft een contrastratio van 4:1, waar dit minimaal 4,5:1 moet zijn. Maak de kleur donkerder om het probleem op te lossen.
  • De button 'Maak online een afspraak' op de pagina www.ggdrotterdamrijnmond.nl heeft niet voldoende contrast. De oranje kleur heeft een contrastratio van 4:1, waar dit minimaal 4,5:1 moet zijn. Maak de kleur donkerder om het probleem op te lossen. Dit geldt ook voor de drie andere oranje buttons in hetzelfde blok op de homepage.
  • De twee buttons 'Nieuwsarchief' op de pagina www.ggdrotterdamrijnmond.nl heeft niet voldoende contrast. De groene kleur heeft een contrastratio van 4:1, waar dit minimaal 4,5:1 moet zijn. Maak de kleur donkerder om het probleem op te lossen.
  • Op alle pagina's staat een Google My Maps kaart met de locatie van de GGD. De blauwe link 'Meer informatie over hoe je je eigen kaart kunt maken' heeft niet voldoende contrast. Het blauw op blauw heeft een contrastratio van 1,7:1, waar dit minimaal 4,5:1 moet zijn.
  • De pagina www.ggdrotterdamrijnmond.nl/contact/ heeft dezelfde contrastproblemen als op bovenstaande pagina's waar het de groene buttons betreft.
  • Alle linkjes in de tekst hebben een contrastratio van 4:1 waar dit minimaal 4,5:1 moet zijn. Maak de groene kleur donkerder om dit op te lossen. Dit probleem komt op de gehele site voor.
1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow


Uitkomst: Onvoldoende

Bevinding 6: - Het menu icoon en de 'Geef uw mening' functie belemmeren het zicht op de website wanneer het scherm verkleind wordt.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord


Uitkomst: Onvoldoende

  • Op pagina www.ggdrotterdamrijnmond.nl/, in de navigatiebalk aan de linkerkant van het scherm, staat de knop 'Vertalen'. Deze knop is niet toegankelijk met het toetsenbord. Maak een html button van deze knop (heeft de voorkeur), of voeg een tabindex toe en codeer de bijbehorende functionaliteit in Javascript om de knop toegankelijk te maken. Deze knop komt op meerdere pagina's voor en krijgt daar ook geen focus.
  • Op pagina www.ggdrotterdamrijnmond.nl/zoeken/ is een filterfunctie aanwezig, maar deze is niet bereikbaar met het toetsenbord. Ik zie dat er wel is geprobeerd om de functie bereikbaar te maken, aangezien er in het geneste element <ul> van de div wel een tabindex is toegevoegd, maar die wordt niet herkend door de browser. Corigeer dit om het probleem op te lossen.
2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen


Uitkomst: Onvoldoende

Bevinding 8: - Op de homepage is wel een skiplink aanwezig naar de hoofdcontent van de pagina, maar deze link is niet zichtbaar wanneer de link focus heeft. Dit maakt dat toetsenbordgebruikers die geen screenreader gebruiken, de link niet zien. De link mag onzichtbaar zijn wanneer de link geen focus heeft, maar moet zichtbaar zijn wanneer de link wel focus heeft.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde


Uitkomst: Niet getest

Bevinding 9: - De secties Nieuws en social media en Thema's coronavirus op pagina www.ggdrotterdamrijnmond.nl/ hebben geen links naar rechts focus volgorde, maar boven naar beneden. Dit is niet wat bezoekers verwachten. Het is niet fout, maar als het anders kan, raad ik aan om het aan te passen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar


Uitkomst: Onvoldoende

Bevinding 10: - Op de pagina www.ggdrotterdamrijnmond.nl/ in de zijbalk navigatie, staat een 'Vertalen' button die Google Translate activeert. Deze button krijgt geen zichtbare focus. Pas de opmaak van de button aan, zodat de focus wel weer zichtbaar is, of pas de focus-opmaak voor deze button aan.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie


Uitkomst: Onvoldoende

Bevinding 11: - Het contactformulier op pagina www.ggdrotterdamrijnmond.nl/contact/ heeft geen juiste error identificatie. Er wordt alleen aangeven dat er tekst moet worden ingevuld, maar niet wát de fout dan is. Voeg een beschrijvende tekst van de fout toe om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen


Uitkomst: Onvoldoende

  • Op de contactpagina www.ggdrotterdamrijnmond.nl/contact/ komt de volgende fout in de headercode voor: og:url">↩↩<meta content="www.ggdrotterdamrijnmond.nl/apps/ggdrotterdamrijnmond.nl/…" itemprop="image" property="og:image">. Het attribuut property is geen geldig attribuut in het meta element. Dit probleem komt op alle pagina's voor.
  • Op de contactpagina komt de volgende fout in de headercode voor: value="0"><div class="progress-container"><span. Het element <progress> mag geen child zijn van het element <div>. Ik raad aan om de progressbar in zijn geheel weg te laten want het scrollen op een pagina is geen 'taak' die bijgehouden moet worden en biedt daarom geen echte functionaliteit op de website. Dit probleem komt op alle pagina's voor.
  • Op de contactpagina komt de volgende fout voor in de code: <div alt="Twee mensen voor het pand van de GGD aan de Schiedamsedijk in Rotterdam" class="header-com…c6:00000001bd:7d55" title="Twee mensen voor het pand van de GGD aan de Schiedamsedijk in Rotterdam">. Het alt attribuut kan niet gebruikt worden in een div. Gebruik een image element om dit probleem op te lossen.
  • Op de contactpagina komt de volgende fout in de code voor: otterdam"><style>↩ . Het element <style> mag hier geen child zijn van het element <div>. Gebruik een image element in plaats van een div met style om dit probleem op te lossen.
  • Op de contactpagina www.ggdrotterdamrijnmond.nl/contact/ in de readspeader komt de volgende fout in de code voor: <i aria-hidden="false" class="fa fa-times close-button" label="close button"></i>. Het label attribuut mag niet voorkomen in de i tag. Gebruik een ander element om deze functionaliteit te waarborgen. Dit probleem komt op meerdere pagina's voor.
  • Op de contactpagina www.ggdrotterdamrijnmond.nl/contact/ bij de uitklap naar het contactformulier komt de volgende fout in de code voor: <div aria-multiselectable="true" class="faq-component collapse-component panel-group" id="gen_id_59" role="tablist">. Het gaat hier om een tablist, maar zonder verdere child elementen met de rol 'tab'. Ditzelfde probleem komt voor op dezelfde pagina bij de uitklap 'vacatures & stages'.
  • De Google-maps kaart in de footer van alle pagina's staat in een iframe, maar heeft geen title attribuut. Dit is wel verplicht.
4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde


Uitkomst: Onvoldoende

  • De tekstvelden in het contactformulier www.ggdrotterdamrijnmond.nl/contact/ hebben geen name, waardoor het voor gebruikers met een screenreader niet duidelijk is wat er precies ingevuld moet worden. Voeg de name tag om dit probleem op te lossen.
  • De filteroptie op pagina www.ggdrotterdamrijnmond.nl/zoeken/ heeft niet de juiste rol toegewezen gekregen. Zie ook 2.1.1.

****** Tot.: 13 Bevindingen

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. 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 worde 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.

Over 200 OK/Jules Ernst

200 OK (Jules Ernst) helpt organisaties om digitale toegankelijkheid te realiseren en te borgen. Dit doet hij door mee te werken in projecten, trainingen en workshops te geven en websites en webapplicaties te onderzoeken op toegankelijkheid. Jules Ernst is adviseur op het gebied van digitale toegankelijkheid sinds 2007.