Ορατότητα

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

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

Τα στοιχεία με την .invisibleκλάση θα είναι κρυφά τόσο οπτικά όσο και για χρήστες βοηθητικής τεχνολογίας/αναγνώστη οθόνης.

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

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Utilities API

Τα βοηθητικά προγράμματα ορατότητας δηλώνονται στο API των βοηθητικών μας προγραμμάτων στο scss/_utilities.scss. Μάθετε πώς να χρησιμοποιείτε το API βοηθητικών προγραμμάτων.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )