Fase 3: Fine-Tune

In deze fase wordt het component verder geoptimaliseerd en verfijnd. De focus ligt op het verbeteren van functionaliteit, gebruiksvriendelijkheid en toegankelijkheid. Het component wordt klaargemaakt voor productie.

1. Functionaliteit

• Alle aanvullende functionaliteiten en verbeteringen zijn geïmplementeerd.
• Het component voldoet aan de geavanceerde acceptatiecriteria van fase Fine-Tune.
• Het component is getest op een breder scala aan scenario’s en voldoet aan de gebruikersbehoeften zoals gedefinieerd in de Feature.
• Het component ondersteunt verschillende soorten content, zoals korte tekst, lange tekst, lange woorden en ontbrekende content.
• Het component voldoet aan de visuele richtlijnen van het Campus Experience System (CXS) voor alle states, inclusief interactieve en responsieve elementen.
• Hergebruik van logische design tokens is geïmplementeerd om theming eenvoudig te houden.
• Eventuele visuele inconsistenties of ontwerpverbeteringen die uit feedback naar voren kwamen, zijn opgelost.
• De interacties zijn verfijnd en getest voor een betere gebruikerservaring.

2. Toegankelijkheid

• Het component is opnieuw getest op toegankelijkheid en voldoet aan de officiële toegankelijkheidsrichtlijnen.
• Alle eerder gedocumenteerde toegankelijkheidsproblemen zijn opgelost of onderdeel van een actieplan.
• Het component voldoet minimaal aan WCAG 2.2 AA-normen, met focus op toetsenbordnavigatie, kleurcontrast en leesbaarheid.
• Het component is getest met een schermlezer of andere toegankelijkheidstests, indien van toepassing.
• Er zijn geen kritieke toegankelijkheidsproblemen die de werking belemmeren. Geen failure of needs review volgens Axe HTML 4.10.

3. Documentatie

• Documentatie is bijgewerkt op basis van de laatste wijzigingen in functionaliteit en design.
• Toegankelijkheidsrichtlijnen, best practices en beperkingen zijn beschreven.
• Het component is duidelijk beschreven in Storybook, inclusief visuele en codevoorbeelden.
• Documentatie is getest bij de doelgroepen en goed bevonden.
• Figma verwijst naar de documentatie in Storybook en/of publieke documentatie.

4. Publicatie

• De wijzigingen aan het component zijn toegevoegd aan de design- en componentbibliotheek. Beide versies zijn in sync.
• Updates of wijzigingen zijn gedocumenteerd in de changelog van de bibliotheek.

5. Kwaliteitscontrole

• Unit-tests, indien van toepassing, hebben een coverage van alle features.
• Het component is opnieuw goedgekeurd door het kernteam, inclusief ontwerp- en ontwikkelingsteam.
• Er zijn geen openstaande bugs of issues die de functionaliteit verstoren.
• De gebruikerservaring van het component is geverifieerd door eindgebruikers.
• Feedback van gebruikers is verwerkt of gedocumenteerd.
• Design- en componentbibliotheek zijn volledig in sync. Alle benamingen komen overeen.

6. Feedback

• Feedback van gebruikers en andere teams (QA, development, design) is verzameld en verwerkt.
• Alle resterende actiepunten of verbeteringen zijn gedocumenteerd en toegevoegd aan de backlog.
• Het component is gemarkeerd als Fine-Tuned.
• De statusupdate wordt gepromoot.