Front-end developer – Rich Text Editor

Sollicitatievereisten

Verplicht: Bij je sollicitatie moet je een toelichting op de eisen en wensen en een persoonlijke motivatie voor de rol aanleveren. Zonder deze toelichting en motivatie kan het aangeboden cv niet in behandeling worden genomen.

Rol

Ontwikkelen van een gebruiksvriendelijke content management interface en een rich-text editor waarmee contentmakers gemakkelijk toegankelijke content publiceren op basis van NL Design System-componenten en -richtlijnen. Je draagt bij aan hulpmiddelen van het Expertteam Digitale Toegankelijkheid en aan de doorontwikkeling van het NL Design System als open source white‑label design system.

Werkactiviteiten

• Ontwikkelen van een toegankelijke front-end applicatie met een rich-text editor.
• Ontwikkelen van herbruikbare front-end webcomponenten.
• Ontwikkelen van een rich-text editor-variant op basis van TipTap en CKEditor, zodat een editor opgebouwd kan worden met NL Design System-componenten en content volgens een strikt schema kan opslaan in CMS’en zoals Drupal, TYPO3 en WordPress.
• Ontwikkelen van contentdefinities (bijv. JSON Schema’s of TipTap node types) voor componenten zoals Image, Table, Accordion, etc.
• Ontwikkelen van server-side templates (bijv. Twig) voor componenten zoals Image, Table, Accordion, etc.
• Ontwikkelen van gebruiksvriendelijke foutherkenning voor ontoegankelijke content.
• Ontwikkelen van transformaties van datastructuren om ontoegankelijke content in de editor met één druk op de knop te verbeteren (bijv. Bold Table Cells → Table Heading Cells, Table Row → Table Caption, Paragraph → Heading, Paragraphs → List Items).
• Ontwikkelen van real-time client-side validatie van content om toegankelijkheid te meten.
• Ontwikkelen volgens de NL Design System-architectuur.
• Opstellen van testplannen en testscenario’s voor veelvoorkomende content.
• Ontwikkelen van een koppeling met de REST API van contentmanagementsystemen.
• Ontwikkelen van geautomatiseerde tests (end-to-end en unit tests).
• Verbeteren van de software op basis van feedback van toegankelijkheidsspecialisten, het NL Design System-kernteam en gebruikersonderzoek.
• Vastleggen van verbeterkansen en technical debt in de projectbacklog.
• Maandelijks updaten van code-dependencies om de front-end applicatie vers en veilig te houden.
• Ontwikkelen en begeleiden van (online) workshops over een toegankelijke huisstijl in samenwerking met het Expertteam Digitale Toegankelijkheid.
• Valideren en uitbreiden van templates, patronen en documentatie in overleg binnen het Expertteam Digitale Toegankelijkheid.
• Bijdragen aan agile activiteiten, zoals sprintplanningen (om de 2 weken), eventuele refinements en het reviewen van pull requests.
• Voortgang delen in privé communicatiekanalen van het Expertteam Digitale Toegankelijkheid en deelnemen aan publieke huddles voor nieuwe aanpakken van templates, patronen of componenten.

Deelresultaten

• Contentdefinities en validatieregels per component om toegankelijkheid te testen en ontoegankelijke content te herkennen.
• User stories voor scenario’s voor het maken van toegankelijke content en het herstellen van ontoegankelijke content, inclusief een rich-text editorimplementatie en testautomatisering voor veelvoorkomende variaties.
• Geautomatiseerde tests om de kwaliteit van de software te meten.
• User stories voor het controleren van content op toegankelijkheid via previewschermen (bijv. koppenstructuur, linkteksten, alt-teksten, informatie alleen via kleur).

Eindresultaten

• Website met een rich-text editor om de meestgebruikte rich-text componenten van NL Design System in te voeren en gebruikers naar een toegankelijk resultaat te begeleiden.
• Open source rich-text editor als npm-package, integreerbaar met CMS’en zoals Drupal, TYPO3 en WordPress.
• Open source packages voor validatielogica.
• Werkende plugins voor ten minste twee CMS’en (Drupal, TYPO3 of WordPress).
• Werkende acceptatieomgeving van twee CMS’en voor de CMS-plugins.
• Documentatie waarmee CMS-developers van ten minste twee CMS’en de plugins zelfstandig kunnen implementeren.
• Documentatie voor overdracht van beheer van de referentie-implementatie en de packages.

Beoordeling en oplevering

Werkzaamheden maken deel uit van de Definition of Done (DoD) van een sprint. Resultaten worden na elke sprint gevalideerd op acceptatiecriteria met de Product Manager of opdrachtgever. Daarnaast vindt een eindbeoordeling plaats bij projectafsluiting (decharge) om prestaties en behaalde resultaten te evalueren.

Specifieke kennis en gewenst profiel

• Uitgebreide ervaring met toegankelijke content in HTML: koppenstructuur, alt-teksten, video/audio met ondertitels en transcriptie, linkteksten, complexe tabellen, lijststructuren, onderdelen in een andere taal.
• Ervaring met veelvoorkomende vormen van ontoegankelijke content (bijv. semantische elementen voor opmaak).
• Ervaring met verantwoordelijkheid voor toegankelijkheid van een website wanneer content door anderen wordt gemaakt.
• Ervaring met meetbaar verbeteren van toegankelijkheid van door anderen gemaakte content.
• Ervaring met aanpassen van rich-text editors via JavaScript-API’s.
• Ervaring met het maken van schema’s voor rich-text data.
• Ervaring met renderen van content uit een CMS met toegankelijke templates.
• Ervaring met ontwikkelen van client-side meerstapsformulieren met state management in JavaScript.
• Ervaring met builden van front-end code met TypeScript en ES Modules, bij voorkeur met Vite.
• Ervaring met toepassen van herbruikbare componenten uit design systems of component libraries.
• Pragmatische werkhouding; kan werk opdelen in kleine stappen en fases.
• Vermogen om onderdelen zonder code-duplicatie te hergebruiken, zodat verbeteringen cross-site inzetbaar zijn.
• Uitgebreide ervaring met moderne JavaScript (ECMAScript) — o.a. ES Modules, import(), async/await, Map, Set, map/filter/reduce, nullish coalescing, classes, Promises, destructuring.
• Ervaring met npm-packages, monorepositories en publiceren met semantic versioning.
• Ervaring met TypeScript in Node.js.
• Ervaring met het gebruiken van REST APIs voor data-populatie van webpagina’s.
• Ervaring met unit tests en end-to-end tests voor front-end code (bijv. Jest, Vitest, Cypress, Playwright).
• Goede mondelinge en schriftelijke communicatieve vaardigheden.
• Werkt zelfstandig, bewaakt eigen voortgang binnen scrumplanning, is accuraat en gedisciplineerd en kan werkzaamheden ordenen en prioriteren in afstemming met de Product Manager.
• Ervaring met open source werken en bereidheid om werk en proces open en transparant te delen.