Notifactie op een paragraaf testpagina

Overzicht van het element in mogelijke structuren om te testen.

Tests

Notificatie

Visueel voorbeeld:

Notificatie: Lorem ipsum dolor sit.

HTML-voorbeeld:

<p class="notification" role="group" aria-label="notificatie"><span>Notificatie:</span> Lorem <a href="">ipsum</a> dolor sit.</p>

Foutmelding

Visueel voorbeeld:

Foutmelding: Lorem ipsum dolor sit.

HTML-voorbeeld:

<p class="error" role="group" aria-label="foutmelding"><span>Foutmelding:</span> Lorem <a href="">ipsum</a> dolor sit.</p>

Waarschuwing

Visueel voorbeeld:

Waarschuwing: Lorem ipsum dolor sit.

HTML-voorbeeld:

<p class="warning" role="group" aria-label="waarschuwing"><span>Waarschuwing:</span> Lorem <a href="">ipsum</a> dolor sit.</p>

Toelichting

Visueel voorbeeld:

Toelichting: Lorem ipsum dolor sit.

HTML-voorbeeld:

<p class="explanation" role="group" aria-label="toelichting"><span>Toelichting:</span> Lorem <a href="">ipsum</a> dolor sit.</p>

Bevestiging

Visueel voorbeeld:

Bevestiging: Lorem ipsum dolor sit.

HTML-voorbeeld:

<p class="confirmation" role="group" aria-label="bevestiging"><span>Bevestiging:</span> Lorem <a href="">ipsum</a> dolor sit.</p>

Systeembericht

Visueel voorbeeld:

Systeembericht: Lorem ipsum dolor sit.

HTML-voorbeeld:

<p class="system" role="group" aria-label="systeembericht"><span>Systeembericht:</span> Lorem <a href="">ipsum</a> dolor sit.</p>