Opmaak van kennisartikelen

[RutgerICATT]

Description

De gemeente Utrecht wil graag een stylesheet ten behoeve van de kennisartikelen zodat deze beter leesbaar zijn.

Bij een demosessie van Frameless waarin ter sprake kwam dat kennisartikelen (of VAC's) in KISS tot nu toe qua layout nog niet altijd even clean worden weergegeven (d.w.z., bijv. que witruimte, letterrtype, positionering, kadering etc.), t.o.v. hoe kennisartikelen of VAC's zijn opgevoerd in Strapi.

Er heeft al een overleg plaatsgevonden tussen ICATT en Frameless
Kennisartikelen en vac’s kunnen html bevatten. Alle onveilige html wordt eruit gesanatized, maar de meeste html elementen worden wel gerenderd. Echter alle styling van de bron wordt er afgehaald of komt niet mee bij de indexering. Dat is by design, omdat de kans groot zou zijn dat dit conflicteert met de KISS styling en er een visuele chaos ontstaat. Nu wordt er eigenlijk helemaal niets gestyled en wordt de inhoud als lange lap tekst getoond. Het zou bevorderlijk zijn voor de overzichtelijkheid en leesbaarheid, als er wel een algemene default styling voor lijsten, details/summaries en dergelijke zou zijn.

Een van de mogelijkheden is het gebruik van NLDesign Bij specific details staat hier wat informatie. Er moet onderzocht worden wat de imact hiervan is. En hoe het gaat werken met gemeentes die nog geen uitgewerkte NLDesign stylesheets hebben (of zijn er standaarden) Mogelijk kan NLDesign meehelpen met de implementatie of adviseren.

Een alternatief kan zijn een basic stylesheet voor de kennisartikelen. Dit kan vermoedelijk op kortere termijn gerealiseerd worden.

Estimate

No response

Acceptance criteria

No response

Specific details

Robert broersma van utrecht stelt hiervoor het gebruik van de base stylesheet van het nldesign system voor.
(even zoeken naar het juiste bestand. een paar aanknopingspunten:
https://frameless.github.io/nl-design-system-with-html/
https://nl-design-system.github.io/utrecht/storybook-html/?path=/docs/html-article--docs
de eerste gebruikt een css (https://unpkg.com/@utrecht/[email protected]/dist/html.css) die voor een breed scala aan html elementen styling adhv nldesign system tokens biedt binnen een wrapper .utrecht-html class )

Test plan

No response

Delivery notes

No response