Verklaring van Cleantech Regio

Status toegankelijkheid https://cleantechregio.nl/

Regio Stedendriehoek is wettelijk verplicht om deze website te laten voldoen aan het Besluit digitale toegankelijkheid overheid.

De status van deze website is: B - voldoet gedeeltelijk ? - Ga naar de informatie over de nalevingsstatussen

De status is toegekend op basis van een eigen verklaring,
die voor het laatst is bijgewerkt op 08-11-2022

  • De onderbouwing bij deze eigen verklaring is gecontroleerd.
    Daaruit bleek dat de onderbouwing toereikend is om door een toezichthouder inhoudelijk te kunnen worden beoordeeld.
    Meer over de controle door Logius

Op deze pagina kunt u:

Inhoud

Verklaring

Regio Stedendriehoek streeft ernaar om de eigen online informatie en dienstverlening toegankelijk te maken, overeenkomstig het Tijdelijk besluit digitale toegankelijkheid overheid.
Deze toegankelijkheidsverklaring is van toepassing op de inhoud van de website Cleantech Regio.

Een overzicht van alle websites, mobiele applicaties en verklaringen van Regio Stedendriehoek is beschikbaar via de link https://cleantechregio.nl/toegankelijkheidsverklaring

Nalevingsstatus: voldoet gedeeltelijk

Uit de door Regio Stedendriehoek gepubliceerde informatie blijkt dat de website Cleantech Regio gedeeltelijk voldoet aan het Tijdelijk besluit digitale toegankelijkheid overheid.

Uit toegankelijkheidsonderzoek is gebleken dat nog niet aan alle eisen wordt voldaan. Voor elke afzonderlijke afwijking van de eisen is de oorzaak bekend en is het gevolg beschreven, zijn maatregelen genomen om de afwijking te kunnen opheffen EN wordt een concrete datum genoemd waarop de maatregelen zullen zijn uitgevoerd.

In de toelichting, onder het kopje onderbouwing van de verklaring, wordt aangegeven hoe ver Regio Stedendriehoek is gevorderd met de toegankelijkheid van Cleantech Regio en welke noodzakelijke maatregelen worden genomen om de website toegankelijker te maken.

De kenmerken van de verschillende statussen worden beschreven in de toelichting, onder het kopje Uitleg over de nalevingsstatussen.

Akkoordverklaring

Deze verklaring is op 01-01-2022 getekend voor 'gezien en akkoord' door een tekenbevoegd functionaris van Regio Stedendriehoek .
Functie: Strategisch Communicatieadviseur.

De actualiteit, volledigheid en juistheid van deze verklaring zijn voor het laatst herzien op 08-11-2022.

Feedback en contactgegevens

Loopt u tegen een toegankelijkheidsprobleem aan? Of heeft u een vraag of opmerking over toegankelijkheid?
Neem dan contact op via communicatie@cleantechregio.nl.

Wat kunt u van ons verwachten?
  • Binnen 5 werkdagen krijgt u een ontvangstbevestiging.
  • We informeren u over de voortgang en de uitkomst.
  • Binnen 3 weken is uw verzoek afgehandeld.
Handhavingsprocedure

Bent u niet tevreden met de manier waarop uw klacht is behandeld? Of hebben we niet op tijd gereageerd?
Dan kunt u contact opnemen via https://www.nationaleombudsman.nl/klacht-indienen/uw-klacht.

Aanvullende informatie van Regio Stedendriehoek

De streefdatum waarop de website volledig zal voldoen: 01-11-2023.

Onderbouwing van de verklaring

Onderzoeksresultaten

  • Oké. De status van de website Cleantech Regio : voldoet gedeeltelijk

De website Cleantech Regio is onderzocht op toegankelijkheid en uit de rapportage blijkt volgens Regio Stedendriehoek dat nog niet aan alle onderstaande kenmerken wordt voldaan:

  • De onderzoeksresultaten waarop de claim is gebaseerd zijn beschikbaar via:
    • https://cleantechregio.nl/images/Documenten/WCAG_21_AA_inspectie_-_cleantechregionl_-_10.pdf
      Kenmerken die in de rapportage zijn vastgelegd:
      • Datum: 18-10-2022
      • Type onderzoek: handmatig onderzoek (eventueel deels automatisch)
      • Onderzoek uitgevoerd door: een onafhankelijke derde partij
      • Oké. Gebruikte standaard: EN 301 549 / WCAG 2.1 niveau AA
      • Oké. Actualiteit: voldoet aan de voorwaarde. Uit de rapportage blijkt dat de meet- en onderzoeksgegevens waarop het onderzoek is gebaseerd jonger zijn dan 36 maanden.
      • Oké. Onderzoeksmethode: voldoet aan de voorwaarde. Uit de rapportage blijkt dat bij het handmatige onderzoek een goed gedocumenteerde evaluatiemethode (WCAG-EM of gelijkwaardig) is gebruikt.
      • Oké. Vastlegging: voldoet aan de eisen. Uit de rapportage blijkt dat de onderzoeksresultaten zijn vastgelegd in een voor mensen leesbaar formaat, of in het machineleesbare formaat EARL.
  • De (gecombineerde) onderzoeksresultaten:
    • Oké. Omvatten alle eisen uit hoofdstuk 9 Web (voor websites) of 11 Software (voor mobiele applicaties) van de Europese toegankelijkheidsnorm EN 301 549. De eisen voor websites, mobiele applicaties en downloadbare documenten in deze norm zijn identiek aan de niveau A en AA succescriteria van de wereldwijd toegepaste toegankelijkheidsstandaard WCAG 2.1.
    • Oké. Zijn representatief voor alle content op het hoofddomein en eventuele de sub- en andere domeinen die in de verklaring worden genoemd.
  • Niet Oké. Tijdens het onderzoek zijn afwijkingen gevonden op de toegankelijkheidsstandaard, die niet konden worden hersteld voordat het onderzoek werd afgerond.
  • Oké. Op basis van de onderzoeksresultaten verklaart Regio Stedendriehoek dat de website gedeeltelijk voldoet aan de toegankelijkheidsstandaard.

(Onder het kopje Uitleg over de nalevingsstatussen worden de kenmerken van de verschillende statussen beschreven).

