Utviklingsteamet på Medium har diskutert noen dårlig praksis som bryter tilgjengeligheten. I ett eksempel argumenterer de for at opacitydet ikke støttes godt av skjermlesere, og hvis vi vil skjule et element i en overgang, bør vi alltid bruke visibilityattributtet også:
.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 gjennomsiktighet og synlighet fortsatt er et element i dokumentflyten. Hvis du trenger å fjerne det fra flyt, er det mer arbeid å gjøre. Her er faktisk en måte å tenke på dem ...
| kan gjøre ting usynlig | kan gjøre ting uklickbart | fjerner fra dokumentflyt | kan overføres | kan reverseres på barnet | |
|---|---|---|---|---|---|
| opasitet | ya | Nei | Nei | ja | Nei |
| synlighet | ya | ya | Nei | ja | ja |
| vise | ya | ya | ya | Nei | Nei |
| pekerehendelser | Nei | ya | Nei | Nei | Nei |
Hvis du trenger å endre visningsverdien til et element etter en falming, er det tøffere. Egentlig ikke mulig i CSS siden displaydet ikke kan overføres. Snook har skrevet om dette, inkludert noe JavaScript for å hjelpe.