I241210-002 Front- end Developer

Werkgever:
Hinttech Staffing
Regio:
ICTU/Hybride
 
Functieomschrijving

Concrete werkzaamheden 
Configureren en beheren van een repository voor templates, een componentenbibliotheek en GitHub Actions om npm packages te publiceren.
Samenwerken met de UX-designer om consistente templates te maken in Figma en in Storybook, zodat designers én developers ermee aan de slag kunnen in multidisciplinaire teams. Je maakt geen nieuwe componenten, maar je gebruikt zoveel mogelijk bestaande componenten uit de NL Design System community. 



  • Je gebruikt de inzichten uit de praktijk van teams in de community en leveranciers om verbeteringen te doen voor de templates, de herbruikbaarheid van componenten en documentatie met aandachtspunten voor toegankelijkheid, gebruiksvriendelijkheid en onderhoudbare code.

  • Je schrijft documentatie met aandachtspunten voor developers om tot een goed resultaat te komen, bijvoorbeeld met links naar NL Design System richtlijnen voor veel voorkomende problemen met toegankelijkheid. 

  • Je bouwt en gebruikt tooling om templates in meerdere huisstijlen te tonen. Je past je ervaring met design tokens toe om de huisstijl van organisaties uit te drukken in een set goed onderhouden design tokens. 

  • In samenwerking met leveranciers reviewen of hun resultaat de doelen haalt van de aangeboden template. Zijn de resultaten zo gebruiksvriendelijk, inclusief en toegankelijk als bedoeld? 

  • Je installeert software-updates om de repository vers en veilig te houden (bijvoorbeeld van npm dependencies en GitHub Actions). 

  • Je verzamelt inzichten uit gebruikersonderzoek van de templates, past ze toe, en zorgt ervoor dat de templates gebruiksvriendelijk, inclusief en toegankelijk worden. 

  • Je legt uit hoe organisaties hun huisstijl kunnen koppelen aan de NL Design System componenten, en zorgen dat zo veel mogelijk projecten mee kunnen doen. 

  • Je gebruikt je ervaring met WCAG succescriteria om de templates te controleren op toegankelijkheid. 

  • Bij ontwikkeling van de CMS tooling wordt er gebruik gemaakt van bestaande NL Design System richtlijnen.

  • Je gebruikt waar mogelijk reeds ontwikkelde open source tooling, NL Design System componenten en patronen om op door te ontwikkelen.

  • Samenwerken met mensen buiten je team is ook een belangrijk deel van de werkzaamheden: 

  • Je deelt je voortgang en ervaringen met de NL Design System community, bijvoorbeeld in de NL Design System Heartbeat. 

  • Je publiceert je code gelijk als open source zodat de community kan meekijken met de ontwikkelingen. 

  • Je bent ambassadeur van het project op Slack en GitHub en door publiek samenwerken zorg je voor een betrokken community.

  • Je verzamelt feedback van organisaties en leveranciers over de bruikbaarheid van templates en de CMS tooling. 

  • Je overlegt met het NL Design System kernteam over de uitdagingen die je in de praktijk tegenkomt bij adoptie van de templates, zodat sommige uitdagingen samen met méér teams uit de community opgelost kunnen worden. 

  • Bij webinars overtuig je organisaties van de voordelen van meedoen en samenwerken aan de templates, CMS tooling en het hergebruik van NL Design System componenten. 

  • Je staat teams in de NL Design System community met raad en daad bij, om te helpen met hergebruik van templates en componenten, en bij het ontwikkelen van thema's voor huisstijlen. 

  • Je zoekt de samenwerking op met organisaties en leveranciers uit de NL Design System community om te zorgen dat de tooling aansluit bij de gebruikersbehoeftes.

  • Je werkt samen met de leveranciers in de NL Design System community om via plugins de richtlijnen en toegankelijkheidstips beschikbaar maken voor webredactie.

    Eindproducten: 

  • GitHub repository waar organisaties en leveranciers templates vinden voor toegankelijke en herbruikbare webpagina's. 
    Toegankelijke templates gebouwd met componenten uit de NL Design System community, die werken met NL Design System thema's van meerdere organisaties. 
    Documentatie, inclusief uitleg over welke componenten en patronen moeten worden toegepast, en hoe developers deze op een toegankelijke manier moeten gebruiken in eigen projecten. 
    Bijdragen aan open source projecten in de NL Design System community, om de herbruikbaarheid van componenten in verschillende platformen en huisstijlen te verbeteren. 

  • Proof-of-concept van tooling in CMS-en die het voor redactie mogelijk maakt toegankelijksproblemen in content te voorkomen.
    Proof-of-concept van tooling die het voor organisaties makkelijk maakt de huisstijlbeslissingen voor NL Design System templates op toegankelijkheid te toetsen.

Functie-eisen

Eisen
Ervaring met het ontwikkelen van webapplicaties met toegankelijke formulieren.
Ervaring met HTML, CSS, JavaScript en TypeScript.
Ervaring met ontwikkelen op basis van ontwerpen in Figma (of vergelijkbaar)
Ruime ervaring met digitale toegankelijkheid volgens WCAG 2
Ervaring met samenwerken met CMS leveranciers
Ervaring met het schrijven van documentatie

Wensen
Werken aan projecten waarvoor een WCAG-EM audit en toegankelijkheidsverklaring is gemaakt.  15%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten    

Ervaring met het maken van prototypes en proof-of-concepts 15%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten    

Nauw samenwerken met UX-designers of toegankelijkheidsspecialisten aan toegankelijke, gebruiksvriendelijke interfaces  10%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten    

Ontwikkelen en onderhouden van open source projecten  10%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten    

Gebruik van een design system of componenten bibliotheek  10%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten    

Geven van presentaties, workshops en webinars. 10%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten 

Werken met JavaScript frameworks zoals React, VueJS, Angular, Stencil of Lit 10%
Per project 2 punten (maximaal 10 punten)  Bij geen aantoonbare ervaring = 0 punten    

Bedrijfsomschrijving

Doel van de opdracht
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 online dienstverlening.

Verantwoordelijkheden 
Als front-end developer werk je samen met een UX-designer, een toegankelijkheidsspecialist, het NL Design System kernteam en de NL Design System community aan herbruikbare, gebruiksvriendelijke én bewezen toegankelijke voorbeelden die een-op-een door allerlei projecten kunnen worden ingezet om toegankelijkheidsproblemen op te lossen. Hierbij maak je het met tooling mogelijk dat iedere huisstijl die er op wordt ingesteld automatisch op toegankelijkheid kan worden getest.

Samen met de rest van het Expertteam en de NL Design System community maak je paginau0019s en patronen uit de NL Design System community toegankelijk en makkelijker inzetbaar voor diverse overheidsorganisaties. Daarbij vereenvoudig je het proces voor andere overheidsorganisaties om deze templates te gebruiken in hun eigen huisstijl, dit noemen wij u001cwhite labelu001d templates. Je helpt anderen met behulp van Figma-designs, codevoorbeelden en documentatie. Door feedback uit de praktijk te verzamelen, blijven jullie deze voorbeelden voortdurend verbeteren.  

Om te zorgen dat de websites en webapplicaties die vervolgens door redactie van content worden voorzien ook dan toegankelijk blijven help je organisaties door het beschikbaar maken van tooling die het makkelijker maakt voor redactie om toegankelijke content te maken in CMS-en.


Sollicitatieprocedure

Hinttech Staffing

Contactgegevens
Bedrijfsnaam: Hinttech Staffing
Contactpersoon: De heer Staffing
Adres: Loire 172
Postcode/plaats: 2491 AL 's-Gravenhage
Telefoon: +31 (0)70 315 7679
Fax: www.hinttech.com
Email: staffing@hinttech.com

 Kernwoorden