Object visueel verbergen - visually-hidden

Object enkel visueel verbergen.

Let op: De content wordt nu alleen visueel verborgen. Screenreaders zullen in veel gevallen de content nog wel voorlezen. Is het de bedoeling om de content ook voor screenreader gebruikers te verbergen gebruik dan de helper-class hidden.

Benodigde stappen:

1. Voeg de class visually-hidden toe aan het gewenste element.

Voorbeelden

Onderstaand voorbeeld bevat twee paragrafen waarvan er een visueel verborgen wordt.

Html-voorbeeld:

                
<div>
  <p class="visually-hidden">Voorbeeld paragraaf 1.</p>
  <p>Voorbeeld paragraaf 2.</p>
</div>