NL Design System
Rich Text Content #289
Unanswered
Rozerinay
asked this question in
Component suggestions
Rich Text Content
#289
Replies: 3 comments
-
Den HaagScreenshots / Varianten
Notities
|
Beta Was this translation helpful? Give feedback.
0 replies
-
DSOScreenshots / VariantenDit component dient te worden ingezet bij alle artikel-achtige werkvormen waar rijke tekst (markup) in voorkomt. 
Notities
|
Beta Was this translation helpful? Give feedback.
0 replies
-
UtrechtScreenshots / Varianten
Notities
|
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
We willen graag meer leren over de Rich Text Content component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook, GitHub of screenshots. Met deze informatie kunnen we bewijzen dat de component onderdeel moet worden van de NL Design System component library.
Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!
Link naar bericht in Slack
Naam
Rich Text Content
Doel
Tekst met uitgebreide opmaakopties zoals links, koppen, lijsten en tabellen.
Ook bekend als
Rich Text
Gerelateerde componenten
Blockquote, Heading, Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, Heading 6, Lead Paragraph, Link, Ordered List, Paragraph, Pre-heading, Strong, Unordered List
Onderzoek
Niet veel onderzoek kunnen vinden. De onderstaande bevindingen gaan over de semantische componenten die zich binnen de container van de Rich Text Content bevinden.
What is Rich Text? Understanding Its Role in Headless CMS - Agility
In dit artikel wordt uitgelegd dat Rich Text in een headless CMS, zoals Agility CMS, wordt opgeslagen in formaten zoals HTML of Markdown, waardoor de opmaak onafhankelijk is van de uiteindelijke presentatie en de content via API’s kan worden geleverd aan verschillende platforms.
Screenreader support for text-level semantics - Bruce Lawson
Blogpost van Bruce Lawson waarin hij uitlegt dat de
<strong>tag semantische waarde toevoegt voor visuele gebruikers, maar schermlezers deze nadruk meestal niet automatisch rapporteren, vanwege beperkte toegang tot de Accessibility Tree.Bold and Italic Formatting in HTML - Accessibility at Penn State
Veel toegankelijkheidsexperts raden aan om
<strong>te gebruiken in plaats van<b>voor vetgedrukte tekst, en<em>in plaats van<i>voor cursieve tekst.Underlined Text - Equalize Digital
Het is belangrijk om onderstreepte tekst te vermijden, omdat onderstrepingen meestal worden geassocieerd met links in browsers, wat verwarring kan veroorzaken bij gebruikers. Het gebruik van onderstrepingen voor nadruk kan de leesbaarheid verstoren, vooral voor mensen met leesstoornissen zoals dyslexie, en het kan ervoor zorgen dat gebruikers denken dat de tekst aanklikbaar is.
Beta Was this translation helpful? Give feedback.
All reactions