You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Bij de documentatie van een component staan onder andere de Acceptatiecriteria.
Hierbij staan de WCAG 2.2 succescriteria die op een component van toepassing zijn.
Bij alle componenten met de status community moeten de regelateerde WCAG-succescriteria worden toegevoegd onder het kopje Acceptatiecriteria.
Even een brain fart: voor de acceptatiecriteria testen we nu alleen tegen WCAG. Maar ook de code moet kloppen, zeker net zo belangrijk.
Ik ben nu bezig met de Unordered List. Waar ik het vaak fout zie gaan is dat, voor de layout, er allemaal divs/spans of zelfs kopjes tussen de li's worden gezet, en dat mag niet van de HTML-specs.
Zou onderstaande als eerste item bij de acceptatiecriteria passen?
Zorg dat de geïmplementeerde component in de frontend valideert voor correcte HTML en CSS.
Test bijvoorbeeld bij het W3C via de Markup Validation Service en de CSS Validation Service. Of zorg ervoor dat je deze testen geautomatisserd kunt uitvoeren.
Bij de documentatie van een component staan onder andere de Acceptatiecriteria.
Hierbij staan de WCAG 2.2 succescriteria die op een component van toepassing zijn.
Bij alle componenten met de status community moeten de regelateerde WCAG-succescriteria worden toegevoegd onder het kopje Acceptatiecriteria.
Bijvoorbeeld voor een "Button", zie https://documentatie-git-docs-component-wcag-criteria-nl-design-system.vercel.app/button/#acceptatiecriteria
ZIe PR: #1209
Gerelateerd:
https://github.com/nl-design-system/documentatie/blob/main/docs/componenten/paragraph/_guidelines.md
De referentie bestaat uit de titel (h3-kopje) dat tevens een link is naar de WCAG-pagina op nldesignsystem.nl/wcag plus een korte samenvatting.
De tekst van de samenvatting kan worden gehaald uit de summaries (.md bestanden) van de WCAG-pagina's, zie
https://github.com/nl-design-system/documentatie/tree/main/docs/wcag/summaries
In de storybooks van Utrecht en Amsterdam is ook al een en ander te vinden:
Plek om de documentatie neer te zetten:
Bij de componenten, bijvoorbeeld voor Accordion:
https://nldesignsystem.nl/accordion/
Deze staan in de webste-code onder docs/componenten:
https://github.com/nl-design-system/documentatie/tree/main/docs/componenten
Componenten nu de community-status hebben:
Als je start met een component, maak een bijbehorende PR en refereer in de omschrijving naar dit issue.
Tracking: Vink af wat klaar is, met het bijbehorende issue erbij vermeldt.
The text was updated successfully, but these errors were encountered: