Voor Stichting ICTU zijn wij op zoek naar een Front-end developer – Rich Text Editor.
Front-end developer – Rich Text Editor
- Regio: Den Haag
- Start: 9 maart 2026
- Uren per week: 16
- Duur: 21 maanden
Front-end developer – Rich Text Editor
- Regio: Den Haag
- Start: 9 maart 2026
- Uren per week: 16
- Duur: 21 maanden
Front-end developer – Rich Text Editor
- Regio: Den Haag
- Start: 9 maart 2026
- Uren per week: 16
- Duur: 21 maanden
Front-end developer – Rich Text Editor
- Regio: Den Haag
- Start: 9 maart 2026
- Uren per week: 16
- Duur: 21 maanden
Werkzaamheden
Beschrijving project/programma:
ICTU werkt aan een betere digitale overheid, voor en samen met andere overheidsorganisaties.
Met de NL Design System aanpak verzamelen we richtlijnen, componenten en voorbeelden om robuuste websites en webapplicaties voor de overheid te bouwen. Dit wordt gedaan binnen een multidisciplinaire groep professionals die samen het NL Design System Kernteam en het Expertteam Digitale Toegankelijkheid vormen.
De componenten en richtlijnen van NL Design System zijn open source beschikbaar op GitHub en Figma, zodat iedereen ze kan gebruiken voor een begrijpelijke, gebruiksvriendelijke én toegankelijke onlinedienstverlening.
Met het Expertteam Digitale Toegankelijkheid worden concrete oplossingen gebouwd om het eenvoudiger te maken voor overheidsorganisaties om toegankelijke websites en webapplicaties aan te bieden.
Omschrijving einde project/programma:
Het project is ten einde wanneer de opdrachtgever de opgeleverde resultaten heeft geaccepteerd en een inhoudelijke decharge heeft verleend. Is het geval wanneer de klant en een landingsplaats heeft voor alle activiteiten en instrumenten van NL Design System, zijn overgedragen aan de betreffende beheerpartij en nazorg is uitgevoerd.
Welke rol heeft de professional binnen het project/programma:
De opdracht bestaat uit het ontwikkelen van een gebruiksvriendelijke content management interface en rich text editor, waarmee het voor contentmakers makkelijk wordt om toegankelijke content te publiceren, op basis van NL Design System componenten en richtlijnen.
Zo help je mee om de toegankelijkheid in Nederland te verbeteren met de hulpmiddelen die het expertteam maakt en draag je bij aan de doorontwikkeling van NL Design System als overheidsbreed open source white-label design system.
Welke opdracht gaat de professional uitvoeren en welke activiteiten horen daarbij?
- Ontwikkelen van een toegankelijke front-end applicatie met een rich-text editor.
- Ontwikkelen van herbruikbare front-end componenten.
- Ontwikkelen een rich-text editor variant, op basis van TipTap en CKEditor, waarmee het mogelijk is een editor op te bouwen met NL Design System componenten die content die voldoet aan een strict schema kan opslaan in CMS-en zoals Drupal, TYPO3 en WordPress.
- Ontwikkelen van definities voor content, zoals JSON Schema's of TipTap node types, van componenten zoals Image, Table, Accordion, etcetera.
- Ontwikkelen van server-side templates om de content te tonen, zoals Twig templates, voor componenten zoals Image, Table, Accordion, etcetera.
- Ontwikkelen van gebruiksvriendelijke foutherkenning voor ontoegankelijke content.
- Ontwikkelen van transformaties van datastructuren om ontoegankelijke content in een rich-text editor met een druk op de knop te verbeteren, zoals het converteren van Bold Table Cells naar Table Heading Cells, een Table Row naar een Table Caption, Pargraph naar Heading, Paragraphs naar List Items, etcetera.
- Ontwikkelen van real-time client side validatie van content om de toegankelijkheid te meten.
- Ontwikkelen volgens de NL Design System architectuur.
- Ontwikkelen van testplannen en testscenario's om de werking van de software te testen met de veelvoorkomende content.
- Ontwikkelen een koppeling met de REST API van content-management systemen.
- Ontwikkelen van geautomatiseerde tests op het niveau van end-to-end tests en unit tests.
- Het verbeteren van de software op basis van feedback van toegankelijkheidsspecialisten, het NL Design System-kernteam en gebruikersonderzoek.
- Het vastleggen van kansen voor verbetering en technical debt in de backlog van het project.
- Vers & veilig houden van de front-end applicatie met rich-text editor door maandelijks code dependencies te updaten.
- Het in samenspraak met andere professionals uit het Expertteam Digitale Toegankelijkheid ontwikkelen en begeleiden van ontwikkelen en begeleiden van (online) workshops over een toegankelijke huisstijl ontwikkelen.
- In overleg met professionals uit het Expertteam Digitale Toegankelijkheid activiteiten uitvoeren voor valideren en uitbreiden van de templates, patronen en documentatie door middel van:
- Een keer in de 2 weken: Sprint planningen.
- Indien nodig: Refinements in een privé Slack Huddle van het Expertteam Digitale Toegankelijkheid.
- Indien nodig: reviewen van pull requests van andere experts uit het project om vroegtijdig feedback te geven vanuit eigen expertise.
- Voortgang delen in het privé Slack kanaal van het Expertteam Digitale Toegankelijkheid en de NL Design System Heartbeat.
- Publieke Huddles om een nieuwe aanpak voor de templates, patronen of componenten van NL Design System te bepalen.
Functie-eisen
Hierbij is het van belang dat de professional in de afgelopen 8 jaar:
- Minimaal 5 jaar met front-end development met HTML, CSS en JavaScript
- Minimaal 3 jaar ervaring met de toepassing van WCAG-toegankelijkheidseisen en technologie zoals WAI-ARIA;
- Minimaal 1 jaar ervaring met rich-text editor customizations
- Minimaal 2 jaar ervaring met Node.js
- Minimaal 2 jaar ervaring met TypeScript
- Minimaal 2 jaar ervaring met Git, Gitflow en atomic commits;
- Minimaal 2 jaar ervaring met merge/pull requests maken en reviewen met bijvoorbeeld GitHub of GitLab;
Per eis geeft de kandidaat een uitleg op welke wijze aan deze eisen wordt voldaan.
Een korte motivatie te kunnen geven, waaruit blijkt dat:
- de kandidaat over een goede schriftelijke beheersing van de Nederlandse taal beschikt;
- de kandidaat goed mondeling kan samenwerken tijdens online en fysieke bijeenkomsten.
- de kandidaat over een goede schriftelijke beheersing van de Engelse taal beschikt;
- de kandidaat bij wil dragen aan het NL Design System.
- Per wens het aantal jaar/projecten concrete ervaring dat de professional per wens heeft opgedaan in de context van deze aanvraag.
Wens: Aantoonbare ervaring met het datamodel en de user interface van een rich text editor aanpassen, voor TipTap of CKEditor.
Wens: Aantoonbare ervaring in de afgelopen 5 jaar met ontwikkelen, documenteren en onderhouden van open source projecten
Wens: Aantoonbare ervaring met de W3C Authoring Tool Accessibility Guidelines (ATAG)
Wens: Ervaring met ontwikkeling van plugins in 1 of meer van de volgende CMS-en: Drupal – WordPress – Typo3
Wens: Ervaring met NL Design System, wat blijkt uit ervaring met het toepassen van design tokens JSON, documenteren van componenten in Storybook, aanwezigheid op Slack en hergebruik van community componenten.
Wens: De kandidaat toont aan over een pragmatische en oplossingsgerichte werkwijze te beschikken.
Wens: De kandidaat toont aan accuraat te werken om tot een toegankelijk en onderhoudbaar resultaat te komen.
Actuele opdrachten
Zit de juiste opdracht er nu niet tussen voor je? Maak dan gebruik van onze open inschrijving. Of schakel een job alert in!
Wil je meer informatie of heb je vragen? Neem contact met mij op.
Stefan Alberts
Wil je meer informatie of heb je vragen? Neem contact met mij op.
Stefan Alberts
De procedure
1. Sollicitatie
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
2. Telefonische kennismaking
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
3. Gesprek met opdrachtgever
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
4. Tekenen overeenkomst
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
5. Aan de slag
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
1. Sollicitatie
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
2. Telefonische kennismaking
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
3. Gesprek met opdrachtgever
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
4. Tekenen overeenkomst
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
5. Aan de slag
Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent evelest.
Meer weten over Hero?
Neem contact met ons op via:
+31 (0) 85 222 1999
Wil je ons een open sollicitatie sturen?
Voor iedereen die geen idee heeft wat Hero doet, maar dat wél graag wil weten, hebben wij een speciale website ontwikkeld waarbij wij onze dienstverlening simpel uitleggen: Hero for Dummies
