Bijlage A: Roadmap Website greenchoice.nl & Mijn omgeving – Particulier + Mobiele app (techniek & design)

Animatie

Criterium 2.2.2, 2.5.3

Mijn Greenchoice: Lumi

• Animatie uitschakelen. Label koppelen aan checkbox.
  (Cardan kenmerk: GRE-2.F25, GRE-2.F26, GRE-2.F109. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Autocomplete attributen

Criterium 1.3.5

Website & Mijn Greenchoice: Formulier automatisch vullen

• Autocomplete attributen toevoegen bij NAW-velden.
  (Cardan kenmerk: Website: GRE-3.F61, GRE-3.F62, GRE-3.F63. Zie desbetreffende audit hier. MGC: GRE-2.F43. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Focus

Criterium 1.3.1, 2.4.3, 2.4.7, 2.4.11

Website: Onlogische tabvolgorde

• Indien nodig zullen we de tabvolgorde aanpassen.
  (Cardan kenmerk: GRE-3.F47. Zie desbetreffende audit hier.)
• Wanneer: Q3 2025
• Verantwoordelijk: Techniek

Website & Mijn Greenchoice: Cookiebalk focustrap

• Focustrap gebruiken. Zodra de gebruiker de pagina opent krijgt de cookiemelding direct focus. Bij tabben kunnen andere gedeeltes van de website niet worden bereikt.
  (Cardan kenmerk: Website: GRE-3.F117, GRE-3.F118, GRE-3.F119, GRE-2.F15, GRE-3.F117, GRE-3.F118, GRE-3.F119. Zie desbetreffende audit hier. MGC: GRE-2.F79. Zie desbetreffende audit hier.)
• Wanneer: Q3 2025
• Verantwoordelijk: Techniek

Formulieren

Criterium 1.3.1, 1.3.4, 2.1.1, 2.4.7, 3.1.1, 3.3.1, 3.3.2, 4.1.2, 4.1.3, 2.4.7, 2.5.3

Website: Formulier foutmeldingen

• Foutmeldingen verbeteren.
  (Cardan kenmerk: GRE-3.F65, GRE-3.F68, GRE-3.F70, GRE-3.F75, GRE-3.F76. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Website: Formulier instructies

• Instructies verbeteren.
  (Cardan kenmerk: GRE-3.F71. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Website: Formulier labels

• Label en input koppelen door het gebruik for i.c.m. id’s of de inputs in het label plaatsen.
  (Cardan kenmerk: GRE-3.F95, GRE-3.F96, GRE-3.F104, GRE-3.F144. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Formulieren

• Alternatieve tekst toevoegen voor kalender icoon/datum selectie knop. Kalender icoon/datum selectie knop benaderbaar maken.Labels aan inputs koppelen.Focus zichtbaar maken op checkboxes.
  (Cardan kenmerk: GRE-2.F24, GRE-2.F67, GRE-2.F69, GRE-2.F93, GRE-2.F97, GRE-2.F100, GRE-2.F101, GRE-2.F103. Zie desbetreffende audit hier)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Inlogpagina

• Taal instellen d.m.v. lang attribute. Formulier voorzien van autocomplete attributen. Foutmeldingen pas tonen na submit. Wachtwoord en checkbox veld toegankelijk maken.
  (Cardan kenmerk: GRE-2.F11, GRE-2.F16, GRE-2.F19, GRE-2.F42, GRE-2.F60. Zie desbetreffende audit hier)
• Wanneer: Q3 2025
• Verantwoordelijk: Techniek

Website: Grootzakelijk offerte (typeform)

• Typeform vervangen.
  (Cardan kenmerk: GRE-3.F180, GRE-3.F184, GRE-3.F188. Zie desbetreffende audit hier.)
• Wanneer: Q3 2026
• Verantwoordelijk: Techniek & Design

Grafiek

Criterium 1.4.10, 4.1.2

Mijn Greenchoice: Verbruiksgrafiek

• Scrollen mogelijk maken met muis. Pijltjes van een alternatieve tekst voorzien.
  (Cardan kenmerk: GRE-2.F56, GRE-2.F90. Zie desbetreffende audit hier)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

IFrame

Criterium 2.4.2

Website: Chatbot

• Titel toevoegen aan iframe al dan niet met hulp van Genesys.
  (Cardan kenmerk: GRE-3.F4. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Links

Criterium 2.4.4, 2.4.6, 2.4.7

Website: Zakelijk login

• (Verborgen) tekst toevoegen voor screen readers.
  (Cardan kenmerk: GRE-3.F189. Zie desbetreffende audit hier.)
• Wanneer: Q3 2025
• Verantwoordelijk: Techniek

Mijn Greenchoice: Linkdoel

• Links meer context geven.
  (Cardan kenmerk: GRE-2.F64. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Banner

• Loze link verwijderen. Focus op sluitknop zichtbaar maken.
  (Cardan kenmerk: GRE-2.F63, GRE-2.F73. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Website: Unieke linkteksten

• Linkteksten een ‘unieke’ context geven. Dit kan worden opgelost door aanvullende informatie toe te voegen aan de naam van de link, zoals “deze pagina over de postcoderoosregeling”. Deze aanvullende tekst mag visueel verborgen zijn.
  (Cardan kenmerk: GRE-3.F14, GRE-3.F102, GRE-3.F103. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Menu

Criterium 1.3.1, 1.4.4, 2.4.7, 4.1.2

Website: Menu opmaak

• Menu items in een list plaatsen. Dikgedrukt d.m.v. CSS i.p.v. HTML.
  (Cardan kenmerk: Website: GRE-3.F97, GRE-3.F101, GRE-3.F174. Zie desbetreffende audit hier. MGC: GRE-2.F107. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Menu

• Mobiel menu opbouwen d.m.v. list, open- en dichtklappen duidelijk maken d.m.v. aria-attributen, tabvolgorde logisch maken voor submenu’s.
  (Cardan kenmerk: GRE-2.F52, GRE-2.F62, GRE-2.F83. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Website: Mobiel menu

• Aria-attributen toevoegen. Focus zichtbaar maken.
  (Cardan kenmerk: GRE-3.F224, GRE-3.F225. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Reflow

Criterium 1.4.10

Website: Tabellen mobiel

• Tabel mobiel vriendelijk maken. 
  (Cardan kenmerk: GRE-3.F226. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Website: Chatbot mobiel

• Chat mobiel vriendelijk maken. 
  (Cardan kenmerk: GRE-3.F227. Zie desbetreffende audit hier.)
• Wanneer: Q4 2026
• Verantwoordelijk: Techniek

Website: Mobiel/zoom

• Modal mobiel vriendelijk maken. Lange woorden voorzien van een soft-hyphen zodat deze netjes afgebroken worden. 
  (Cardan kenmerk: GRE-3.F228, GRE-3.F229. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Schaalbaarheid

• Zorgen dat content beschikbaar blijft bij 400% bij een resolutie van 1280x1024. 
  (Cardan kenmerk: GRE-2.F57, GRE-2.F58, GRE-2.F59. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek & Design

Modals

Criterium 2.4.3, 4.1.2

Website: Chatbot verwijderen modal

• Focus trap gebruiken in de modal. 
  (Cardan kenmerk: GRE-3.F46. Zie desbetreffende audit hier)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Website: Modal focus trap

• Focus trap gebruiken in de modal. 
  (Cardan kenmerk: GRE-3.F48. Zie desbetreffende audit hier)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Modal titels

• Modals voorzien van een titel (header). 
  (Cardan kenmerk: GRE-2.F84, GRE-2.F88. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Interactieve elementen: radiobuttons, tabs, tooltips, wizard

Criterium 1.3.1, 2.1.1, 4.1.2

Mijn Greenchoice: Radiobuttons

• Radiobuttons bedienbaar maken met toetsenbord. Voorzien van een fieldset met een legend. 
  (Cardan kenmerk: GRE-2.F80, GRE-2.F81, GRE-2.F102, GRE-2.F112. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Tabs

• Tabs voorzien van ARIA-attributen. 
  (Cardan kenmerk: GRE-2.F89, GRE-2.F91, GRE-2.F92, GRE-2.F94. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: i’tjes

• Dit probleem wordt al opgelost.
  (Cardan kenmerk: GRE-2.F35. Zie desbetreffende audit hier.)
• Wanneer: Q2 2025
• Verantwoordelijk: Techniek

Mijn Greenchoice: i’tjes

• Wizard voortgang duidelijk maken van aria-current="step".
  (Cardan kenmerk: GRE-2.F87. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Semantiek

Criterium 1.1.1, 1.3.1, 1.3.2, 1.4.10, 2.1.1, 2.4.4, 2.4.6, 2.4.7, 2.4.11, 2.5.7, 4.1.2, 4.1.3

Website: Semantiek klantenservice pagina

• Koppen in een list plaatsen. Feedback duimen in een fieldset. 
  (Cardan kenmerk: GGRE-3.F127, GRE-3.F128, GRE-3.F143. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Website: Zoeken pagina

• Label toevoegen voor zoekveld. Zoekresultaten een kop geven.
  (Cardan kenmerk: GRE-3.F129, GRE-3.F130. Zie desbetreffende audit hier.)
• Wanneer: Q3 2025
• Verantwoordelijk: Techniek

Website: Over ons pagina

• DL (definition list) gebruiken. Heading gebruiken. Koppen vervangen door gestylde spans.
  (Cardan kenmerk: GRE-3.F136, GRE-3.F137, GRE-3.F138. Zie desbetreffende audit hier.)
• Wanneer: Q4 2025
• Verantwoordelijk: Techniek

Website: Warmtepomp flow

• Fieldset toevoegen en labels koppelen. Koppen gebruiken voor kopteksten. Juiste kopniveaus gebruiken. 
  (Cardan kenmerk: GRE-3.F146, GRE-3.F147, GRE-3.F148, GRE-3.F149, GRE-3.F150. Zie desbetreffende audit hier.)
• Wanneer: Q4 2026
• Verantwoordelijk: Techniek

Website: Subsidiehulp

• Strong-elementen vervangen door CSS. Fieldsets toevoegen. Link context toevoegen. Extra attributen aan statusberichten toevoegen. Tags stylen met list. 
  (Cardan kenmerk: GRE-3.F152, GRE-3.F154, GRE-3.F155, GRE-3.F156, GRE-3.F157. Zie desbetreffende audit hier.)
• Wanneer: Q3 2026
• Verantwoordelijk: Techniek

Website: Zelf opwekken

• Linkdoel verduidelijken. Juiste kopniveau gebruiken. 
  (Cardan kenmerk: GRE-3.F160, GRE-3.F161. Zie desbetreffende audit hier.)
• Wanneer: Q3 2026
• Verantwoordelijk: Techniek

Website: Zonnepanelen

• Tegels in een lijst element zetten. Paragrafen gebruiken i.p.v. nieuwe regels/line breaks. 
  (Cardan kenmerk: GRE-3.F176, GRE-3.F177. Zie desbetreffende audit hier.)
• Wanneer: Q3 2026
• Verantwoordelijk: Techniek

Website: Aanmeldflow E&G

• Genoemde punten oplossen in het aanmeldformulier. 
  (Cardan kenmerk: GRE-3.F193, GRE-3.F194, GRE-3.F195, GRE-3.F196, GRE-3.F197, GRE-3.F198, GRE-3.F199, GRE-3.F200, GRE-3.F201, GRE-3.F202, GRE-3.F203. Zie desbetreffende audit hier.)
• Wanneer: Q3 2025
• Verantwoordelijk: Techniek

Mijn Greenchoice: Uitklapelementen bedienbaar

• De uitklapbare elementen zijn niet te benaderen met het toetsenbord. Daarnaast missen ARIA attribute om de status (open- of dichtgeklapt) aan te geven. Dit geldt bijvoorbeeld voor de veelgestelde vragen, het ‘Download’ menu, de maandselectie op de pagina Meterstanden en de notaselectie op de pagina Nota’s. 
  (Cardan kenmerk: GRE-2.F61, GRE-2.F76, GRE-2.F95. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Mijn Greenchoice: Productblokken

• Afbeeldingen voorzien van een (lege) ALT-tekst. Volgorde van content logisch maken.
  (Cardan kenmerk: GRE-2.F70. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Website: Laadpaal keuzehulp

• Soolutions.cloud vervangen.
  (Cardan kenmerk: GRE-3.F162, GRE-3.F163, GRE-3.F164, GRE-3.F166, GRE-3.F167, GRE-3.F168, GRE-3.F169, GRE-3.F204, GRE-3.F205, GRE-3.F206, GRE-3.F207, GRE-3.F208, GRE-3.F209, GRE-3.F210, GRE-3.F212, GRE-3.F213, GRE-3.F214, GRE-3.F215, GRE-3.F216, GRE-3.F217, GRE-3.F230, GRE-3.F231, GRE-3.F232, GRE-3.F233. Zie desbetreffende audit hier.)
• Wanneer: Q4 2026
• Verantwoordelijk: Techniek

Sitemap

Criterium 2.4.5

Mijn Greenchoice: Sitemap toevoegen

• Sitemap toevoegen zodat alle pagina’s op meer dan een manier te bereiken zijn. 
  (Cardan kenmerk: GRE-2.F45. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Skiplinks

Criterium 2.4.1

Website: Skiplinks

• Skiplinks toevoegen om naar de hoofdinhoud te springen.
  (Cardan kenmerk: GRE-3.F40. Zie desbetreffende audit hier.)
• Wanneer: Q4 2025
• Verantwoordelijk: Techniek

Mijn Greenchoice: Skiplinks

• Skiplinks toevoegen om naar de hoofdinhoud te springen.
  (Cardan kenmerk: GRE-2.F41. Zie desbetreffende audit hier.)
• Wanneer: Q1 2026
• Verantwoordelijk: Techniek

Tabel

Criterium 1.3.1

Website: Rekenvoorbeeld tabellen

• Nieuwe tabel contentblok component gebruiken i.p.v. zelfgemaakte tabel 
  (Cardan kenmerk: GRE-3.F178. Zie desbetreffende audit hier.)
• Wanneer: Q4 2026
• Verantwoordelijk: Techniek

Tekst

Criterium 1.4.12

Website: Blokken

• Tekstafbreking server-side laten plaatsvinden of niet doen (line-clamb verwijderen). 
  (Cardan kenmerk: GRE-3.F221, GRE-3.F222, GRE-3.F223. Zie desbetreffende audit hier.)
• Wanneer: Q2 2026
• Verantwoordelijk: Techniek

Acties greenchoice.nl - content

Tekstalternatieven

Criterium 1.1.1 

Tekstalternatieven afbeeldingen en iconen

Actie 1: Techniek

Met techniek bespreken of alle benodigde techniek aanwezig is om tekstalternatieven juist toe te voegen (vooral voor actie 4 en 5)

Actie 2: Opleiden

Iedereen die pagina’s aanmaakt op de website moet juist opgeleid worden in het bepalen en schrijven van alt-attributen en/of andersoortige tekstalternatieven.

Actie 3: Alt-attribuut afbeeldingen

Alle afbeeldingen moeten op iedere pagina en in online pdf’s nagelopen worden om te beoordelen welke afbeelding wel/geen alt-attribuut nodig heeft en pagina’s hierop aanpassen. Dit gaat ook om feedbackiconen.
(Cardan kenmerk: GRE-3.F78, GRE-3.F90, GRE-3.F92, GRE-3.F91, GRE-3.F98, GRE-3.F105, GRE-3.F107, GRE-3.F108. Zie desbetreffende audit hier.)

Actie 4: Alt-attribuut iconen

Alle iconen, ook die in het broodkruimelpad of formulieren gebruikt worden, moeten worden nagelopen of die het juiste tekstalternatief hebben. In het geval van svg-element kan een title- en desc-element.
(Cardan kenmerk: GRE-3.F79, GRE-3.F145, GRE-3.F99, GRE-3.F122, GRE-3.F87, GRE-3.F94, GRE-3.F120 (criterium 4.1.2) Zie desbetreffende audit hier.)

Actie 5: Alt-attribuut tabellen

Tabellen en grafieken moeten worden nagelopen. Indien de tabel als decoratief bestempeld kan worden, kan alt-attribuut weggelaten worden. Het is dan wel belangrijk dat alle informatie uit de grafieken elders in de tekst uitgelegd wordt. Indien de grafiek wel van belang is kan er een kort tekstalternatief gegeven worden die de grafiek beschrijft en kan verwezen worden naar een langer tekstalternatief in een alt-attribuut. In het langere tekstalternatief kan een uitgebreide beschrijving van de grafiek geplaatst worden die de informatie uit de grafiek juist overbrengt in geschreven schrift.
(Cardan kenmerk: GRE-3.F85. Zie desbetreffende audit hier.)

• Wanneer: Q3 2026
• Verantwoordelijk: Team content

Video

Criterium 1.2.2, 1.2.3, 1.2.5, 2.1.4, 2.4.6

Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Actie 1: Opleiden

Iedereen met toegang tot YouTube moet opgeleid worden in het juist uploaden van video’s.

Actie 2: Briefingsdocumentatie

In briefingsdocumenten naar bureaus moet opgenomen worden dat een transscript voor het uploaden van losse ondertiteling aangeleverd dient te worden.

Actie 3: Alle video’s op YouTube moeten worden nagelopen of de ondertiteling voldoet aan de eisen.

Ondertiteling moet altijd los toegevoegd worden.

(Cardan kenmerk: GRE-3.F5. Zie desbetreffende audit hier.)

• Wanneer: Q2 2026
• Verantwoordelijk: Team content

Audiodescriptie of media-alternatief (vooraf opgenomen)

Actie 1: Opleiden

Iedereen betrokken bij creatie van video’s moet weten hoe een goed transcript gemaakt wordt van een video die alle informatie bevat (zowel hoorbare als zichtbare informatie). 

Actie 2: Transcript toevoegen bij video

Transcript moet onder de video op de website worden geplaatst 

(Cardan kenmerk GRE-3.F6, GRE-3.F7 Zie desbetreffende audit hier.)

• Wanneer: Q2 2026
• Verantwoordelijk: Team content

Enkel teken sneltoetsen

Actie 1: Opleiden en aanpassen bestaande video’s

In samenwerking met techniek moet gekeken worden hoe de YouTube videoplayer in HTML-code geoptimaliseerd kan worden met het toevoegen van parameter disablekb=1’, zodat het mogelijk wordt de video te bedienen met het toetsenbord (meer info)

(Cardan kenmerk: GRE-3.F9. Zie desbetreffende audit hier. (criterium 2.1.4))

• Wanneer: Q1 2026
• Verantwoordelijk: Team content

Titels video

Actie 1: Opleiden en aanpassen bestaande video’s

Iedereen die toegang heeft tot YouTube en de website, moet weten hoe de juiste koppen toe te voegen in het geval van video’s. Title-attribuut ook in iframe-elementen moeten voldoen aan eisen

(Cardan kenmerk: GRE-3.F84. Zie desbetreffende audit hier. (criterium 2.4.6))

• Wanneer: Q1 2026
• Verantwoordelijk: Team content

Titels, koppen en linkjes

Criterium 1.3.1

Info en relaties

Actie 1: Techniek

Met techniek bespreken en nalopen of er een goede, bruikbare CSS is voor koppen, block quotes, etc.

Actie 2: Opleiden

Iedereen die pagina’s en online pdf’s aanmaakt op de website moet juist opgeleid worden in het implementeren van CSS (de juiste kopstructuur (h1’s, block quotes, tabellen, opsommingen (li- en ol-element), strong-elementen, em-elementen, p-elementen)

Actie 3: Koppen en CSS opmaak

Alle pagina’s en online pdf’s moeten worden nagelopen m.b.t. de juiste kopstructuren, het gebruik van <strong>, blockquotes, tabel en de gewenste CSS styling van teksten.

(Cardan kenmerk: GRE-3.F134, GRE-3.F133, GRE-3.F192, GRE-3.F141, GRE-3.F190, GRE-3.F124, GRE-3.F10, GRE-3.F11, GRE-3.F12, GRE-3.F13, GRE-3.F125, GRE-3.F126, GRE-3.F131, GRE-3.F132, GRE-3.F140, GRE-3.F142, GRE-3.F158, GRE-3.F159, GRE-3.F171, GRE-3.F172, GRE-3.F175, GRE-3.F179, GRE-3.F183, GRE-3.F185, GRE-3.F186, GRE-3.F187, GRE-3.F191, GRE-3.F106, GRE-3.F109, GRE-3.F110, GRE-3.F111, GRE-3.F112, GRE-3.F113, GRE-3.F83 (criterium 1.3.2), GRE-3.F86 (criterium 1.3.2) Zie desbetreffende audit hier.)

• Wanneer: Q4 2026
• Verantwoordelijk: Team content

Paginatitel

Actie 1: Techniek

Met techniek bespreken of foutieve pagina’s door middel van een audit/content search gevonden kunnen worden.

Actie 2: Opleiden

Iedereen die pagina’s en online pdf’s aanmaakt weet hoe op de juiste manier titels te geven aan pagina’s. 

Actie 3: Foute paginatitels aanpassen in html/CCMS/bronbestanden

(Cardan kenmerk: GRE-3.F2, GRE-3.F3. Zie desbetreffende audit hier.)

• Wanneer: Q4 2026
• Verantwoordelijk: Team content

Linkdoel

Criterium 2.4.4, 4.1.2

Linkdoel in context

Actie 1: Opleiden

Iedereen die pagina’s aanmaakt op de website moet juist opgeleid worden in het toevoegen van url-links en daarbij behorende tekst die linkdoel duidelijk maakt (en dus het verduidelijken van links als: ‘lees meer’, of ‘bekijk hier’.

Actie 2: Controleren van alle links in de website en die waar nodig aanpassen

(Cardan kenmerk: GRE-3.F135, GRE-3.F139, GRE-3.F153, GRE-3.F88, GRE-3.F173 Zie desbetreffende audit hier.)

Ook links achter afbeeldingen, zoals het icoon van een huisje in het broodkruimelpad (zoals klantenservicepagina) of Apple-icoon bij Downloads en pijltjes in carrousel (zoals onder 'Greenchoice helpt je vernieuwen')

(Cardan kenmerk: GRE-3.F80, GRE-3.F81 (criterium 4.1.2), GRE-3.F100 (criterium 4.1.2), GRE-3.F89 (criterium 4.1.2) Zie desbetreffende audit hier.)

• Wanneer: Q2 2026
• Verantwoordelijk: Team content

Acties Mijn Greenchoice - content

Tekstalternatieven

Criterium 1.1.1

Tekstalternatieven afbeeldingen en iconen

Actie 1: Techniek

Met techniek bespreken of alle benodigde techniek aanwezig is om tekstalternatieven juist toe te voegen.

Actie 2: Opleiden

Iedereen die pagina’s aanmaakt op de website moet juist opgeleid worden in het bepalen en schrijven van alt-attributen en/of andersoortige tekstalternatieven.

Actie 3: Alt-attribuut afbeeldingen

Alle afbeeldingen moeten op iedere pagina en in online pdf’s nagelopen worden om te beoordelen welke afbeelding wel/geen alt-attribuut nodig heeft en pagina’s hierop aanpassen. Dit gaat ook om logo’s.

(Cardan kenmerk: GRE-2.F14, GRE-2.F31. Zie desbetreffende audit hier.)

Actie 4: Alt-attribuut iconen en knoppen

Alle iconen moeten worden nagelopen of die het juiste tekstalternatief hebben. Dit geldt bijvoorbeeld voor pijltjes in de footer, ‘i’ iconen en groene vinkjes die geen tekstalternatief hebben.

(Cardan kenmerk: GRE-2.F53, GRE-2.F85, GRE-2.F86, GRE-2.F23, GRE-2.F37, GRE-2.F46, GRE-2.F13, GRE-2.F108, GRE-2.F47, GRE-2.F38 (knop), GRE-2.F33 Zie desbetreffende audit hier.)

• Wanneer: Q4 2026
• Verantwoordelijk: Team content

Titels, koppen en linkjes

Criterium 1.3.1

Info en relaties

Actie 1: Techniek

Met techniek bespreken en nalopen of er een goede, bruikbare CSS is voor koppen, block quotes, etc.

Actie 2: Opleiden

Iedereen die pagina’s en online pdf’s aanmaakt op de website moet juist opgeleid worden in het implementeren van CSS (de juiste kopstructuur (h1’s, block quotes, tabellen, opsommingen (li- en ol-element), strong-elementen, em-elementen, p-elementen)

Actie 3: Koppen en CSS opmaak

Alle pagina’s en online pdf’s moeten worden nagelopen m.b.t. de juiste kopstructuren, het gebruik van <strong>, blockquotes, tabel en de gewenste CSS styling van teksten.

(Cardan kenmerk GRE-2.F71, GRE-2.F72, GRE-2.F99, GRE-2.F96, GRE-2.F2, GRE-2.F74 (html code van tabel), GRE-2.F82. Zie desbetreffende audit hier.)

• Wanneer: Q4 2026
• Verantwoordelijk: Team content

Paginatitel

Criterium 2.4.2

Actie 1: Techniek

Met techniek bespreken of foutieve pagina’s door middel van een audit/content search gevonden kunnen worden.

Actie 2: Opleiden

Iedereen die pagina’s en online pdf’s aanmaakt weet hoe op de juiste manier titels te geven aan pagina’s. 

Actie 3: Foute paginatitels aanpassen in html/CCMS/bronbestanden

(Cardan kenmerk: GRE-2.F44, GRE-2.F1. Zie desbetreffende audit hier.)

• Wanneer: Q4 2026
• Verantwoordelijk: Team content

Linkdoel

Criterium 4.1.2

Linkdoel in context

Actie 1: Opleiden

Iedereen die pagina’s aanmaakt op de website moet juist opgeleid worden in het toevoegen van url-links en daarbij behorende tekst die linkdoel duidelijk maakt (en dus het verduidelijken van links als: ‘lees meer’, of ‘bekijk hier’. Dit geldt ook voor links achter iconen, zoals pijltjes om naar de volgende pagina te gaan of ‘i’ iconen

Actie 2: Controleren van alle links in de website en die waar nodig aanpassen.

(Cardan kenmerk: GRE-2.F110, GRE-2.F34, GRE-2.F39. Zie desbetreffende audit hier.) 

Op een aantal van deze punten moet goed met techniek gekeken worden wat een content-editor kan aanpassen en wat een developer.

• Wanneer: Q4 2026
• Verantwoordelijk: Team content