Η ομάδα ανάπτυξης στο Medium έχει συζητήσει μερικές κακές πρακτικές που σπάνε την προσβασιμότητα. Σε ένα παράδειγμα, υποστηρίζουν ότι opacityδεν υποστηρίζεται καλά από τους αναγνώστες οθόνης και, επομένως, αν θέλουμε να αποκρύψουμε ένα στοιχείο σε μια μετάβαση, θα πρέπει πάντα να χρησιμοποιούμε επίσης το visibilityχαρακτηριστικό:
.m-fadeOut ( visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; ) .m-fadeIn ( visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; )Θυμηθείτε ότι η αδιαφάνεια και η ορατότητα εξακολουθούν να αφήνουν ένα στοιχείο στη ροή εγγράφων. Εάν πρέπει να το αφαιρέσετε από τη ροή, πρέπει να κάνετε ακόμη περισσότερες εργασίες. Στην πραγματικότητα, εδώ είναι ένας τρόπος να τα σκεφτείτε…
| μπορεί να κάνει το πράγμα αόρατο | μπορεί να κάνει το πράγμα ασήμαντο | αφαιρεί από τη ροή εγγράφων | μπορεί να γίνει μετάβαση | μπορεί να αντιστραφεί στο παιδί | |
|---|---|---|---|---|---|
| αδιαφάνεια | ναι | όχι | όχι | Ναί | όχι |
| ορατότητα | ναι | ναι | όχι | Ναί | Ναί |
| απεικόνιση | ναι | ναι | ναι | όχι | όχι |
| δείκτες-εκδηλώσεις | όχι | ναι | όχι | όχι | όχι |
Εάν πρέπει να αλλάξετε την τιμή εμφάνισης ενός στοιχείου μετά από μια εξασθένιση, αυτό είναι πιο δύσκολο. Δεν είναι πραγματικά δυνατό στο CSS αφού displayδεν είναι μεταβιβάσιμο. Ο Snook έχει γράψει για αυτό, συμπεριλαμβανομένου κάποιου JavaScript για βοήθεια.