Front-end developer – Theme Wizard - Freelance opdracht in Drenthe
FlexSpot®Opdrachtomschrijving
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 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.
De activiteiten die horen bij het realiseren van de opdracht zijn:
- 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.
- Vers & veilig houden van de templates 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 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 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.
Welke deelresultaten zal de professional dienen te behalen gedurende de opdracht:
- 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.
Welke eindresultaten zal de professional aan het einde van de opdracht dienen op te leveren.
- 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.
Opdrachtvereisten
De opdrachtgever heeft eisen en wensen doorgegeven waaraan een kandidaat moet voldoen. Hieronder vind je een overzicht van de belangrijkste punten, zodat je een goed beeld krijgt van de opdracht.
Eisen opdrachtgever
- Bekende van de scope van de opdracht: Ontwikkelen van een web scraper en een stilgids template, inclusief de mogelijkheid om huisstijl-tokens te genereren.
- Toepassing van de open source NL Design System componenten (GitHub en Figma) voor huisstijl-ontwikkeling.
- Verwissing van de codebase van de web scraper en stilgids template met de open source componenten.
Wensen opdrachtgever
- Onderzoek naar beschikbare beschikbare sjablonen.
- Implementatie van een ranking-algoritme voor design tokens, met focus op relevantie.
- Testen van de toegang van de woning met hulp van verschillende browserandrones en screenreader.
Sollicitatie procedure
Vind een opdracht die bij je past
Bekijk het actuele overzicht van beschikbare opdrachten en ontdek wat aansluit bij jouw profiel en ambities. Heb je iets interessants gevonden? Klik dan door voor meer informatie en details over de opdracht.
Solliciteer direct
Klaar om te solliciteren? Met één klik stuur je jouw profiel naar de opdrachtgever of partner.
Reactie van de opdrachtgever
Na je sollicitatie neemt de opdrachtgever of partner contact met je op. Je hoort of je wordt uitgenodigd voor een gesprek, of dat je eventueel in aanmerking komt voor een andere opdracht.
Start met je opdracht
Ben je geselecteerd? Gefeliciteerd! Je kunt snel aan de slag en samen met de opdrachtgever duidelijke afspraken maken over de startdatum, voorwaarden en verwachtingen.