Source

Ορατότητα

Ελέγξτε την ορατότητα, χωρίς τροποποίηση της οθόνης, στοιχείων με βοηθητικά προγράμματα ορατότητας.

Ορίστε τα visibilityστοιχεία με τα βοηθητικά προγράμματα ορατότητας. Αυτές οι κατηγορίες βοηθητικών προγραμμάτων δεν τροποποιούν καθόλου την displayτιμή και δεν επηρεάζουν τη διάταξη – .invisibleτα στοιχεία εξακολουθούν να καταλαμβάνουν χώρο στη σελίδα. Το περιεχόμενο θα είναι κρυφό τόσο οπτικά όσο και για χρήστες βοηθητικής τεχνολογίας/αναγνώστη οθόνης.

Εφαρμόστε .visibleή .invisibleόπως απαιτείται.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}