Afwijkingen van de toegankelijkheidsstandaard

  1. SC 1.1.1 - Niet-tekstuele content [niveau A]
    • Beschrijving van de afwijking:

      Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient. […]

    • Oorzaak:

      In de header staat links het logo van Cleantech Regio. De afbeelding heeft geen tekstalternatief. In het img-element ontbreekt een alt-attribuut, dit attribuut moet altijd aanwezig zijn. Als een alt-attribuut ontbreekt, kan het voorkomen dat hulpsoftware de bestandsnaam van de afbeelding gaat voorlezen, dat is niet de bedoeling. Er kan een alternatieve tekst in het alt-attribuut worden geplaatst, bijvoorbeeld alt=”Logo Cleantech Regio”. Deze afbeelding werkt als link naar de homepage. Er kan daarom een title-attribuut op het a-element (de link) worden geplaatst met een waarde als “Naar de homepage”. Dan is het zowel duidelijk wat er op het logo te zien is als waar de link naar toe gaat. Hulpsoftware kan dit dan voorlezen aan mensen die de afbeelding niet kunnen zien. https://cleantechregio.nl/

      In de footer staan onder “Volg ons” iconen naar social media. Deze hebben geen tekstalternatieven. Dit kan opgelost worden door een (verborgen) linktekst te plaatsen die aangeeft waar de link naar toe gaat, bijvoorbeeld “Facebook Cleantech Regio”. https://cleantechregio.nl/

      Op de homepage (https://cleantechregio.nl/) staat content die automatisch beweegt. Dit staat onder de kop “Nieuws uit de cleantech regio” en dan onder de link naar een nieuwsbericht. Bijna elk blok heeft een afbeelding met een tekstalternatief als “2019-01-0284 Mobiliteitsscan”. Dit staat zowel in het alt-attribuut als in het title-attribuut van het img-element dat de afbeelding bevat. Dit is geen goede alternatieve tekst. De afbeeldingen zijn meer decoratief. De afbeelding staat telkens in een link samen met de h2-kop, die het linkdoel goed aangeeft. De afbeelding hoeft geen tekstalternatief te hebben. Het title-attribuut kan worden verwijderd uit het img-element en het alt-attribuut kan worden leeg gelaten (alt=””, het alt-attribuut moet namelijk wel nog aanwezig zijn, maar dan zonder waarde). Dan kan hulpsoftware de afbeeldingen negeren. Bij elk blok staat ook een h3-kop als “Slimme en schone mobiliteit”. Hier staat telkens een icoon voor, deze heeft een tekstalternatief dat gelijk is aan de h3-kop. Dit is niet nodig, het alt-attribuut kan worden leeg gelaten (alt=””).

      Op de homepage (https://cleantechregio.nl/) staan onder “Impact in de cleantech regio” een aantal iconen. Deze afbeeldingen hebben geen alt-attribuut. Er is hier geen tekstalternatief nodig, maar er moet wel een leeg alt-attribuut aanwezig zijn in de img-elementen (alt=””).

      Op pagina https://cleantechregio.nl/samen-werken-aan staan blokken met content. Elk blok heeft een afbeelding, deze staan in de code img-elementen. De img-elementen bevatten geen alt-attribuut. Een img-element moet altijd een alt-attribuut bevatten. Deze afbeeldingen zijn hier meer decoratief. Er is dan geen tekstalternatief nodig. Er moet wel een leeg alt-attribuut (alt=””) aanwezig zijn in de img-elementen in de HTML-code. De afbeeldingen kunnen dan genegeerd worden door hulpsoftware. Dit is overigens op sommige plekken juist wel goed toegepast. Zie bijvoorbeeld de afbeeldingen onder “Nieuws water” op pagina https://cleantechregio.nl/samen-werken-aan/water.

      Op pagina https://cleantechregio.nl/samen-werken-aan/water staan onder “Samenwerkingspartners water” logo's. Deze hebben alternatieve teksten, hier is goed rekening mee gehouden. De alternatieve teksten zijn nog niet overal compleet. Bij het logo van Drents Overijsselse Delta staat ook de tekst “jouw waterschap”, dit ontbreekt in het tekstalternatief. Bij het laatste logo is ook niet alle zichtbare tekst aanwezig in het tekstalternatief. Op deze pagina staan onder “Columns” afbeeldingen van personen. De img-elementen hebben geen alt-attribuut. Dit attribuut moet altijd aanwezig zijn. De afbeeldingen werken als link, er moet een tekstalternatief komen die het linkdoel aangeeft. Het is ook mogelijk om de afbeelding en onderstaande informatie te combineren tot één link, zie succescriterium 2.4.4. Er zijn meer vergelijkbare problemen met afbeeldingen die werken als link.

      Op pagina https://cleantechregio.nl/samen-werken-aan/rp2030 staat een grote afbeelding met veel informatie. Deze heeft de alternatieve tekst “CTR regionaal perspectief0.25x”. Dit is geen goed alternatieve tekst, dit korte tekstalternatief moet de afbeelding beter beschrijven en er moet bijvoorbeeld geen “0.25x” in staan. Er moet ook een langer tekstalternatief komen die dezelfde informatie overbrengt als de afbeelding. Dit kan bijvoorbeeld onder de afbeelding geplaatst worden. Het tekstalternatief moet ook de informatie beschrijven die door kleur wordt overgebracht in de afbeelding en de verbanden tussen de onderdelen in de afbeelding moeten ook beschreven worden. Met andere woorden; er moet een tekst komen die de informatie overbrengt als je de afbeelding niet kunt zien.

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staan datumprikkers bij de startdatum en einddatum. Er zijn meerdere knoppen met iconen, bijvoorbeeld om naar een vorige en volgende maand te gaan. Deze hebben geen alternatieve tekst die het doel van de knop aangeeft. Er zijn meerdere problemen met deze datumprikkers. Het kan ook een oplossing zijn om (naast) de datumprikker een invoerveld te maken (zowel voor de startdatum als voor de einddatum en voor de tijden) en deze toegankelijk te maken. Dit zou dan als toegankelijk alternatief kunnen dienen voor de datumprikker.

      Op pagina https://cleantechregio.nl/wie-is-wie staan foto's van personen. De img-elementen hebben geen alt-attribuut. Dit attribuut moet aanwezig zijn. De naam van de persoon staat er steeds onder, een tekstalternatief is niet per se nodig (een leeg alt-attribuut voldoet). (Er mag wel een tekstalternatief worden geplaatst die de naam van de persoon aangeeft, dan weet iemand die niet kan zien dat er een foto staat.)

      Op pagina https://cleantechregio.nl/wie-is-wie staat bij elk persoon een icoon van een envelop en een icoon voor LinkedIn. Deze iconen hebben geen alternatieve tekst. Bij sommige personen kan content worden uitgeklapt. Het icoon dat dit aangeeft heeft ook geen alternatieve tekst.

      Op pagina https://cleantechregio.nl/ctr-monitor staan meerdere blokken met iconen, zoals “Atlas”. De afbeeldingen in de img-elementen hebben geen alt-attribuut. De iconen hebben geen tekstalternatief nodig, maar er moet wel een leeg alt-attribuut aanwezig zijn.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan meerdere grafieken en diagrammen. Complimenten voor de verborgen tabellen in de code, hulpsoftware kan deze informatie zo voorlezen, hier is heel goed rekening mee gehouden. De zichtbare teksten uit de grafieken worden echter ook voorgelezen door hulpsoftware. Het gaat om de teksten uit de legenda's en de getallen langs de x-as en de y-as van de grafieken. Het is onduidelijk als deze informatie achter elkaar wordt voorgelezen zonder verband. Deze informatie kan verborgen worden voor hulpsoftware, bijvoorbeeld door middel van aria-hidden=”true”. Deze informatie wordt namelijk goed overgebracht door middel van de tabel. Verder moet dan de titel van de grafiek of diagram en overige informatie als “in tonnen” wel nog beschikbaar zijn voor hulpsoftware.

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. In de nieuwsbrief staat bovenaan een afbeelding met het logo van Cleantech Regio en hiernaast tekst. De afbeelding heeft geen tekstalternatief. Er zijn meerdere afbeeldingen die als link werken en die geen tekstalternatief hebben. Deze kunnen mogelijk gecombineerd worden met de kop, die naar dezelfde pagina verwijst als de afbeelding. https://cleantechregio.nl/

      Er kunnen meer vergelijkbare problemen zijn.

      Op pagina https://cleantechregio.nl/contact-cleantech-regio staat een kaart. Het adres dat in de kaart wordt aangegeven, is ook aanwezig op de pagina. Dit is een goed alternatief, de kaart valt verder buiten de scope van dit onderzoek.

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      Op pagina https://cleantechregio.nl/columns/1860-hoop staan een foto van een persoon. De naam van de persoon staat ook op de pagina, er is dus niet per se een tekstalternatief nodig. Het zou wel goed zijn om deze afbeelding een tekstalternatief te geven, iets als “Foto Anka Mulder”. Dit geldt ook voor pagina https://cleantechregio.nl/nieuws/1873-dagelijks-bestuur-op-volle-kracht-vooruit voor de foto van het bestuur. Iemand die de pagina niet kan zien, weet dan wel dat er een foto aanwezig is.

    • Gevolg:

      Een gebruiker de de webpagina niet kan zien, weet niet dat er een afbeelding op staat.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  2. SC 1.2.2 - Ondertitels voor doven en slechthorenden (vooraf opgenomen) [niveau A]
    • Beschrijving van de afwijking:

      Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

    • Oorzaak:

      Op de homepage (https://cleantechregio.nl/) staat net boven de footer de video “Cleantech Regio”. In deze video is alleen automatisch gegenereerde ondertiteling aanwezig. Deze vorm van ondertiteling voldoet niet aan dit succescriterium. De ondertiteling komt niet overal overeen met de gesproken tekst in de video. Zo wordt “Cleantech” een keer ondertiteld met “klinkt erg” en een andere keer met “kling tegen”. Ook worden er geen leestekens gebruikt, wat het lezen van de ondertiteling moeilijker maakt. Er moet goede ondertiteling komen die overeen komt met de gesproken tekst. Dit is van belang voor mensen die niet (goed) kunnen horen.

      Op pagina https://cleantechregio.nl/kennis/1620-masterclass-financiering-van-warmtenetten-rutger-bergboer staat een webinar. In deze video is geen ondertiteling of een optie om ondertiteling aan te zetten aanwezig. Er moet ondertiteling komen die overeen komt met de gesproken tekst.

    • Gevolg:

      Slechthorende gebruikers kunnen de video's niet goed begrijpen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden in het vervolg de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  3. SC 1.2.3 - Audiodescriptie of media-alternatief (vooraf opgenomen) [niveau A]
    • Beschrijving van de afwijking:

      Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

    • Oorzaak:

      Op de homepage (https://cleantechregio.nl/) staat net boven de footer de video “Cleantech Regio”. In deze video worden rond minuut 0:30 acht gemeentes en twee provincies getoond. Ook vanaf minuut 0:39 staat informatie in beeld (de jaartallen van de agenda en verschillende termen). Deze informatie is niet beschikbaar voor blinde mensen en dus moet hier een alternatief voor komen. Dit kan door deze informatie in het audiospoor op te nemen of een apart audiospoor toe te voegen met deze auditieve informatie (de zogenaamde audiodescriptie). Ook mag voor dit succescriterium nog een volledig uitgeschreven transcript worden aangeboden waar deze en alle andere belangrijke informatie uit de video in wordt beschreven. Voor succescriterium 1.2.5 is dit laatste echter niet meer toegestaan. Dus voor het voldoen aan niveau AA is dat geen reële optie. Dit komt meer voor in deze video. Veel van de informatie die in beeld komt, wordt wel voorgelezen door de voice-over, voor het grootste deel wordt de informatie dus wel overgebracht.

      Op pagina https://cleantechregio.nl/kennis/1620-masterclass-financiering-van-warmtenetten-rutger-bergboer staat een webinar. In het begin van de video is het logo van Cleantech Regio te zien en hierbij de tekst “Masterclass”. Er is geen media-alternatief of audiodescriptie aanwezig voor deze informatie. In de webinar wordt een presentatie gegeven met visuele informatie. Veel informatie wordt ook verteld en wordt dus ook via audio goed overgebracht. Dit is echter niet overal het geval. Rond minuut 03:45 staat er bijvoorbeeld een voorwoord van de prijsvraag in beeld. Rond minuut 04:57 komen verschillende logo's in beeld. Er is geen alternatief voor deze visuele informatie. Dit kan meer voorkomen in deze video.

    • Gevolg:

      Slechtzienden kunnen de boodschap van de video slecht begrijpen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  4. SC 1.2.5 - Audiodescriptie (vooraf opgenomen) [niveau AA]
    • Beschrijving van de afwijking:

      Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

    • Oorzaak:

      Bij succescriterium 1.2.3 zijn video's beschreven waar audiodescriptie of een media-alternatief ontbreekt, zie de beschrijving daar. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie verplicht (niveau AA), een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video niet (goed) kunnen zien.

    • Gevolg:

      Slechtzienden kunnen deze inhoud slecht begrijpen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  5. SC 1.3.1 - Info en relaties [niveau A]
    • Beschrijving van de afwijking:

      Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

    • Oorzaak:

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staat net boven de footer de schuingedrukte tekst “Het online masterclassprogramma...”. Deze tekst is opgemaakt met het em-element. Dit element is bedoeld om een deel van een tekst nadruk te geven. Het is niet de bedoeling om hele alinea nadruk te geven. Gebruik bij voorkeur CSS om de tekst anders weer te geven en gebruik em of strong alleen om een deel van een tekst nadruk te geven. Dit komt meer voor, op pagina https://cleantechregio.nl/english-summary is de eerste alinea opgemaakt met een strong-element.

      Op pagina https://cleantechregio.nl/english-summary staan visuele koppen als [lang="en"]“Energy-neutral in 2030”[/lang]. Deze zijn niet als koptekst opgemaakt in de code. Deze kop zegt wat over de content eronder, en kan daarom als kop worden opgemaakt om de relatie aan te geven. Nu is de kop met een strong-element opgemaakt in de code. Dit element is bedoeld om een deel van een tekst nadruk te geven. Dit is hier niet nodig, het strong-element moet hier dus verwijderd worden.

      Op pagina https://cleantechregio.nl/samen-werken-aan/water staat de h3-kop “Ambities & doelen water”. Deze wordt direct opgevolgd door de h3-kop “Waterbalans”. Twee koppen van hetzelfde niveau mogen elkaar niet opvolgen. Dit kan worden opgelost door de kop “Ambities & doelen water” als h2-kop op te maken. Zie ook de h3-kop “Columns”. Dit komt meer voor, zie ook pagina https://cleantechregio.nl/samen-werken-aan/energietransitie en https://cleantechregio.nl/samen-werken-aan/human-capital. Dit kan meer voorkomen.

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staat twee datumprikkers. De labels als “Startdatum en -tijd” zijn niet aan de datumprikkers gekoppeld.

      Op pagina https://cleantechregio.nl/samen-werken-aan/human-capital staan bovenaan twee quotes. De quote staat in een blockquote-element, dat is goed. In het blockquote-element staat echter een h4-kop, dit is niet de bedoeling, het is namelijk geen kop. De tekst onder de blockquote (de persoon waarvan de quote is) is ook opgemaakt als blockquote, dit is niet de bedoeling, dit is namelijk zelf geen quote. Deze informatie kan bijvoorbeeld met een figcaption element aan de blockquote gekoppeld worden om de relatie aan te geven (dan moet de quote in een figure-element worden geplaatst). Zie voor meer informatie https://html.spec.whatwg.org/multipage/grouping-content.html#the-blockquote-element.

      Op pagina https://cleantechregio.nl/nieuws/1873-dagelijks-bestuur-op-volle-kracht-vooruit staan onderaan het artikel een lijst met de leden van het bestuur. Deze is in de code niet opgemaakt als lijst. Dit kan worden opgelost door een ul-element te gebruiken. Zie ook de lijst in de column op pagina https://cleantechregio.nl/columns/1860-hoop. Als een visuele lijst als lijst is opgemaakt in de code, dan kan hulpsoftware voorlezen dat het een lijst is en bijvoorbeeld hoeveel items de lijst heeft.

      Op pagina https://cleantechregio.nl/ondernemers staat onderaan de kop “Initiatieven”. Er staat geen content onder deze kop, deze moet daarom niet als kop worden opgemaakt. Het kan ook een oplossing zijn om deze kop hier te verwijderen.

      Op pagina https://cleantechregio.nl/ctr-monitor staan blauwe blokken met teksten als “Atlas”. Deze zijn opgemaakt als h3-koppen. Er staat geen content onder deze koppen, deze moeten daarom niet als kopteksten worden opgemaakt. Op deze pagina staat de kop “Publicaties”. Deze is niet als kop opgemaakt. Dit blok met content staat in een dl-element met één dd-element. Dit kan beter niet zo opgemaakt worden. Het is geen definitielijst met één definitie.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie staat net boven de footer een lijst met links zoals “CO2 uitstoot per sector”. Deze zijn opgemaakt als h4-koppen. Dit is niet de bedoeling, dit zijn geen koppen waar content onder staat. Ze moeten daarom niet worden opgemaakt als kopteksten. Visueel is dit een lijst, er kan daarom een ul-element gebruikt worden om de lijst op te maken.

      Op pagina https://cleantechregio.nl/over-ons/66-agenda-s-en-jaarstukken staan koppen als “Publicaties” en “Begroting”. Deze zijn niet als kopteksten opgemaakt. De teksten zeggen iets over de content eronder, er kunnen kopteksten gebruikt worden om de relatie aan te geven. Bij de kleinere koppen zijn strong-elementen gebruikt, dit is niet de bedoeling. Let op: onder “Jaarstukken:” staat geen content, deze hoeft dus niet als kop te worden opgemaakt. Dit gehele blok met content staat in een dl-element met één dd-element. Dit kan beter niet zo opgemaakt worden.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staat een tabel onder “Invloed van het wegverkeer...”. Deze tekst is opgemaakt met een strong-element, dat is niet de bedoeling. In deze tabel zijn de cellen als “Apeldoorn” tabelkoppen. Deze zijn in de code niet opgemaakt als tabelkoppen. Dit kan worden opgelost door th-elementen te gebruiken. Hulpsoftware kan dan de relaties bepalen. Op deze pagina staan meerdere grafieken, deze hebben in de code visueel verborgen tabellen. De kolomkoppen zijn goed opgemaakt als tabelkoppen met th-elementen. De rijkoppen zijn echter niet opgemaakt als tabelkoppen. Het gaat bij de eerste tabel bijvoorbeeld om de jaartallen als “2010” tot en met “2019”.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/821-energieverbruik-in-de-papierindustrie-in-2020-t-o-v-2004 staat een tabel. Software kan de relaties niet goed bepalen. Tabelkoppen zijn niet opgemaakt met th-elementen. Er moeten th-elementen worden gebruikt. Er zijn nu strong-elementen gebruikt, dat is niet de bedoeling. Het zijn twee aparte tabellen, maar deze zijn in één table-element geplaatst. Er kunnen beter twee table-elementen gebruikt worden, zodat software de relaties kan bepalen. Het gaat erom dat als voorleessoftware bij een tabelcel staat, dat de juiste tabelkoppen die bij deze cel horen, kunnen worden voorgelezen.

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. Teksten als “Duurzaam ondernemen” zijn visueel kopteksten. Deze zijn niet opgemaakt als kopteksten in de code. “Nieuws in de regio” is wel opgemaakt als koptekst. Deze wordt echter direct opgevolgd door een kop van hetzelfde niveau (h2). De koppen die hieronder staan kunnen worden opgemaakt als koppen van een lager niveau. Er zijn table-elementen gebruikt voor de lay-out, goed dat hier role=”presentation” op is gezet. https://cleantechregio.nl/

      Er kunnen meer vergelijkbare problemen voorkomen.

      Er zijn dus een aantal problemen met koppen en lijsten, maar op veel plekken zijn deze ook juist goed opgemaakt. Het is te zien dat hier wel rekening mee is gehouden.

      Het volgende PDF-document is niet getagd. Dit wil zeggen dat er geen structuur is aangegeven in het bestand door middel van tags. Hulpsoftware (zoals een screenreader) kan hierdoor niet bepalen wat koppen, lijsten en dergelijke zijn en zal afbeeldingen negeren. Als het bestand correct getagd wordt, kan hulpsoftware beter de structuur en relaties bepalen. Bij koppen kan dan bijvoorbeeld worden voorgelezen dat dit koppen zijn. In veel gevallen kan dit probleem worden opgelost door het document vanuit het bronbestand (meestal in Word of InDesign) opnieuw te exporteren naar PDF, maar dan inclusief tags of labels. Omdat nu de tags ontbreken, kunnen andere succescriteria zoals 1.1.1 en 1.3.2 niet onderzocht worden. Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Zie: https://cleantechregio.nl/images/Begroting_2022_Regio_Stedendriehoek.pdf

      Het volgende PDF-document is niet getagd. Dit wil zeggen dat er geen structuur is aangegeven in het bestand door middel van tags. Hulpsoftware (zoals een screenreader) kan hierdoor niet bepalen wat koppen, lijsten en dergelijke zijn en zal afbeeldingen negeren. Als het bestand correct getagd wordt, kan hulpsoftware beter de structuur en relaties bepalen. Bij koppen kan dan bijvoorbeeld worden voorgelezen dat dit koppen zijn. In veel gevallen kan dit probleem worden opgelost door het document vanuit het bronbestand (meestal in Word of InDesign) opnieuw te exporteren naar PDF, maar dan inclusief tags of labels. Omdat nu de tags ontbreken, kunnen andere succescriteria zoals 1.1.1 en 1.3.2 niet onderzocht worden. Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Zie: https://cleantechregio.nl/images/Begroting_2022_Regio_Stedendriehoek.pdf

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      Op pagina https://cleantechregio.nl/kalender/evenement/507-nationale-klimaatweek staan 2 h1-koppen.. Het is best practice om maar één h1-kop per pagina te gebruiken (voor de hoofdkop). De rest van de koppen kan dan met een lager niveau koppen worden opgemaakt.

    • Gevolg:

      Voorleessoftware legt verkeerde nadruk in de tekst, waardoor het voor slechtzienden niet goed leesbaar is.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  6. SC 1.3.2 - Betekenisvolle volgorde [niveau A]
    • Beschrijving van de afwijking:

      Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

    • Oorzaak:

      Op pagina https://cleantechregio.nl/samen-werken-aan/energietransitie staan onder “Nieuws energietransitie” een aantal blokken. Bij elk blok staat een datum, deze staat visueel boven de kop waar deze bij hoort. In de leesvolgorde (de volgorde van de broncode) staat de datum ook vóór de kop waar deze bij hoort. Deze volgorde heeft invloed op de betekenis. Het kan lijken alsof een datum bij de kop erboven hoort, terwijl dat niet zo is. Er zijn meerdere oplossingen mogelijk. De datum kan bijvoorbeeld in de code onder de kop waar die bij hoort geplaatst worden. Visueel kan de datum er dan wel boven blijven staan, bijvoorbeeld door de CSS eigenschap “order” te gebruiken. Een vergelijkbare situatie komt voor op pagina https://cleantechregio.nl/samen-werken-aan/water en https://cleantechregio.nl/samen-werken-aan/human-capital.

      Op pagina https://cleantechregio.nl/ondernemers staan de data van de nieuwsberichten (visueel en in de code) onder de kop waar deze bij horen. Dit is ook een goede oplossing.

      Op meerdere plekken staat boven een kop een afbeelding die bij de kop hoort. De afbeelding is een link, maar het linkdoel kan niet bepaald worden. Software kan niet bepalen dat deze afbeelding/link bij de kop hoort, visueel is dat wel duidelijk. Er zijn meerdere oplossingen mogelijk. Zo kan de afbeelding niet als link worden opgemaakt, hulpsoftware kan de afbeelding dan negeren. De kop is zelf al een goede link naar dezelfde pagina. Zie bijvoorbeeld op pagina https://cleantechregio.nl/samen-werken-aan/energietransitie de blokken content onder “Projecten”. Dit komt meer voor. Zie voor meer informatie over deze links ook succescriterium 2.4.4.

    • Gevolg:

      Voorleessoftware legt de verkeerde link tussen kop en content, waardoor de inhoud slecht leesbaar is voor slechtzienden.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  7. SC 1.3.5 - Identificeer het doel van de input [niveau AA]
    • Beschrijving van de afwijking:

      Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

      • Het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface; en
      • De content wordt geïmplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.
    • Oorzaak:

      In de footer staan onder “Updates in je mailbox?” twee invoervelden. Hier moeten een naam en een e-mailadres worden ingevuld. Voor deze invoervelden is een autocomplete-attribuut nodig bij de input-elementen. Dit zorgt ervoor dat browsers, maar ook hulpsoftware, ondersteuning kunnen geven bij het invullen van deze invoervelden. Dit kan door bijvoorbeeld de invoervelden al automatisch in te vullen. Het autocomplete-attribuut ontbreekt op dit moment bij deze invoervelden. Op de volgende pagina is meer informatie te vinden over de toepassing van dit attribuut en welke waardes verplicht zijn om te gebruiken. Zie: https://www.w3.org/Translations/WCAG21-nl/#input-purposes. Hier zijn de volgende waarden nodig voor het autocomplete-attribuut; voor de naam: autocomplete=”name” en voor het e-mailadres: autocomplete=”email”.
      https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staan meerdere velden die persoonsgegevens verzamelen. Er is geen autocomplete-attribuut aanwezig in deze velden. Hier zijn de volgende waarden nodig voor het autocomplete-attribuut; voor de organisatie: autocomplete=”organization”, voor de voornaam: autocomplete=”given-name”, voor de achternaam: autocomplete=”family-name”, voor het e-mailadres: autocomplete=”email” en voor het telefoonnummer: autocomplete=”tel-national” (zonder landcode) of autocomplete=“tel” (met landcode). Voor het veld van de website kan autocomplete=”url” worden gebruikt als de website van de organisatie of de persoon wordt bedoeld. Als er een website van het evenement wordt bedoeld, hoeft er geen autocomplete gebruikt te worden voor dit veld.

    • Gevolg:

      Gebruikers missen een stuk geautomatiseerde ondersteuning bij het invullen van velden.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  8. SC 1.4.1 - Gebruik van kleur [niveau A]
    • Beschrijving van de afwijking:

      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.

    • Oorzaak:

      Op pagina https://cleantechregio.nl/samen-werken-aan/rp2030 staat een grote informatieve afbeelding. Er zijn verschillende kleuren gebruikt in de afbeelding. Er staat een legenda die aangeeft welke kleur waarvoor staat. Deze informatie is van kleur afhankelijk. Dit kan een probleem zijn voor mensen die deze kleuren niet kunnen onderscheiden. Dit kan worden opgelost door de informatie uit de afbeelding ook in tekst te beschrijven en hierbij ook de informatie te geven die door middel van kleur wordt overgebracht in de afbeelding. Meerdere oplossingen zijn mogelijk.

      Op pagina https://cleantechregio.nl/samen-werken-aan/energietransitie staan onder “Projecten” meerdere blokken. Daaronder staan de paginanummers “1” en “2”. Door de kleur is te zien welk nummer actief is, deze informatie is van kleur afhankelijk. Meerdere oplossingen zijn mogelijk, het actieve nummer kan bijvoorbeeld ook onderstreept of dikgedrukt worden. Het contrastverschil tussen de blauwe en grijze achtergronden is 1,1:1, het voldoet ook om het contrastverschil minstens 3,0:1 te maken. Let er ook op dat het contrast van het getal op de achtergrond ook voldoende moet zijn (minstens 4,5:1). Dit komt ook voor op pagina https://cleantechregio.nl/nieuws. (Op pagina https://cleantechregio.nl/zoeken?searchword=CO2&searchphrase=all&limit=20 wordt dit niet afgekeurd, omdat er hier ook op de pagina in tekst staat vermeld welke pagina actief is.)

      Op pagina https://cleantechregio.nl/nieuws kan een filter worden geselecteerd. Bij de actieve filter wordt de achtergrond dan blauw. Deze informatie is van kleur afhankelijk.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan meerdere grafieken. Er worden verschillende kleuren gebruikt en er zijn legenda's. De informatie is van kleur afhankelijk. Als er met de muisaanwijzer over een lijn of kolom wordt gegaan, verschijnt informatie, ook over waar de kleur voor staat. Dit is echter alleen mogelijk met de muis en niet met het toetsenbord. Voor mensen die niet goed kunnen zien en het toetsenbord gebruiken, is deze informatie niet beschikbaar. (Ook geeft dit problemen onder succescriterium 1.4.13, zie de beschrijving daar). Meerdere oplossingen zijn mogelijk. Er kan gebruik worden gemaakt van verschillende vormen, bijvoorbeeld met strepen of stippellijnen. Bij de grafieken is in de code een verborgen tabel aanwezig. Het zou ook een goede oplossing zijn om deze tabel zichtbaar te maken onder de grafiek (of een optie om deze uit te klappen). Dit kan dan als zichtbaar alternatief gelden voor de informatie in de tabel. Dit kan dan meteen een goede oplossing zijn voor meerdere succescriteria. De csv- en xls-bestanden worden niet als toegankelijk alternatief gezien, deze vallen buiten de scope van dit onderzoek.

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. Bovenaan in de nieuwsbrief staat de blauwe link “Klik hier om...”. De blauwe kleur geeft aan dat dit gedeelte een link is. Deze informatie is van kleur afhankelijk. Het contrastverschil tussen de link en de andere tekst is groot genoeg (5,8:1), maar om te voldoen moet er ook een aanwijzing verschijnen zoals een streep onder de link als er met de muisaanwijzer over de link wordt gegaan. Het is nog beter om de link standaard te onderstrepen.
      https://cleantechregio.nl/

      Let op: op de pagina's zijn er vaker blauwe links in de lopende tekst. Zie bijvoorbeeld pagina https://cleantechregio.nl/contact-cleantech-regio. Het contrastverschil van deze links met de lopende tekst is nu voldoende (3,6:1) en er verschijnt een streep onder de link onder hover (als er met de muisaanwijzer over de link wordt gegaan). Het contrast van de blauwe links op de witte of grijze achtergrond is onvoldoende. Als dit contrast wordt aangepast voor succescriterium 1.4.3, kan dit mogelijk leiden tot een probleem onder dit succescriterium (omdat het contrastverschil met de lopende tekst dan mogelijk niet meer voldoende is). Dit kan opgelost worden door de links in de tekst standaard te onderstrepen.

    • Gevolg:

      Gebruikers die slecht kleuren kunnen onderscheiden kunnen deze inhoud niet goed lezen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  9. SC 1.4.3 - Contrast (minimum) [niveau AA]
    • Beschrijving van de afwijking:

      De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

      • Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
      • Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
      • Woordmerken: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.
    • Oorzaak:

      Op meerdere plekken is het contrast van de tekst te laag. Mensen die slechtziend zijn, kunnen moeite hebben om tekst te lezen als het contrast van de tekst op de achtergrond te laag is. Het contrast moet minstens 4,5:1 zijn. Voor grote tekst is de contrasteis 3,0:1.

      Op de website wordt op meerdere plekken blauwe tekst gebruikt op een witte of grijze achtergrond (of andersom), het contrast is te laag. Er volgen enkele voorbeelden op de homepage https://cleantechregio.nl/. In de header staat de tekst “Samen naar een schone toekomst”. Het contrast is 2,0:1. Dit is grote tekst, het contrast moet minstens 3,0:1 zijn. Op de homepage staat onderaan blauwe tekst op een lichtgrijze achtergrond. Het gaat om de tekst “Samen werken we aan...”. Het contrast is 2,0:1. De tekst in de paragraaf is kleine tekst, het contrast moet minstens 4,5:1 zijn. Op de homepage staan meerdere blauwe “Lees meer” links, het contrast is 2,2:1. Op de homepage staan meerdere blauwe koppen als “Nieuws uit Cleantech Regio” op een grijze achtergrond, het contrast is 2,2:1. Er staan ook blauwe koppen op een witte achtergrond, het contrast is dan 2,4:1. Er is ook een witte “Lees meer” link op een blauwe achtergrond. Ook hier is het contrast te laag (2,4:1). Contrastproblemen met blauwe tekst op een witte of grijze achtergrond en andersom komen meer voor op de website.

      In de footer staan groene teksten, het contrast is met 2,7:1 te laag. De koppen als “Info” zijn grote teksten (contrasteis 3,0:1), de links zijn kleine teksten (contrasteis 4,5:1).
      Net daarboven staan witte teksten op een groenblauwe achtergrond (“Updates in je mailbox?”, “Eerdere nieuwsbrieven” etc.). De achtergrond is niet egaal. Het contrast ligt tussen de 2,5:1 en 2,7:1. Onder “Updates in je mailbox?” staan twee invoervelden. De placeholderteksten in de velden hebben een te laag contrast van 2,3:1. Dit geldt ook voor tekst die in dit veld is ingevuld. https://cleantechregio.nl/

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. Hierin komen vergelijkbare contrastproblemen voor met witte teksten op blauwe of groene achtergronden of andersom (of blauwe teksten op grijze achtergronden).

      Op de homepage (https://cleantechregio.nl/) staan groene teksten als “15 km” (onder de kop “Impact in de Cleantech Regio”. Het contrast is te laag (2,7:1). Dit is grote tekst. Het contrast moet minstens 3,0:1 zijn.

      Op de homepage (https://cleantechregio.nl/) staan groene teksten als “15 km” (onder de kop “Impact in de Cleantech Regio”. Het contrast is te laag (2,7:1). Dit is grote tekst. Het contrast moet minstens 3,0:1 zijn.

      Het actieve menu-item is groen van kleur, het contrast is met 2,2:1 te laag. Zie bijvoorbeeld het item “Contact” op pagina https://cleantechregio.nl/contact-cleantech-regio.

      In het broodkruimelpad staat deels grijze tekst. Het contrast is met 2,3:1 te laag. Zie bijvoorbeeld pagina https://cleantechregio.nl/contact-cleantech-regio, https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven en https://cleantechregio.nl/kennis/1620-masterclass-financiering-van-warmtenetten-rutger-bergboer.

      Op pagina https://cleantechregio.nl/zoeken?searchword=CO2&searchphrase=all staan onder de zoekresultaten paginanummers. Het actieve nummer is wit op een blauwe achtergrond, het contrast is te laag (2,2:1). De andere nummers zijn wit op een grijze achtergrond, het contrast is te laag (2,3:1).

      Op pagina https://cleantechregio.nl/samen-werken-aan/rp2030 staat een grote informatieve afbeelding. Het contrast van de teksten is niet overal hoog genoeg. Zo staan er witte teksten op een blauwe achtergrond als “Met behoud van”, het contrast is 1,4:1. Er zijn ook witte teksten op een groene achtergrond, zoals “Infrastructuur”, het contrast is 2,9;1. Dit kan meer voorkomen in deze afbeelding.

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 kunnen foutmeldingen verschijnen. De algemene foutmelding (“Please complete...”) heeft een te laag contrast van 4,0:1. De meldingen bij de velden hebben net een te laag contrast van 4,4:1.

      Op pagina https://cleantechregio.nl/nieuws staan verschillende tags met witte tekst op een grijze achtergrond. Het contrast is met 2,3:1 te laag.

      In het volgende PDF-document staat ook blauwe tekst. Het contrast is te laag (2,2:1). Zie: https://cleantechregio.nl/images/20200122_besluitenlijst_nav_vergaderingen_Strategische_Board_2020.pdf

      In het volgende PDF-document staat op pagina 1 ook blauwe tekst. Het contrast is te laag (2,5:1). Deze blauwe kleur wordt meer gebruikt in dit document. Zie: https://cleantechregio.nl/images/Begroting_2022_Regio_Stedendriehoek.pdf

      Er worden verder geen voorbeelden meer genoemd. Er komen (vergelijkbare) problemen voor op andere plekken.

    • Gevolg:

      Gebruikers kunnen de teksten niet goed lezen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  10. SC 1.4.4 - Herschalen van tekst [niveau AA]
    • Beschrijving van de afwijking:

      Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

    • Oorzaak:

      Als de website wordt bekeken bij een resolutie van 1280 bij 1024 pixels en als ingezoomd wordt tot 200%, is bijna alle content en functionaliteit nog goed beschikbaar. Er is een klein probleem gevonden.

      In de header staat de tekst “Samen naar een schone toekomst”. Als er wordt ingezoomd, is deze niet meer aanwezig. https://cleantechregio.nl/

    • Gevolg:

      De header valt weg bij inzoomen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  11. SC 1.4.5 - Afbeeldingen van tekst [niveau AA]
    • Beschrijving van de afwijking:

      Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

      • Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
      • Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.
    • Oorzaak:

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. In deze nieuwsbrief staat een afbeelding met de tekst “Heb jij een duurzaam initiatief...”. Deze tekst staat in de afbeelding. Als tekst in een afbeelding staat, kan een gebruiker geen eigen stylesheet toepassen op deze tekst. Ook kan hulpsoftware de tekst niet voorlezen. Dit kan worden opgelost door hier “normale” tekst van te maken. Ook de tekst “Nieuwsbrief” en “Samen naar een schone toekomst” staan in een afbeelding. Deze tekst staat ook als “normale tekst” in de nieuwsbrief. Dit wordt daarom niet afgekeurd. https://cleantechregio.nl/

      In het volgende PDF-document staat op pagina 1 onderaan een telefoonnummer, e-mailadres en een website. Deze tekst staat in een afbeelding. Dit komt op elke pagina voor. Het is voldoende om de tekst alleen op de eerste pagina als “normale” tekst te plaatsen. Op pagina 30 staan tabellen, deze teksten staan in afbeeldingen. Zie: https://cleantechregio.nl/images/Begroting_2022_Regio_Stedendriehoek.pdf

    • Gevolg:

      Als tekst in afbeeldingen wordt geplaatst en niet ook als 'platte' tekst, dan kan een slechtziende gebruiker de informatie niet zien want voorleessoftware herkent de tekst niet maar ziet alleen een afbeelding.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  12. SC 1.4.10 - Reflow [niveau AA]
    • Beschrijving van de afwijking:

      Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

      • Verticaal: scrollbare content met een breedte gelijkwaardig aan 320 CSS-pixels;
      • Horizontaal: scrollbare content met een hoogte gelijkwaardig aan 256 CSS-pixels; Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.
    • Oorzaak:

      In de header staat de tekst “Samen naar een schone toekomst”. Bij een schermbreedte van 320 pixels is deze niet meer aanwezig. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staat een audiospeler voor een podcast. Niet alle content en functionaliteit is meer aanwezig bij een schermbreedte van 320 pixels. Zo is de titel van de podcast (die ook als link werkt) niet meer geheel in beeld. Ook de knop om de podcast te liken is niet meer aanwezig.

      Op pagina https://cleantechregio.nl/samen-werken-aan/water moet er bij een schermbreedte van 320 pixels horizontaal gescrold worden om het woord “Samenwerkingspartners” geheel in beeld te brengen. Dit is ook het geval op pagina https://cleantechregio.nl/kalender voor het e-mailadres. Dit is wel minimaal, over het algemeen valt de tekst goed binnen de schermbreedte.

      Op pagina https://cleantechregio.nl/ctr-monitor staat het blauwe vlak “Publicaties”. Bij een schermbreedte van 320 pixels valt de tekst deels uit dit vlak waardoor het niet meer geheel te lezen is, ook moet er horizontaal gescrold worden voor de tekst.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan grafieken. Bij een schermbreedte van 320 pixels zijn bij sommige grafieken de titels niet meer geheel in beeld en ontbreken er teksten bij de legenda's. Voor grafieken mag wel horizontaal gescrold worden, bij sommige grafieken op de pagina kan dit, dan zijn deze wel geheel in beeld. Dat kan dus een goede oplossing zijn.

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. Voor sommige tekst in de nieuwsbrief moet horizontaal gescrold worden. https://cleantechregio.nl/

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      Op pagina https://cleantechregio.nl/kennis/1620-masterclass-financiering-van-warmtenetten-rutger-bergboer staat een video. Bij een schermbreedte van 320 pixels moet er horizontaal gescrold worden om de video in beeld te brengen. Voor een video is dit toegestaan onder dit succescriterium. Het zou wel beter zijn als de video binnen de breedte van de pagina blijft staan.

    • Gevolg:

      Bij weergave op een kleiner scherm moet er verticaal of horizontaal gescrold worden. Dat is niet gebruiksvriendelijk. De content zou zich automatisch aan de schermbreedte moeten aanpassen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  13. SC 1.4.11 - Contrast van niet-tekstuele content [niveau AA]
    • Beschrijving van de afwijking:

      De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

      • Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
      • Grafische objecten: Delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.
    • Oorzaak:

      In de header staat rechtsboven een zoekveld. De blauwe randen van het zoekveld hebben een contrast van 2,2:1 ten opzichte van de witte achtergrond, dit is te laag. Het contrast moet minstens 3,0:1 zijn. Sommige mensen kunnen nu moeite hebben om het veld te onderscheiden. https://cleantechregio.nl/

      In de footer staan onder “Updates in je mailbox?” twee invoervelden. De witte invoervelden hebben een contrast van 2,5:1 tot 2,6:1 met de blauwgroene achtergrond (de achtergrond is niet egaal). Het contrast moet minstens 3,0:1 zijn. https://cleantechregio.nl/

      Op de homepage (https://cleantechregio.nl/) staat content die automatisch beweegt. Het gaat om de blokken met de content als “Heb jij een duurzaam initiatief...” etc. Dit staat op de homepage onder de kop “Nieuws uit de cleantech regio” en dan onder de link naar een nieuwsbericht. Onder deze blokken staan twee knoppen om naar vorige en volgende blokken te gaan. Deze knoppen hebben een contrast van 2,2:1 ten opzichte van de achtergrond. Het contrast moet minstens 3,0:1 zijn.

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staat een icoon om de pagina te printen. Het contrast is te laag: 2,4:1. In de audiospeler voor de podcast op deze pagina staat een knop voor afspelen. Het witte icoon heeft een te laag contrast van 2,6:1 ten opzichte van de groene achtergrond. Als de podcast gepauzeerd wordt, verschijnt er tekst als “Ontdek meer muziek...”. Dit kan worden weg geklikt met een knop van een kruisje. Deze heeft een te laag contrast van 2,8:1. Het geluidsfragment van de podcast staat op een tijdbalk. Deze is deels donkergrijs en deels groen (voor het afgespeelde gedeelte). Het groene gedeelte heeft een te laag contrast op de achtergrond (1,9:1).

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staat een formulier. De randen van de velden hebben een contrast van 1,6:1 met de witte achtergrond. Dit is te laag.

      Op pagina https://cleantechregio.nl/samen-werken-aan/rp2030 staat een informatieve afbeelding. In de afbeelding worden verschillende kleuren gebruikt. Deze hebben niet overal een contrast van minstens 3,0;1. Een paars gedeelte staat bijvoorbeeld voor “mentaliteit”. Deze kleur heeft een contrast van 2,3:1 ten opzichte van de omringende achtergrond. Sommige mensen kunnen dit verschil niet onderscheiden. Zie succescriterium 1.4.1 voor een mogelijke oplossing.

      Op pagina https://cleantechregio.nl/wie-is-wie staat een overzicht van personen. Er staat bij elke persoon een icoon van een envelop om te mailen. Dit icoon heeft een te laag contrast van 2,2:1. Bij sommige personen staat ook een icoon van een pijltje naar beneden om content uit te klappen. Dit icoon heeft ook een te laag contrast van 2,4:1.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan meerdere grafieken. Het contrast van de grijze horizontale lijnen is niet hoog genoeg (1,2:1 en 1,6:1). De meeste kleuren van de variabelen hebben wel voldoende contrast. De lichtoranje lijn (bijvoorbeeld “Deventer” in de eerste grafiek) heeft een te laag contrast van 2,1:1. Zie succescriterium 1.4.1 voor een mogelijke oplossing.

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      In de footer staat een icoon van Twitter. Het contrast is 2,8:1. Dit wordt niet afgekeurd, omdat dit de kleur van het logo van Twitter zelf is. Dit kan wel beter aangepast worden naar een contrast van minstens 3,0:1. Sommige mensen kunnen nu moeite hebben om het icoon te zien. Zie ook het icoon van Twitter in de nieuwsbrief. https://cleantechregio.nl/english-summary

    • Gevolg:

      Gebruikers met een visuele beperking kunnen deze inhoud slecht lezen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  14. SC 1.4.12 - Tekstafstand [niveau AA]
    • Beschrijving van de afwijking:

      Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

      • Regelhoogte (regelafstand) naar ten minste 1,5 keer de lettergrootte;
      • Afstand tussen alinea's naar ten minste 2 keer de lettergrootte;
      • Letterafstand (spatiëren van letters) naar ten minste 0,12 keer de lettergrootte;
      • Spatiëren van woorden naar ten minste 0,16 keer de lettergrootte. Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze eigenschappen voor tekststijl in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.
    • Oorzaak:

      De stijlkenmerken zoals in dit succescriterium zijn beschreven, zijn van belang voor bijvoorbeeld mensen met dyslexie. Zij kunnen hiermee de tekst beter lezen. Het toepassen van deze stijlkenmerken mag echter niet leiden tot verlies van content of functionaliteit.

      Als de stijlkenmerken worden toegepast, zijn er op enkele plaatsen wat problemen.

      Het menu-item “Samen werken aan” valt in de header achter het logo van Cleantech Regio. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/samen-werken-aan/energietransitie staan onder “Nieuws energietransitie” verschilende berichten met elk een datum. De datum valt deels over de afbeelding heen, waardoor deze niet overal meer goed te lezen is. Zie ook pagina https://cleantechregio.nl/samen-werken-aan/water en https://cleantechregio.nl/samen-werken-aan/human-capital.

      Op pagina https://cleantechregio.nl/kalender staat bij elk kalenderitem witte tekst op een blauwe achtergrond (de datum en tijd). Als de stijlkenmerken van dit succescriterium worden toegepast, valt een deel van de tekst buiten het blauwe vlak en over de grijze achtergrond heen. De tekst is dan niet goed meer te lezen.

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. Hierin staan ook items onder “Kalender”, waarbij het jaartal deels buiten het blauwe vlak valt en soms achter andere tekst valt.

    • Gevolg:

      Gebruikers met dyslexie kunnen de inhoud slecht lezen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  15. SC 1.4.13 - Content bij hover of focus [niveau AA]
    • Beschrijving van de afwijking:

      Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

      • Sluiten: Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen, tenzij de aanvullende content een invoerfout communiceert of andere content niet verbergt of vervangt;
      • Aanwijsbaar: Wanneer een aanwijzer hover aanvullende content kan activeren, dan kan de aanwijzer over de aanvullende content worden bewogen zonder dat deze verdwijnt;
      • Aanhouden: De aanvullende content blijft zichtbaar totdat de oorzaak voor de hover of focus is verwijderd, de gebruiker de content sluit of de informatie niet langer geldig is. Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.
    • Oorzaak:

      Op de pagina's staat boven aan een menu. Als er over sommige onderdelen van het menu wordt gegaan met de muisaanwijzer (hover), klapt het menu uit. Zie bijvoorbeeld het menu-item “Samen werken aan”. Deze content die onder hover verschijnt, moet volgens dit succescriterium aan drie voorwaarden voldoen. Het voldoet nu alleen aan de voorwaarden 'Aanwijsbaar' en 'Aanhouden'. De content voldoet niet aan de voorwaarde 'Sluiten', want er is geen manier om deze extra content te verbergen zonder de muisaanwijzer te verplaatsen. Dit zou bijvoorbeeld kunnen met de Escape-toets. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan meerdere grafieken. Als er in een grafiek met de muisaanwijzer over een lijn of kolom wordt gegaan, verschijnt er informatie op sommige punten. De content voldoet niet aan de voorwaarde 'Sluiten', want er is geen manier om deze extra content te verbergen zonder de muisaanwijzer te verplaatsen. Dit zou bijvoorbeeld kunnen met de Escape-toets. De content voldoet ook niet aan de voorwaarde 'Aanwijsbaar', want de gebruiker kan niet met de aanwijzer over de deze content bewegen zonder dat dit verdwijnt.

    • Gevolg:

      Een gebruiker die afhankelijk is van toetsenbordbediening, blijft hangen in een hover-modus omdat er geen manier is de content te sluiten.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  16. SC 2.1.1 - Toetsenbord [niveau A]
    • Beschrijving van de afwijking:

      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.

    • Oorzaak:

      Veel onderdelen op de website zijn goed met het toetsenbord te bedienen, er zijn wel een aantal problemen gevonden.

      In de header staat het menu. Als er met de muisaanwijzer over sommige menu-items wordt gegaan, dan klappen deze uit. Zie bijvoorbeeld het onderdeel “Samen werken aan”. Dit is niet mogelijk met het toetsenbord. Dit is een probleem voor mensen die geen muis kunnen gebruiken. (De menu-items werken zelf als link naar een pagina, dit is wel met het toetsenbord te bedienen.) Dit kan worden opgelost door bij de uitklapbare onderdelen ook een knop aan te bieden die met het toetsenbord bediend kan worden en die zorgt voor het in- en uitklappen van dat onderdeel. Meerdere oplossingen zijn mogelijk. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staan datumprikkers voor de startdatum en de einddatum. Deze kunnen niet met het toetsenbord bediend worden. De data ontvangen geen toetsenbordfocus. De knoppen om naar een andere maand te gaan ontvangen wel focus, maar kunnen niet bediend worden met het toetsenbord. Ook is het niet mogelijk om een andere maand of jaar te kiezen via de selectievelden met het toetsenbord. Als met de muis een datum is gekozen, verschijnen opties voor de tijd. Ook dit is niet bedienbaar met het toetsenbord. Het kan ook een oplossing zijn om invoervelden aan te bieden als toegankelijk alternatief voor de datumprikkers.

      Op pagina https://cleantechregio.nl/nieuws staan onder “Selecteer hieronder op welke tag je wilt filteren:” meerdere filters. Deze kunnen niet bediend worden met het toetsenbord, ze ontvangen geen toetsenbordfocus.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan meerdere grafieken. Als er in een grafiek met de muisaanwijzer over een lijn of kolom wordt gegaan, verschijnt er informatie op sommige punten. Dit geeft de exacte waarde van het punt op de grafiek aan (dit is niet zo precies uit de grafiek zelf af te lezen). Dit is niet mogelijk met het toetsenbord. Een zichtbare tabel met dezelfde informatie kan een goed alternatief zijn.

      Als er met 200% wordt ingezoomd bij een resolutie van 1280x1024 pixels, is er een hamburgermenu (knop met drie horizontale strepen). Deze knop kan niet met het toetsenbord worden bediend. De knop kan geen toetsenbordfocus ontvangen. https://cleantechregio.nl/

      Als de pagina voor het eerst wordt geladen, is er een cookiemelding aanwezig. Deze heeft een knop met de zichtbare tekst “Melding niet meer tonen”. Deze kan wel toetsenbordfocus ontvangen, maar kan vervolgens niet met het toetsenbord geactiveerd worden. https://cleantechregio.nl/

    • Gevolg:

      Gebruikers die afhankelijk zijn van toetsenbordbediening kunnen slecht navigeren door de website.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  17. SC 2.1.4 - Sneltoetsen voor lettertekens [niveau A]
    • Beschrijving van de afwijking:

      Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

      • Uitzetten: Er is een mechanisme beschikbaar waarmee de sneltoets kan worden uitgezet;
      • Opnieuw toewijzen: Er is een mechanisme beschikbaar om de sneltoets opnieuw toe te wijzen aan één of meerdere niet-afdrukbare tekens (bijv. Ctrl, Alt, enz.);
      • Alleen actief bij focus: De sneltoets voor een component van de gebruikersinterface is alleen actief wanneer de betreffende component de focus heeft.
    • Oorzaak:

      Op de homepage (https://cleantechregio.nl/) staat onderaan de video “Cleantech Regio”. In deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Iemand kan bijvoorbeeld de letter K gebruiken om de video te pauzeren en weer te starten of de letter M om het geluid te dempen en weer aan te zetten. Ook andere sneltoetsen kunnen actief zijn. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken. Bij deze YouTube-videospeler kan dit opgelost worden door de parameter disablekb=1 toe te voegen aan de URI van de video in de HTML-code. De bediening met deze toetsen wordt dan uitgeschakeld, maar het is dan nog wel mogelijk om de video te bedienen met het toetsenbord. Zie ook de Engelstalige pagina https://developers.google.com/youtube/player_parameters#disablekb.

      Ook in de videospeler op pagina https://cleantechregio.nl/kennis/1620-masterclass-financiering-van-warmtenetten-rutger-bergboer komen sneltoetsen van enkele tekens voor (bijvoorbeeld bij de letters “W” en “S”). Bij deze Vimeo-videospeler kan dit opgelost worden door de parameter keyboard=false toe te voegen aan de URI van de video in de HTML-code. De bediening met deze toetsen wordt dan uitgeschakeld, maar het is dan nog wel mogelijk om de video te bedienen met het toetsenbord. Zie ook de Engelstalige pagina https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters.

    • Gevolg:

      Gebruikers die afhankelijk zijn van toetsenbordbediening kunnen video-content slecht gebruiken.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  18. SC 2.2.2 - Pauzeren, stoppen, verbergen [niveau A]
    • Beschrijving van de afwijking:

      Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

      • Bewegen, knipperen, scrollen: Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
      • Automatisch actualiserend: Voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.
    • Oorzaak:

      Op de homepage (https://cleantechregio.nl/) staat content die automatisch beweegt. Het gaat om de blokken met de content als “Heb jij een duurzaam initiatief...” etc. Dit staat op de homepage onder de kop “Nieuws uit de cleantech regio” en dan onder de link naar een nieuwsbericht. Deze bewegende content kan afleidend zijn voor sommige bezoekers. Er is geen mechanisme om deze bewegende content uit te zetten, te pauzeren of te stoppen. Dit zou bijvoorbeeld kunnen met een pauzeknop.

      Op pagina https://cleantechregio.nl/samen-werken-aan/water staan logo's onder “Samenwerkingspartners water”. Bij een schermbreedte van 320 pixels zijn er maar twee logo's in beeld. Na enkele seconden verschuiven de logo's, dit treedt automatisch op. Deze automatische beweging is niet te pauzeren, stoppen of verbergen. Bij inzoomen met 200% treedt dit ook op, maar dan is er maar één keer een verschuiving van de logo's (er zijn dan vier logo's tegelijk in beeld). Omdat de automatische beweging hierna meteen stopt, is dat geen probleem (het is wel een probleem onder succescriterium 2.2.1).

    • Gevolg:

      Gebruikers die graag willen dat een pagina rustig oogt, bijvoorbeeld omdat het anders afleid, kunnen bewegend beeld niet stopzetten.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  19. SC 2.4.1 - Blokken omzeilen [niveau A]
    • Beschrijving van de afwijking:

      Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

    • Oorzaak:

      Op de onderzochte pagina’s is geen mechanisme aanwezig om blokken met herhalende content (zoals het menu) te omzeilen. Dit kan bijvoorbeeld door middel van een skiplink. Dit is de eerste link op een pagina die verwijst naar de unieke inhoud van die pagina. De skiplink mag verborgen zijn, maar moet zichtbaar worden als de focus erop staat. Dit is van belang voor mensen die het toetsenbord gebruiken om te navigeren. Zij hoeven dan niet steeds op iedere pagina door herhalende content te navigeren met het toetsenbord. https://cleantechregio.nl/

    • Gevolg:

      Dit werkt erg vertragend voor gebruikers die afhankelijk zijn van toetsenbordbediening: zij moeten op elke pagina éérst door het hele menu heen voordat ze de content van de pagina kunnen lezen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  20. SC 2.4.2 - Paginatitel [niveau A]
    • Beschrijving van de afwijking:

      Webpagina's hebben titels die het onderwerp of doel beschrijven.

    • Oorzaak:

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staat een formulier om een evenement voor de kalender aan te melden. Deze heeft de paginatitel “Cleantech Regio - Cleantech Regio”. Dit beschrijft het onderwerp of doel van de pagina niet.

      Pagina https://cleantechregio.nl/ctr-monitor/energietransitie heeft als paginatitel “Energietransitie - Cleantech Regio”. Dit beschrijft het onderwerp van de pagina goed, maar het wordt niet duidelijk dat deze pagina onder het gedeelte van de CTR monitor valt. Nu is de paginatitel hetzelfde als die van pagina https://cleantechregio.nl/samen-werken-aan/energietransitie. De paginatitels moeten onderscheidend zijn. Dit kan worden opgelost door bij de paginatitels van de CTR monitor iets toe te voegen als “Cleantech Regio Monitor”. Dit kan dan het beste consistent worden toegepast bij alle pagina's die hier onder vallen. Dit probleem kan namelijk ook bij andere pagina's voorkomen.

      De volgende PDF-documenten hebben geen paginatitel. Dit kan worden ingesteld in de bestandseigenschappen van de PDF of het bronbestand. Let op: de titel moet ook getoond worden in de titelbalk van Adobe (en niet de bestandsnaam).
      Zie https://cleantechregio.nl/images/Begroting_2022_Regio_Stedendriehoek.pdf en https://cleantechregio.nl/images/20200122_besluitenlijst_nav_vergaderingen_Strategische_Board_2020.pdf.

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      Pagina https://cleantechregio.nl/kalender heeft als paginatitel “Evenementen vanaf Kalender - Cleantech Regio”. Hieruit blijkt wel wat het onderwerp van de pagina is, maar de titel zou wel duidelijker kunnen. Het is nu niet geheel duidelijk wat er wordt bedoeld met “Evenementen vanaf”.

    • Gevolg:

      Het onderwerp van een pagina is op deze manier niet duidelijk voor alle gebruikers, bijvoorbeeld die gebruikers die afhankelijk zijn van spraaksoftware.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  21. SC 2.4.3 - Focus volgorde [niveau A]
    • Beschrijving van de afwijking:

      Als in webpagina's sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

    • Oorzaak:

      Onder de footer staat in de code een visueel verborgen menu met links (dit zijn de links van het menu bij mobiele weergave). De toetsenbordfocus komt op deze links. Dit is geen logische focusvolgorde. De focus moet alleen naar content gaan die in beeld is. https://cleantechregio.nl/

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een lightbox op de pagina. Als er een lightbox wordt geopend, moet de focus naar de content in de lightbox gaan, dat is hier niet het geval. De focus gaat nu eerst langs de andere onderdelen van de footer, voordat de focus in de lightbox komt. Als de focus in de lightbox komt, moet deze vervolgens in de lightbox blijven totdat deze weer wordt gesloten. Nu kan de focus weer uit de lightbox komen en verder gaan op onderdelen op de achterliggende pagina, dat is niet de bedoeling. Als de lightbox wordt gesloten, moet de focus op een logische plek landen: op de knop die de lightbox opende, dat is nu niet het geval. https://cleantechregio.nl/

      Op de homepage (https://cleantechregio.nl/) staat content die automatisch beweegt. Het gaat om de blokken met de content als “Heb jij een duurzaam initiatief...” etc. Dit staat op de homepage onder de kop “Nieuws uit de cleantech regio” en dan onder de link naar een nieuwsbericht. De toetsenbordfocus gaat langs links van blokken die niet in beeld zijn. Dit is niet de bedoeling.

      Als er met 200% wordt ingezoomd bij een resolutie van 1280x1024 pixels, is er een hamburgermenu (knop met drie horizontale strepen). Deze knop kan niet met het toetsenbord worden bediend. Als het menu met de muis is geopend (om dit te testen), kunnen de onderdelen in het menu wel toetsenbordfocus ontvangen en bediend worden met het toetsenbord. Het menu valt deels over de pagina heen en de achterliggende pagina is donkerder. De focus komt wel op onderdelen op deze achterliggende pagina als het menu is geopend. Dit is niet de bedoeling. Dit kan worden opgelost door het menu bijvoorbeeld weer in te laten klappen als de focus er uit gaat. https://cleantechregio.nl/

      Als de pagina voor het eerst wordt geladen, is er een cookiemelding. De focus gaat meteen hierheen, dat is goed. Op de homepage is dit echter niet het geval, omdat de focus dan eerst naar de knoppen gaat om een andere slide in beeld te brengen (van de automatisch bewegende content). De focus moet meteen naar de cookiemelding gaan. Als de cookiemelding niet meer in beeld is, wordt het niet meer afgekeurd dat de focus eerst naar deze knoppen gaat en dan pas naar het hoofdmenu. Het zou wel beter zijn als de focusvolgorde gelijk is aan de visuele volgorde (dus eerst het menu, dan de rest van de content op de pagina). Dan is het ook consistent met andere pagina's. https://cleantechregio.nl/

    • Gevolg:

      Voor gebruikers die afhankelijk zijn van toetsenbordbediening is de website niet goed benaderbaar en wordt belangrijke informatie (de cookieverklaring) niet direct overgebracht.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  22. SC 2.4.4 - Linkdoel (in context) [niveau A]
    • Beschrijving van de afwijking:

      Het linkdoel 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 kan hebben voor gebruikers in het algemeen.

    • Oorzaak:

      In de header staat links het logo van Cleantech Regio. Deze werkt als link. Software kan het linkdoel niet bepalen. Zie voor een mogelijke oplossing succescriterium 1.1.1. https://cleantechregio.nl/

      In de footer staan onder “Volg ons” iconen naar social media. Dit zijn links. Software kan het linkdoel niet bepalen. Zie voor een mogelijke oplossing succescriterium 1.1.1. https://cleantechregio.nl/

      In de footer staat de kop “Eerdere nieuwsbrieven” met hieronder links als “15 september 2022”. De links hebben geen linkcontext met deze kop. Het linkdoel (alleen de datum) is niet duidelijk genoeg. Er kan een verborgen tekst of title-attribuut toegevoegd worden met de informatie dat het om een nieuwsbrief gaat. https://cleantechregio.nl/

      Op meerdere plekken staan “Lees meer” links. Deze links staan onder de informatie waar ze bij horen. Visueel is het duidelijk waar de link naar toe gaat. Sofware kan dit linkdoel niet bepalen. De link heeft geen linkcontext met de informatie die erboven staat. Hulpsoftware zal alleen “Lees meer” voorlezen en dat is niet duidelijk genoeg. Meerdere oplossingen zijn mogelijk. Er kan bijvoorbeeld een (verborgen) linktekst geplaatst worden die meer informatie geeft over waar de link naar toe gaat. Er kan ook een title-attribuut op de link worden geplaatst met deze informatie. De kop gaat telkens naar dezelfde pagina als de “Lees meer” link. Het zou een goede oplossing zijn om slechts één link per bericht te maken (alleen de kop). Mensen die het toetsenbord gebruiken om te navigeren, hoeven dan ook niet langs dubbele links te navigeren. Zie bijvoorbeeld op de homepage onder “Nieuws uit de Cleantech Regio”, hier staat een nieuwsbericht met daarbij een link “Lees meer”. Zie ook de “Lees meer” links bij de automatisch bewegende content op de homepage, die onder dit nieuwsbericht staat. Zie ook de “Lees meer” links onder “Projecten en opgaven waar we aan werken”. Dit komt meer voor. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/samen-werken-aan/water staan onder “Columns” drie blokken met elk een afbeelding, een kop en een “Lees meer” link. Deze drie links verwijzen steeds naar dezelfde column. Software kan bij de afbeelding het linkdoel niet bepalen, de afbeelding heeft geen tekstalternatief en er is geen andere linktekst. Ook bij de “Lees meer” link kan software het linkdoel niet bepalen, de link heeft geen linkcontext met de informatie die erboven staat. Er zijn meerdere oplossingen mogelijk. Het linkdoel van de kop is wel duidelijk, er kan dus voor gekozen worden om alleen deze link te behouden (en het klikbare gebied eventueel uit te breiden). De informatie kan ook in zijn geheel als één link worden gemaakt. Als de afbeelding en de “Lees meer” link blijven, dan moet software het linkdoel kunnen bepalen. Dit kan bijvoorbeeld door middel van een visueel verborgen linktekst of een title-attribuut op de link (of een alternatieve tekst bij een afbeelding). Zie ook op deze pagina de blokken onder “Nieuws water”. Hier kan het linkdoel van de “Lees meer” links niet bepaald worden. Zie op deze pagina ook het blok onder “Projecten”. De afbeelding werkt hier ook als link, maar het linkdoel kan niet worden bepaald. Hier kan het linkdoel van de “Lees meer” link wel worden bepaald, omdat er een aria-label is gebruikt waarin meer informatie wordt gegeven. Deze problemen komen meer voor op pagina's met vergelijkbare content, zie bijvoorbeeld pagina https://cleantechregio.nl/samen-werken-aan/energietransitie en https://cleantechregio.nl/samen-werken-aan/human-capital. Zie ook pagina https://cleantechregio.nl/samen-werken-aan en https://cleantechregio.nl/nieuws. Zie ook pagina https://cleantechregio.nl/ondernemers onder “Nieuws”. Zie ook https://cleantechregio.nl/ctr-monitor/energietransitie.

      Op pagina https://cleantechregio.nl/zoeken?searchword=CO2&searchphrase=all staan onderaan paginanummers, dit zijn links. Deze hebben alleen het cijfer als linktekst, bijvoorbeeld “2”. Dit is niet duidelijk genoeg als linkdoel. Er kan een verborgen linktekst als “Pagina” worden toegevoegd aan de link. Dit kan dan in combinatie met het cijfer worden voorgelezen door hulpsoftware. Dit komt meer voor, zie bijvoorbeeld ook pagina https://cleantechregio.nl/samen-werken-aan/energietransitie onder “Projecten”. Zie ook pagina https://cleantechregio.nl/nieuws.

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staan in de tekst “Neem contact op met Femmy...” twee lege links. Software kan het linkdoel niet bepalen. Er is ook een zichtbare link met dezelfde functie (het e-mailadres). Dit kan dus worden opgelost door de lege links te verwijderen.

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staat in de audiospeler een lege link met tabindex=”-1”. Deze link ontvangt geen toetsenbordfocus, maar wordt wel voorgelezen door hulpsoftware. Het linkdoel kan niet bepaald worden.

      Op pagina https://cleantechregio.nl/wie-is-wie staat bij ieder persoon een icoon van een envelop en een icoon voor LinkedIn. Dit zijn links, software kan het linkdoel niet bepalen.

      Op pagina https://cleantechregio.nl/ctr-monitor staat onder “Publicaties” de link “Lancering Cleantech Regio...”. De laatste letter (“k”) is een aparte link. Dit is niet de bedoeling, dit kan samengevoegd worden met de tekst ervoor die een link is naar dezelfde pagina.

      Op pagina https://cleantechregio.nl/ctr-monitor/energietransitie/818-co2-uitstoot staan bij de grafieken de links “csv” en “xls” om de data te downloaden. De links zijn niet onderscheidend. Er kan een (verborgen) tekst bij komen die aangeeft om welke grafiek of diagram het gaat.

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. De nieuwsbrief van 15 september 2022 is onderzocht. In de nieuwsbrief staan meerdere afbeeldingen die als link werken waarvan het linkdoel niet bepaald kan worden. Ook zijn er “Lees verder” links aanwezig waarvan het linkdoel niet kan worden bepaald. https://cleantechregio.nl/

      Er kunnen meer vergelijkbare problemen voorkomen.

    • Gevolg:

      Voorleessoftware kan de inhoud van de pagina en de bedoeling van de links niet goed overbrengen aan gebruikers.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  23. SC 2.4.5 - Meerdere manieren [niveau AA]
    • Beschrijving van de afwijking:

      Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

    • Oorzaak:

      Er is een zoekmachine aanwezig. Dit is een goede tweede manier om pagina's te vinden (de eerste manier is via links op de pagina's en in het menu). Niet alle pagina's kunnen echter gevonden worden met de zoekmachine. Dit geldt voor pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293, https://cleantechregio.nl/kalender en https://cleantechregio.nl/kalender/evenement/507-nationale-klimaatweek. Als er gezocht wordt op “Kalender”, is er wel een resultaat “Kalender”, maar deze leidt naar een 404-pagina.

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      De meeste pagina's kunnen goed gevonden worden met de zoekmachine. Er zijn echter wel vaker zoekresultaten die niet naar de pagina leiden, maar naar een 404-pagina of naar een lege pagina. Deze zoekresultaten kunnen beter verwijderd worden. Zie bijvoorbeeld als er gezocht wordt op “RP2030” (https://cleantechregio.nl/zoeken?searchword=RP2030&searchphrase=all). Dit wordt niet afgekeurd, omdat er wel een zoekresultaat is die wel naar de goede pagina leidt.

      Pagina https://cleantechregio.nl/wie-is-wie kan niet direct gevonden worden via de zoekmachine. Er is wel een nieuwsbericht als zoekresultaat die door linkt naar deze pagina. Het zou beter zijn als deze pagina direct kon worden gevonden met de zoekmachine.

      Als er gezocht wordt op “Ondernemers”, dan kan pagina https://cleantechregio.nl/ondernemers wel gevonden worden, maar deze staat pas op de tweede pagina met zoekresultaten onderaan. Het zou beter zijn als dit zoekresultaat bovenaan pagina 1 met zoekresultaten staat.

    • Gevolg:

      Gebruikers kunnen niet alle pagina's via de zoekmachine vinden.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  24. SC 2.4.7 - Focus zichtbaar [niveau AA]
    • Beschrijving van de afwijking:

      Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

    • Oorzaak:

      Dit succescriterium is van belang voor mensen die met het toetsenbord navigeren terwijl ze de pagina bekijken. Zij moeten kunnen zien waar de toetsenbordfocus zich bevindt op de pagina.

      De toetsenbordfocus is op de onderzochte pagina's vrijwel nergens zichtbaar. In de CSS eigenschappen is “outline: 0” gebruikt. Hierdoor wordt de visuele focusindicator uitgezet. Het is hierdoor niet zichtbaar welk element op de pagina de focus heeft. Dit kan worden opgelost door deze CSS eigenschap te verwijderen, zodat de standaard focusindicator van de browser getoond kan worden. Meerdere oplossingen zijn mogelijk. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 is de focusindicator niet uitgeschakeld in de CSS code, hier is de indicator op meerdere plekken wel zichtbaar. De focus is echter niet zichtbaar op de knoppen in de datumprikkers voor de startdatum en einddatum. Ook is de focus niet duidelijk zichtbaar op de iconen onder “Volg ons”. Ook komt de focus na de footer op onzichtbare links van een verborgen menu (net zoals op andere pagina's).

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staan in de tekst “Neem contact op met Femmy...” twee lege links. Als de focus hierop komt, is het niet duidelijk waar deze op staat (ook al zou er wel een focusindicator zijn, dit is een ander soort probleem omdat de content zelf niet zichtbaar is). Dit kan opgelost worden door deze links te verwijderen.

      De toetsenbordfocus komt op meer onderdelen die niet in beeld zijn, of die op de achterliggende pagina staan bij een lightbox of menu, zoals beschreven bij succescriterium 2.4.3. Het is dan niet duidelijk of niet goed te zien waar de focus zich bevindt.

      Als de pagina voor het eerst wordt geladen, is er een cookiemelding aanwezig. Deze heeft de zichtbare link “Cookies en Privacy”. Hierna staat in de code nog een verborgen link (met role=”button”). De focus komt hier op, het is niet duidelijk waar de focus dan op staat. https://cleantechregio.nl/

    • Gevolg:

      Gebruikers die afhankelijk zijn van toetsenbordbediening kunnen onze website slecht gebruiken.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  25. SC 2.5.3 - Label in naam [niveau A]
    • Beschrijving van de afwijking:

      Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

    • Oorzaak:

      Dit succescriterium is bedoeld om spraakbediening mogelijk te maken. Belangrijk hierbij is dat de visueel zichtbare tekst onderdeel is van de toegankelijkheidsnaam van het element. Mensen die spraakbedieningssoftware gebruiken kunnen dan de zichtbare tekst inspreken om een element te bedienen.

      In de header staat links het logo van Cleantech Regio. De afbeelding heeft geen tekstalternatief. De afbeelding werkt als link. De toegankelijkheidsnaam van de link moet de zichtbare tekst bevatten. Zie voor een mogelijke oplossing succescriterium 1.1.1. https://cleantechregio.nl/

      In de header staat rechts een zoekveld. Software kan de toegankelijkheidsnaam niet bepalen. De toegankelijkheidsnaam moet de zichtbare tekst “Zoek” gaan bevatten. https://cleantechregio.nl/

      Als de pagina voor het eerst wordt geladen, is er een cookiemelding aanwezig. Deze heeft de zichtbare tekst “Cookies en Privacy”. De toegankelijkheidsnaam van deze knop is [lang ="en"]“cookie policy”[/lang] (door het aria-label op de link). De toegankelijkheidsnaam bevat nu niet de zichtbare tekst. Dit geldt ook voor de knop met de zichtbare tekst “Melding niet meer tonen”, deze heeft een aria-label met de waarde [lang="en"]“dismiss cookie message”[/lang].

      Op pagina https://cleantechregio.nl/samen-werken-aan/water staan onder “Samenwerkingspartners water” logo's. Deze werken als links. De toegankelijkheidsnaam van de link bevat niet overal de zichtbare tekst van het logo. Het gaat om het logo van Drents Overijsselse Delta en van [lang="en"]Interreg North-West Europe Water Test Network[/lang]. https://cleantechregio.nl/

    • Gevolg:

      Zonder dat elk element een duidelijke titel heeft kan iemand die afhankelijk is van spraakbediening de website niet goed bedienen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  26. SC 3.1.2 - Taal van onderdelen [niveau AA]
    • Beschrijving van de afwijking:

      De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

    • Oorzaak:

      Op pagina https://cleantechregio.nl/english-summary staat een Engelse samenvatting. De standaardtaal van de pagina is ingesteld als Nederlands, dit is correct want de taal van de header en footer is Nederlands. Voor de Engelse tekst op deze pagina moet een taalwisseling worden aangegeven. Dit kan door lang=”en” en xml:lang=”en” te gebruiken in een HTML element dat de content in de andere taal bevat. Voorleessoftware kan deze tekst dan op de juiste manier voorlezen.

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staat een formulier. Als hier fouten worden gemaakt, verschijnen er Engelse foutmeldingen. Er moet een taalwisseling worden aangegeven voor deze Engelse teksten. Het zou nog beter zijn om deze meldingen naar het Nederlands te vertalen.

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      Op de website worden op meerdere plekken Engelse namen gebruikt, zoals bijvoorbeeld [lang="en"]“The Future of Us – Changing our ways”[/lang] (naam van een evenement). Het is niet verplicht om een taalwisseling aan te geven voor eigennamen, maar het is wel beter als dit wel wordt gedaan.

    • Gevolg:

      Voorleessoftware herkent de taal van de pagina niet en kan de pagina niet voorlezen.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  27. SC 3.2.2 - Bij input [niveau A]
    • Beschrijving van de afwijking:

      Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

    • Oorzaak:

      Op pagina https://cleantechregio.nl/zoeken?searchword=CO2&searchphrase=all staat bij “Toon #” een selectieveld voor het aantal zoekresultaten per pagina. Als er een optie wordt geselecteerd, wordt deze optie meteen toegepast. De pagina wordt hierbij herladen en de focus wordt verplaatst naar het begin van de pagina. Dit kan desoriënterend zijn voor (blinde) gebruikers. Een oplossing is om de gekozen optie pas toe te passen nadat er op een knop "Pas toe" of iets dergelijks is geklikt. Een andere oplossing kan zijn om een gebruiker hier van tevoren over te informeren.

    • Gevolg:

      Dit levert onduidelijkheid op voor gebruikers.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  28. SC 3.3.1 - Foutidentificatie [niveau A]
    • Beschrijving van de afwijking:

      Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

    • Oorzaak:

      In de footer staan onder “Updates in je mailbox?” twee invoervelden. Als het veld voor de naam niet wordt ingevuld en er wordt op “Verstuur” geklikt, dan verschijnt er in een pop-up de melding “Vul uw naam in”. Dit is een instructie en geen foutmelding. Dit kan worden aangepast naar iets als “U heeft uw naam niet ingevuld”. Als de naam wel is ingevuld en het formulier wordt verstuurd, verschijnt de melding “Vul een geldig e-mailadres in”. Dit is ook een instructie en geen foutmelding. Dit kan aangepast worden naar iets als “U heeft geen e-mailadres ingevuld” of bij een ongeldig e-mailadres: “Het ingevulde e-mailadres is ongeldig”. De melding voor het e-mailadres verschijnt pas als het veld voor de naam wel is ingevuld en het formulier opnieuw wordt verstuurd. De foutmeldingen moeten in één keer verschijnen, zodat de gebruiker de fouten meteen kan oplossen. Het kan een oplossing zijn om geen pop-up te gebruiken, maar de foutmeldingen bij de velden te laten verschijnen. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staat een formulier. Als de velden niet worden ingevuld en het formulier wordt verstuurd, dan verschijnen er meldingen als “Vul dit veld in alsjeblieft” bij de velden vanaf “organisatie”. Dit is een instructie en geen foutmelding. Dit kan aangepast worden naar iets als “U heeft het veld 'organisatie' niet ingevuld”. Bij sommige velden verschijnt de melding [lang=""en]“Invalid Input”[/lang]. Dit geeft wel aan dat de invoer ongeldig is, het zou wel beter zijn om deze melding te vertalen naar het Nederlands en de melding duidelijker te maken. Boven het formulier staat een algemene melding [lang="en"]“Please complete all required fields!”[/lang]. Dit is ook een instructie (en in het Engels). Dit kan aangepast worden naar iets als: “Er zijn fouten gemaakt bij het invullen van dit formulier, niet alle verplichte velden zijn ingevuld. Zie de foutmeldingen bij de velden.” of iets dergelijks. Als er in dit formulier ongeldige gegevens worden ingevuld (bijvoorbeeld een ongeldig e-mailadres of telefoonnummer), verschijnen er geen foutmeldingen. Omdat de fouten niet automatisch ontdekt worden, valt dit buiten dit succescriterium.

    • Gevolg:

      Het kan voor gebruikers onduidelijk zijn waarom het formulier niet werkt.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  29. SC 3.3.2 - Labels of instructies [niveau A]
    • Beschrijving van de afwijking:

      Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

    • Oorzaak:

      In de header staat rechtsboven een zoekveld. Hierin staat de placeholdertekst “Zoek”. Als er in het veld getypt wordt, verdwijnt deze placeholdertekst. Het kan dan voor sommige mensen onduidelijk zijn wat voor veld dit is. Dit kan worden opgelost door een label als “Zoek” buiten het veld te plaatsen. Er kan ook bijvoorbeeld een icoon van een loep naast het veld worden geplaatst, zodat het duidelijk is wat voor veld dit is. https://cleantechregio.nl/

      In de footer staan onder “Updates in je mailbox?” twee invoervelden. Hierin staat in placeholdertekst aangegeven waar de velden voor zijn. Placeholdertekst verdwijnt tijdens het typen, dit kan een probleem zijn voor sommige gebruikers. Het label moet in beeld blijven, dit kan door het label buiten het veld te plaatsen. https://cleantechregio.nl/

      Op pagina https://cleantechregio.nl/wie-is-wie staat een zoekveld met de placeholdertekst “Zoek bijvoorbeeld op naam of functie”. Dit label moet buiten het veld komen te staan. Dit geldt ook voor het label “Filter op groep” bij het selectieveld. Er kan op deze pagina gezocht worden op naam of functie in het zoekveld en er kan ook gefilterd worden op groep in het selectieveld. Dit kan niet tegelijkertijd. Als er gezocht wordt op naam, vervalt de geselecteerde groep. Boven de velden staat “Je kunt zoeken op naam en groep.”. Nu gaan gebruikers er misschien van uit dat de opties tegelijk kunnen worden gebruikt, terwijl dit niet kan. Dit kan opgelost worden door de instructie aan te passen naar “Je kunt zoeken op naam of op groep”. Er zou dan ook “of” tussen de velden kunnen worden gezet om dit nog duidelijker te maken.

      Het volgende wordt niet afgekeurd, maar kan beter aangepast worden.

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staat bij de verplichte velden een sterretje (*). Het zou goed zijn om boven het formulier te vermelden dat een sterretje betekent dat een veld verplicht is om in te vullen.

      Op pagina https://cleantechregio.nl/zoeken?searchword=CO2&searchphrase=all staat bij het selectieveld voor het aantal zoekresultaten het label “Toon #”. Dit is misschien niet voor iedereen duidelijk. Dit kan aangepast worden naar iets als “Toon aantal zoekresultaten”.

    • Gevolg:

      Het veroorzaakt onduidelijkheid voor gebruikers.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  30. SC 4.1.1 - Parsen [niveau A]
    • Beschrijving van de afwijking:

      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.

    • Oorzaak:

      Parsefouten kunnen problemen veroorzaken met hulpsoftware. Een pagina kan gevalideerd worden met de W3C Validator: https://validator.w3.org/. Let op: niet alle errors die hier uit komen zijn parsefouten.

      Op regel 1 van de code staan meerdere meta-elementen die niet worden afgesloten, dit geeft een parsefout. Dit geldt ook voor meerdere link-elementen op deze regel van de code. Dit kan worden opgelost door een eindtag te plaatsen of door een element zelfafsluitend te maken. https://cleantechregio.nl/

      Op de homepage staat op regel 8 van de code een img-element die niet wordt afgesloten. Dit komt ook meerdere keren voor op regel 10 van de code. Op regel 10 van de code staat ook een begintag voor een paragraaf zonder eindtag. Dit komt ook op andere pagina's voor. Zie bijvoorbeeld pagina https://cleantechregio.nl/contact-cleantech-regio en https://cleantechregio.nl/zoeken?searchword=c02&searchphrase=all op regel 7 van de code. Dit komt meer voor.

      Pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven geeft een parsefout voor een button eindtag zonder begintag op regel 7 van de code. Er is wel een begintag aanwezig, maar deze parsefout wordt waarschijnlijk veroorzaakt door een andere parsefout (een meta-element wat er niet mag staan). Dit komt op meer pagina's voor, zie ook pagina https://cleantechregio.nl/kennis/1620-masterclass-financiering-van-warmtenetten-rutger-bergboer.

      Op pagina https://cleantechregio.nl/samen-werken-aan staat een dubbel attribuut “class” in een div-element op regel 7 van de code. Elementen mogen geen dubbele attributen bevatten. Dit komt vaker voor.

      Vergelijkbare parsefouten komen voor op andere pagina's.

    • Gevolg:

      Door parsefouten kan software de pagina slechter lezen, en kunnen gebruikers die hiervan afhankelijk zijn de website slechter gebruiken.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023
  31. SC 4.1.2 - Naam, rol, waarde [niveau A]
    • Beschrijving van de afwijking:

      Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

    • Oorzaak:

      In de header staat links het logo van Cleantech Regio. Deze werkt als link. Software kan de toegankelijkheidsnaam niet bepalen. Zie voor een mogelijke oplossing succescriterium 1.1.1. https://cleantechregio.nl/

      In de header staat rechts een zoekveld. Software kan de toegankelijkheidsnaam niet bepalen. Er is een visueel verborgen label aanwezig in de code. Deze is echter verborgen met display:”none”. Hierdoor is deze ook verborgen voor hulpsoftware. Dit veld heeft ook een visueel label nodig (zie succescriterium 3.3.2). Als een visueel label goed aan een veld wordt gekoppeld in de code, dan kan software de toegankelijkheidsnaam van het veld ook bepalen. https://cleantechregio.nl/

      In de header staat het hoofdmenu. Sommige onderdelen zijn uitklapbaar. Dit is nu alleen nog mogelijk met de muisaanwijzer en niet met het toetsenbord. Software moet kunnen gaan bepalen wat de status van het menu-onderdeel is (in- of uitgeklapt). Er kan bijvoorbeeld een knop worden gebouwd die zorgt voor het in- en uitklappen en hierin kan de status dan worden aangegeven. https://cleantechregio.nl/

      In de footer staan onder “Volg ons” iconen naar social media. Dit zijn links. Software kan de toegankelijkheidsnaam niet bepalen. Zie voor een mogelijke oplossing succescriterium 1.1.1. https://cleantechregio.nl/

      Op meerdere pagina's kunnen in de footer nieuwsbrieven worden geopend (onder “Eerdere nieuwsbrieven”). Deze openen in een iframe op de pagina. Het iframe heeft geen toegankelijkheidsnaam. Dit kan worden opgelost door een title-attribuut of aria-label toe te voegen aan het iframe-element en daarin te beschrijven wat voor soort content het iframe bevat. Er is een knop met een kruisje om het venster van de nieuwsbrief te sluiten. Deze knop heeft geen toegankelijkheidsnaam. De nieuwsbrief van 15 september 2022 is onderzocht. In de nieuwsbrief staan meerdere afbeeldingen die als link werken. Software kan de toegankelijkheidsnaam van deze links niet bepalen. https://cleantechregio.nl/

      Zoals eerder beschreven zijn er meerdere afbeeldingen die als links werken en geen alternatieve tekst hebben. Software kan het linkdoel niet bepalen. Zie voor meer informatie succescriterium 1.1.1 en 2.4.4. https://cleantechregio.nl/

      Op de homepage (https://cleantechregio.nl/) staat content die automatisch beweegt. Het gaat om de blokken met de content als “Heb jij een duurzaam initiatief...” etc. Dit staat op de homepage onder de kop “Nieuws uit de cleantech regio” en dan onder de link naar een nieuwsbericht. Onder deze content staan twee knoppen “Vorige” en “Volgende”. Dit zijn button-elementen, maar deze hebben role=”presentation” gekregen. Hierdoor kan software niet meer bepalen dat het knoppen zijn.

      Op pagina https://cleantechregio.nl/contact-cleantech-regio staat een kaart van Google Maps in een iframe. Deze kaart valt buiten de scope van dit onderzoek, er is een goed alternatief aanwezig door middel van het adres op de pagina. Software moet echter wel de toegankelijkheidsnaam van het iframe kunnen bepalen, dat kan nu niet. Uit de toegankelijkheidsnaam moet duidelijk worden wat voor soort content het iframe bevat (een kaart). Hulpsoftware kan dit dan voorlezen.

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staat een podcast, deze staat in een iframe. Software kan de toegankelijkheidsnaam van het iframe niet bepalen. In de audiospeler is er een “play” knop. Deze heeft role=”application” gekregen. Hierdoor kan software niet meer bepalen dat het een knop is. In de audiospeler staat ook een verborgen link met tabindex=”-1”, software kan de naam niet bepalen. De tijdbalk van het audiofragment is interactief. Er kan met de muis op geklikt worden. Software kan de naam, rol en waarde niet bepalen.

      Op pagina https://cleantechregio.nl/kennis/1435-podcast-samenwerken-aan-complexe-opgaven staan in de tekst “Neem contact op met Femmy...” twee lege links. Software kan de toegankelijkheidsnaam niet bepalen. Er is ook een zichtbare link met dezelfde functie (het e-mailadres). Dit kan dus worden opgelost door de lege links te verwijderen.

      Op pagina https://cleantechregio.nl/component/rsform/form/11:aanmelden-evenement-voor-kalender?Itemid=293 staan twee datumprikkers. Er zijn knoppen om naar de vorige en volgende maand te gaan. Software kan de toegankelijkheidsnaam niet bepalen. De data zijn interactief, er kan op geklikt worden. Software kan de rol niet bepalen. Er zijn opties om een andere maand of jaar te selecteren, software kan de rol van deze functies niet bepalen. Als er een datum is gekozen, is deze actief. Software kan deze status niet bepalen. Er komen vergelijkbare problemen voor bij de functie om de tijd te kiezen. Zoals eerder beschreven kunnen er ook invoervelden gemaakt worden als toegankelijk alternatief.

      Op pagina https://cleantechregio.nl/nieuws staan onder “Selecteer hieronder op welke tag je wilt filteren:” meerdere filters. Dit zijn a-elementen zonder href-attribuut. Software kan de rol van deze elementen niet bepalen, omdat het href-attribuut ontbreekt. (Ook zijn deze filters hierdoor niet bedienbaar met het toetsenbord). Als er een filter is gekozen, heeft deze een ander uiterlijk. Software kan deze status niet bepalen. Onder de nieuwsberichten staan paginanummers. Het actieve getal heeft een ander uiterlijk. Software kan deze status niet bepalen.

      Op pagina https://cleantechregio.nl/wie-is-wie staat een zoekveld voor de naam of functie. Software kan de toegankelijkheidsnaam van het veld niet bepalen. Dit geldt ook voor het selectieveld voor de groep.

      Op pagina https://cleantechregio.nl/wie-is-wie staat bij ieder persoon een icoon van een envelop en een icoon voor LinkedIn. Dit zijn links, software kan de toegankelijkheidsnaam niet bepalen. Bij sommige personen kan content worden uitgeklapt. Software kan de toegankelijkheidsnaam van deze knop niet bepalen. Ook kan de status (in- of uitgeklapt) niet bepaald worden.

      Als er met 200% wordt ingezoomd bij een resolutie van 1280x1024 pixels, is er een hamburgermenu (knop met drie horizontale strepen). In de code is een div-element gebruikt voor deze knop. Software kan de rol van deze knop niet bepalen. Dit kan worden opgelost door een HTML button-element te gebruiken. Hulpsoftware kan dan voorlezen dat dit een knop is. Ook kan software de toegankelijkheidsnaam niet bepalen. Dit kan worden opgelost door een alternatieve tekst te plaatsen voor dit symbool, bijvoorbeeld “Menu”. Verder moet software ook de status van deze knop kunnen bepalen: in- of uitgeklapt, dit is nu niet mogelijk. Dit kan worden opgelost door een aria-expanded attribuut te gebruiken of door de alternatieve tekst aan te passen afhankelijk van de functie (“Toon menu” of “Sluit menu”). https://cleantechregio.nl/

      Er kunnen meer vergelijkbare problemen voorkomen.

    • Gevolg:

      Software kan de content niet goed lezen, waardoor gebruikers die hiervan afhankelijk zijn de website niet goed kunnen gebruiken.

    • Alternatief:
    • Maatregel:

      De gehele website wordt vervangen, in werkwijzen worden de wcag standaarden opgenomen.

    • Planning voor de uitvoering van de maatregel: 01-11-2023

Andere toegankelijkheidsissues

(geen opgegeven)

Onevenredige last

De maatregelen die Regio Stedendriehoek heeft benoemd leiden niet tot een onevenredige last.

(Zie onder uitleg over onevenredige last voor meer informatie)


Algemene toelichting

Uitleg over de nalevingsstatussen

De vooruitgang in digitale toegankelijkheid wordt bepaald aan de hand van nalevingsstatussen, die weergeven hoever een overheidsinstantie is gevorderd met het toegankelijker maken van een website. Voordat de wettelijke verplichting van kracht werd waren er slechts twee statussen: de toegankelijkheidsnorm schreef voor dat een website volledig moest voldoen aan alle toegankelijkheidseisen, met als resultaat status voldoet volledig. In geval het niet kon worden aangetoond dan was de status altijd voldoet niet.

De huidige aanpak kent vijf nalevingsstatussen. Doel is het bereiken van de status voldoet volledig. De statussen voldoet gedeeltelijk en eerste maatregelen genomen zijn tussenstappen op weg naar het einddoel.

De statussen en hun kenmerken zijn:

A: Voldoet volledig

  • De overheidsinstantie kan aantonen dat de website of mobiele app volledig aan alle toegankelijkheidseisen uit de norm voldoet.
  • De overheidsinstantie voldoet zowel aan de wettelijke verplichting als aan de norm.
  • Het in de wettelijke verplichting vastgelegde doel is behaald.

B: Voldoet gedeeltelijk (= in control verklaring)

  • De overheidsinstantie kan aantonen dat er een actueel, volledig en juist beeld is van de toegankelijkheid van de website of mobiele app.
  • Er wordt nog niet voldaan aan alle toegankelijkheidseisen uit de norm.
  • De overheidsinstantie heeft concrete verbetermaatregelen benoemd en een planning gemaakt om de afwijkingen te herstellen.
  • De overheidsinstantie is daardoor in control over de toegankelijkheid van de website of mobiele app.
  • De overheidsinstantie voldoet wel aan de wettelijke verplichting, maar nog niet volledig aan de norm.

C: Eerste maatregelen genomen

  • Er is nog geen goed beeld van de toegankelijkheid van de website of mobiele app.
  • De overheidsinstantie heeft concrete verbetermaatregelen genomen om dat beeld te krijgen.
  • De overheidsinstantie voldoet wel aan de wettelijke verplichting, maar niet aan de norm.

D: Voldoet niet

  • Er is geen goed beeld van de toegankelijkheid van de website of mobiele app.
  • De overheidsinstantie heeft geen concrete verbetermaatregelen benoemd om inzicht te krijgen in de (mate van) toegankelijkheid.
  • De overheidsinstantie voldoet enkel aan de wettelijke verplichting om een toegankelijkheidsverklaring te publiceren.
  • Omdat de wettelijke verplichting voorschrijft dat overheidsinstanties de noodzakelijke maatregelen nemen om hun websites en mobiele applicaties toegankelijker te maken worden de overheidsinstantie aangespoord om binnen een bepaalde termijn concrete maatregelen te benoemen, inclusief planning.

E: Geen toegankelijkheidsverklaring gepubliceerd

  • De overheidsinstantie heeft voor de website of mobiele applicatie geen toegankelijkheidsverklaring gepubliceerd.
  • De overheidsinstantie voldoet niet aan de wettelijke verplichting om een toegankelijkheidsverklaring te publiceren.
  • Omdat de wettelijke verplichting voorschrijft dat overheidsinstanties de noodzakelijke maatregelen nemen om hun websites en mobiele applicaties toegankelijker te maken wordt de overheidsinstantie aangespoord om op korte termijn een toegankelijkheidsverklaring te publiceren waarin concrete maatregelen zijn benoemd, inclusief planning.

Het uitgangspunt is dat verbetermaatregelen worden benoemd, ingepland en uitgevoerd. En dat daarmee wordt doorggeaan totdat volledig aan alle toegankelijkheids is voldaan.
Als een website lange tijd in een status blijft hangen, dan wordt aan de beleidsmatige eis toegankelijker maken niet langer voldaan.

Uitleg over onevenredige last

Het Tijdelijk besluit digitale toegankelijkheid overheid staat overheidsinstanties toe om gebruik te maken van de mogelijkheid om afzonderlijke eisen uit de toegankelijkheidsstandaard - tijdelijk - niet toe te passen, als dit voor hen onevenredig belastend is.

Met de uitzonderingsmogelijkheid 'onevenredige last' dient zorgvuldig te worden omgegaan; het ontbreken van prioriteit, tijd of kennis bij een overheidsinstantie zijn geen legitieme redenen om de toegankelijkheidsstandaard niet toe te passen.

Zie voor de formele, geldende tekst artikel 3, lid 2 tot en met 4 en de toelichting bij artikel 3 van het Tijdelijk besluit digitale toegankelijkheid overheid.

Inhoud die buiten de werkingssfeer valt van het Besluit

Het Tijdelijk besluit digitale toegankelijkheid overheid is niet van toepassing op de volgende content van websites en mobiele applicaties:

  • Kantoorbestandsformaten die zijn gepubliceerd voor 23 september 2018, tenzij dergelijke content nodig is voor actieve administratieve processen met betrekking tot de door de betrokken overheidsinstantie vervulde taken;
  • Vooraf opgenomen, op tijd gebaseerde media die zijn gepubliceerd voor 23 september 2020;
  • Live uitgezonden, op tijd gebaseerde media;
  • Onlinekaarten en onlinekarteringsdiensten, mits essentiële informatie op navigatiekaarten op een toegankelijke, digitale wijze wordt verstrekt;
  • Van derden afkomstige content die niet door de betrokken overheidsinstantie wordt gefinancierd of ontwikkeld en evenmin onder haar verantwoordelijkheid valt;
  • Reproducties van stukken uit erfgoedcollecties die niet volledig toegankelijk kunnen worden gemaakt om redenen van bewaring, authenticiteit of het ontbreken van geautomatiseerde en kostenefficiënte oplossingen om toegankelijkheid te bewerkstelligen;
  • Content die enkel beschikbaar is voor een gesloten gebruikersgroep en die is gepubliceerd voor 23 september 2019, tot de betreffende website ingrijpend wordt herzien;
  • Content van websites en mobiele applicaties die niet noodzakelijk is voor actieve administratieve processen en die niet wordt aangepast na 23 september 2019.

Bron: Artikel 2, tweede lid van het Tijdelijk besluit digitale toegankelijkheid overheid.

In deze verklaring wordt gerefereerd aan verschillende bronnen. Onderstaande lijst bevat de links naar deze bronnen.

template versie 20211209