visually-hidden

Introductie

Verbergt objecten alleen visueel. Voor screenreaders blijven de objecten zichtbaar.

Snelstart

SCSS importeren:

    
      
    
    @use "@minvws/manon/utility/visually-hidden";
  

Voorbeelden

Voorbeeld: Twee paragrafen

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

Voeg de class visually-hidden aan het gewenste element.