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 Node.js servers en open source libraries voor een website, 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 web scraper voor HTML, CSS, assets en screenshots van websites, om design tokens te genereren.
• Ontwikkelen van web scraper server met REST API.
• Ontwikkelen van een stijlgids template, waarmee meerdere huisstijlen ontwerpbeslissingen kunnen vastleggen en delen.
• Het verbeteren van de software op basis van feedback van toegankelijkheidsspecialisten, het NL Design System-kernteam en gebruikersonderzoek.
• Ontwikkelen van server-infrastructuur die past bij de benodigde capaciteit in de NL Design System community.
• Ontwikkelen van validatie-regels om de toegankelijkheid van een huisstijl te meten.
• Het vastleggen van kansen voor verbetering en technical debt in de backlog van het project.
• Keeping templates fresh & secure by updating code dependencies monthly. 
• 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 aan 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: 

• Web scraper en stijlgids, per onderdeel van de huisstijl, waaronder typografie, kleuren en afmetingen.
• Ranking-algoritme om de design tokens uit de web scraper te sorteren op relevantie, waarmee de gebruiksvriendelijkheid wordt verbeterd.
• Geautomatiseerde tests om de toegankelijkheid van de huisstijl te testen, op te leveren per component, patroon en template.
• Geautomatiseerde tests om de kwaliteit van de software te meten.
• Open source npm package publiceren met herbruikbare tools voor design tokens controleren op toegankelijkheid.

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

• Open Source tooling om op basis van een website URL huisstijl beslissingen voor een toegankelijk thema klaar te zetten als design tokens
• Open Source tooling om de componenten, patronen en templates uit de Theme Wizard te automatisch te valideren op toegankelijkheid
• Open Source tooling om op basis van beschikbare tokens automatisch een toegankelijk alternatief te suggereren
• Open Source tooling om op basis van 1 achergrond en 1 voorgrond kleur een toegankelijke color scale te genereren
• Documentatie waarmee het beheer van de tooling overgedragen kan worden.