Project/programme description: 

ICTU works to improve digital government, for and together with other government organisations. 

With the NL Design System approach, we gather guidelines, components and examples to build robust websites and web applications for government. This is done within a multidisciplinary group of professionals who together form the NL Design System Core Team and the Digital Accessibility Expert Team. 

The components and guidelines of NL Design System are open-source available on GitHub and Figma, so that anyone can use them for an understandable, user-friendly and accessible online service. 

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 moderne front-end voor een gebruiksvriendelijke webapplicatie, waarmee het voor overheidsorganisaties makkelijk wordt om een toegankelijke huisstijl vast te leggen en te gebruiken met NL Design System. 

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 front-end applicatie waar het design van front-end componenten in real time aangepast kan worden. 
• Ontwikkelen van een interactieve stijlgids op basis van Design Tokens JSON, waarmee meerdere huisstijlen ontwerpbeslissingen kunnen vastleggen en delen. 
• Ontwikkelen van herbruikbare front-end web componenten volgens de NL Design System architectuur. 
• Ontwikkelen van zeer complexe front-end web componenten, zoals combobox, dialogen met formulieren, color pickers op basis pixels in afbeeldingen, color pickers op basis diverse color spaces. 
• Ontwikkelen van state management met een undo-stack, op basis met vanilla JavaScript, session storage en REST API's. 
• Ontwikkelen van validatie-regels om de toegankelijkheid van een huisstijl te meten. 
• Ontwikkelen van templates en patronen om te illustreren hoe alle design tokens werken in combinatie met een huisstijl. 
• Ontwikkelen een koppeling met de REST API van een web scraper. 
• 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. 
• 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. 
• Testspecificaties voor toegankelijkheid implementeren in Unit tests met Vitest en Testing Library. 
• Keeping templates fresh & secure by updating code dependencies monthly.  
• 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 an 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 partial results will the professional need to achieve during the assignment: 

• Templates en patronen om de verschillende verschijningsvormen van een huisstijl te testen, op te leveren per component. 
• Geautomatiseerde tests om de kwaliteit van de software te meten. 
• Open source npm package publiceren met herbruikbare web componenten om design tokens mee in te voeren, of te demonstreren. 
• Gefaseerde opleveringen van de website, beginnend bij minimum viable product (MVP), daarna per milestone die in de product backlog is vastgelegd. 

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

• Website met een wizard om de huisstijl te documenteren en beschikbaar te maken voor NL Design System, die begint met een web scraper en eindigt met een stijlgids. 
• Documentatie waarmee het beheer van de website overgedragen kan worden.