Udviklingsteamet på Medium har diskuteret nogle dårlige fremgangsmåder, der bryder tilgængeligheden. I et eksempel hævder de, at opacitydet ikke understøttes godt af skærmlæsere, og så hvis vi vil skjule et element i en overgang, skal vi også altid bruge visibilityattributten:
.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; )Husk, at opacitet og synlighed stadig efterlader et element i dokumentflowet. Hvis du har brug for at fjerne det fra flowet, er der mere arbejde at gøre. Her er faktisk en måde at tænke på dem ...
| kan gøre ting usynligt | kan gøre ting umuligt | fjernes fra doc-flow | kan overgås | kan vendes på barnet | |
|---|---|---|---|---|---|
| Gennemsigtighed | ya | ingen | ingen | Ja | ingen |
| sigtbarhed | ya | ya | ingen | Ja | Ja |
| Skærm | ya | ya | ya | ingen | ingen |
| pointer-events | ingen | ya | ingen | ingen | ingen |
Hvis du har brug for at ændre visningsværdien af et element efter en falmning, er det hårdere. Ikke rigtig muligt i CSS, da displaydet ikke kan overføres. Snook har skrevet om dette, herunder nogle JavaScript til hjælp.