Skip to content
Het logo van het bedrijf Hero.eu
[hero_language_switcher]
  • Services
  • Assignments
    • Interim assignments
    • Permanent Recruitment
  • DBA Act
    • Interim mediation
    • Self-employed payroll services
    • Project secondment
    • The latest updates
    • MSP as a solution for interim
    • Model agreement
    • False self-employment
    • Sham independence
  • About Hero
    • About Hero
    • Hero Academy
    • Our Quality Standarts
    • News
    • Hero for Dummies
    • Hero The Movie
  • Contact Us
  • Careers at Hero
  • NL
    • Change language to Dutch NL
    • Change language to German DE
    • Change language to French FR
    • Change language to Spanish ES
    • Change language to Italian IT
    • Change language to Polish PL

Front-end developer – Rich Text Editor

  • Regio: Den Haag (Hybride)
  • Start: 1-okt-2025
  • Hours per week: 32
  • Duration: 27 months

Front-end developer – Rich Text Editor

  • Regio: Den Haag (Hybride)
  • Start: 1-okt-2025
  • Hours per week: 32
  • Duration: 27 months

Front-end developer – Rich Text Editor

  • Regio: Den Haag (Hybride)
  • Start: 1-okt-2025
  • Hours per week: 32
  • Duration: 27 months

Front-end developer – Rich Text Editor

  • Regio: Den Haag (Hybride)
  • Start: 1-okt-2025
  • Hours per week: 32
  • Duration: 27 months

Voor Stichting ICTU zijn wij opzoek naar een Front-end developer – Rich Text Editor.

Comment
Comment

Work

Project/programme description: 

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. 

 With the Digital Accessibility Expert Team, concrete solutions are being built to make it easier for government organisations to provide accessible websites and web applications.  

Description end of project/programme: 

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. 

What role does the professional have within the project/programme: 

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. 

The activities involved in achieving the mission are: 

  • Ontwikkelen van een een toegankelijke front-end applicatie met een rich-text editor. 
  • Ontwikkelen van herbruikbare front-end web componenten. 
  • Ontwikkelen een rich-text editor variant, op basis van een bestaande applicatie zoals TipTap of BlockNote, 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, WordPress en TYPO3. 
  • 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 foutmeldingen 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 zeer complexe front-end web componenten, zoals combobox, modal dialogs en drawers met formulieren, floating toolbars. 
  • 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 consultation with professionals from the Digital Accessibility Expert Team, carry out activities to validate and extend the templates, patterns and documentation through:  
  • 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. 

What end results will the professional be required to deliver at the end of the assignment.  

  • Website met een rich-text editor om de meestgebruikte rich-text componenten van NL Design System in te voeren, en gebruikers te begeleiden naar een toegankelijk resultaat. 
  • Open source rich-text editor in een npm package, die geïntegreerd kan worden met CMS-en zoals WordPress, Drupal en TYPO3. 
  • Documentatie waarmee het beheer van de website overgedragen kan worden. 



Job requirements

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 samenwerken via merge/pull requests met bijvoorbeeld GitHub of GitLab;

Wishes:

  • Aantoonbare ervaring met de rich text editor aanpassen
  • Aantoonbare ervaring in de afgelopen 5 jaar met ontwikkelen en onderhouden van open source projecten
  • Aantoonbare ervaring met de W3C Authoring Tool Accessibility Guidelines (ATAG)
  • Aantoonbare ervaring in de afgelopen 5 jaar met schrijven van documentatie voor developers
  • Aantoonbare ervaring met het zelfstandig opzetten van nieuwe Node.js projecten
  • The candidate demonstrates a pragmatic and solution-oriented approach.
  • De kandidaat toont aan accuraat te werken om tot een toegankelijk en onderhoudbaar resultaat te komen.

Current assignments

Project/Programma Manager
30-12-2025
DMN/BPMN specialist
29-12-2025
Projectleider Cloud Transformatie
29-12-2025
Product Owner
24-12-2025
All interim assignments

Is the right assignment not among them for you right now? Then take advantage of our open registration. Or activate a job alert!

Open registration
Job alert
Queenten Leonora
Want more information or have any questions? Please contact me.
Queenten Leonora

Recruiter

06 36025670

Stuur mij een mail.

Want more information or have any questions? Please contact me.

Queenten Leonora
Queenten Leonora

Recruiter

06 36025670

Stuur mij een mail.

The procedure

1. Application
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
2. Telephone introduction
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
3. Conversation with client
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
4. Signing agreement
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.
5. Getting started
Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.

1. Application

Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.

2. Telephone introduction

Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.

3. Conversation with client

Puda nes repedipienti at ut labore vero expel enditatureVelestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.

4. Signing agreement

Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent audaepedis evelest.

5. Getting started

Puda nes repedipienti at ut labore vero expel enditature Velestium adi illor am que aut landitas dolorum et omnieni modiosa natiaepelent evelest.

Services

  • Interim Professionals
  • Permanent Recruitment
  • MSP Services

DBA Act

  • Interim mediation
  • Self-employed payroll services
  • Project secondment
  • The latest updates
  • MSP as a solution for interim
  • Model agreement
  • False self-employment
  • Sham independence

Other

  • About Hero
  • Hero Academy
  • Our Quality Standarts
  • News
  • Hero for Dummies
  • Hero The Movie
  • Contact Us
  • Careers at Hero

Want to know more about Hero?

Contact us at: 

+31 (0) 85 222 1999

Would you like to send an open application?

Send us an email
  • Privacy statement
  • Diversity policy
  • Feedback & Improvements
  • Privacy statement
  • Diversity policy
  • Feedback & Improvements
Facebook f Instagram Linkedin

For anyone who has no idea what Hero does, but would like to know, we have developed a special website where we explain our services in simple terms: Hero for Dummies

We value your privacy
We use analytical cookies to provide you with an optimal user experience and we use functional cookies to store your preferences. By clicking 'OK', you consent to our use of cookies. OK Weigeren
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorised as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyse and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT