<div class="rtds-article-body">
<h2>Accesso ai Servizi Sanitari Online</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui
mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque
eu tellus rhoncus ut eleifend nibh porttitor.
</p>
<ul>
<li>Prenotazione visite specialistiche</li>
<li>Fascicolo Sanitario Elettronico</li>
<li>Cambio medico di famiglia</li>
</ul>
<p><a href="#">Accedi ai servizi sanitari</a></p>
<blockquote>
<p>
La digitalizzazione dei servizi pubblici rappresenta una priorità per la
Regione Toscana, con l'obiettivo di semplificare il rapporto tra cittadini
e pubblica amministrazione.
</p>
</blockquote>
<p>
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet,
ante.
</p>
<figure>
<img src="../../images/feathers.jpg" alt="Placeholder image">
<figcaption>Figura 1: Descrizione dell'immagine</figcaption>
</figure>
<p>
Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.
</p>
<p>
Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
pharetra.
</p>
<p>
Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.
</p>
<h3>Formazione e Lavoro in Toscana</h3>
<p>
Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
</p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
<p>Per inceptos himenaeos. Nunc dignissim risus id metus.</p>
<h4>Opportunità per le Imprese</h4>
<p>Cras ornare tristique elit lorem ipsum dolor sit amet.</p>
<p>Vivamus vestibulum ntulla nec ante lorem ipsum dolor.</p>
<p>Praesent placerat risus quis eros lorem ipsum dolor.</p>
<p>Fusce pellentesque suscipit nibh lorem ipsum dolor.</p>
<ol>
<li>Bandi e finanziamenti regionali</li>
<li>Sostegno all'innovazione</li>
<li>Formazione professionale</li>
</ol>
</div>
<div class="rtds-article-body">
<h2>Accesso ai Servizi Sanitari Online</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui
mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque
eu tellus rhoncus ut eleifend nibh porttitor.
</p>
<ul>
<li>Prenotazione visite specialistiche</li>
<li>Fascicolo Sanitario Elettronico</li>
<li>Cambio medico di famiglia</li>
</ul>
<p><a href="#">Accedi ai servizi sanitari</a></p>
<blockquote>
<p>
La digitalizzazione dei servizi pubblici rappresenta una priorità per la
Regione Toscana, con l'obiettivo di semplificare il rapporto tra cittadini
e pubblica amministrazione.
</p>
</blockquote>
<p>
Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet,
ante.
</p>
<figure>
<img src="{{ '/images/feathers.jpg' | path }}" alt="Placeholder image">
<figcaption>Figura 1: Descrizione dell'immagine</figcaption>
</figure>
<p>
Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.
</p>
<p>
Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper
pharetra.
</p>
<p>
Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.
</p>
<h3>Formazione e Lavoro in Toscana</h3>
<p>
Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci.
</p>
<p>
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
</p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
<p>Per inceptos himenaeos. Nunc dignissim risus id metus.</p>
<h4>Opportunità per le Imprese</h4>
<p>Cras ornare tristique elit lorem ipsum dolor sit amet.</p>
<p>Vivamus vestibulum ntulla nec ante lorem ipsum dolor.</p>
<p>Praesent placerat risus quis eros lorem ipsum dolor.</p>
<p>Fusce pellentesque suscipit nibh lorem ipsum dolor.</p>
<ol>
<li>Bandi e finanziamenti regionali</li>
<li>Sostegno all'innovazione</li>
<li>Formazione professionale</li>
</ol>
</div>
/* No context defined. */
name: Article body
description: article body component
context:
variants:
- name: default
- name: s
Componente wrapper per la visualizzazione di testo formattato generato da un editor WYSIWYG. Applica stili tipografici tramite la classe utility rtds-article-body e il plugin Tailwind Typography.
Il componente viene renderizzato come <div class="rtds-article-body">. Non introduce struttura semantica propria: la semantica (heading, liste, figure, blockquote) è responsabilità del markup WYSIWYG inserito al suo interno.
Il plugin Tailwind Typography è usato come base per gli stili tipografici.
Contesto di sviluppo Fractal/Nunjucks — Questa sezione riguarda esclusivamente i parametri del context
.config.ymlusati durante lo sviluppo nella libreria. Non descrive attributi HTML o proprietà da usare nei temi, CMS o ambienti di implementazione: per quello, fare riferimento alla sezione Esempi di utilizzo.
content (stringa, opzionale): Contenuto HTML da visualizzare all’interno del wrapperIl componente è puramente presentazionale: si tratta di un wrapper CSS (<div class="rtds-article-body">) che applica stili tipografici al contenuto WYSIWYG. Non introduce elementi interattivi né attributi ARIA propri.
Livello AA — criteri pertinenti:
<div class="rtds-article-body"> — wrapper presentazionale senza semantica propria.rtds-article-body: applica gli stili tipografici al contenuto WYSIWYG interno<!-- Esempio base -->
<div class="rtds-article-body">
<!-- Contenuto WYSIWYG -->
<h2>Titolo sezione</h2>
<p>Paragrafo di testo dell'articolo.</p>
<ul>
<li>Elemento lista</li>
</ul>
</div>