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 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. 

De activiteiten die horen bij het realiseren van de opdracht zijn: 

• 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. 
• Vers & veilig houden van de templates door maandelijks code dependencies te updaten.  
• 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 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. 

Welke deelresultaten zal de professional dienen te behalen gedurende de opdracht: 

• 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. 

Welke eindresultaten zal de professional aan het einde van de opdracht dienen op te leveren.  

• 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.