Vývojový tím spoločnosti Medium diskutoval o zlých postupoch, ktoré narúšajú prístupnosť. V jednom príklade tvrdia, že opacityto nie je dobre podporované čítačkami obrazovky, a preto ak chceme skryť prvok v prechode, mali by sme vždy použiť aj tento visibilityatribút:
.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; )Pamätajte, že nepriehľadnosť a viditeľnosť stále ponechávajú prvok v toku dokumentov. Ak ho potrebujete odstrániť z prietoku, čaká vás ešte veľa práce. V skutočnosti je tu spôsob, ako o nich premýšľať ...
| môže urobiť vec neviditeľnou | môže urobiť vec neklikateľnou | odstráni z toku dokumentov | možno prechodiť | na dieťa sa dá obrátiť | |
|---|---|---|---|---|---|
| nepriehľadnosť | ya | č | č | Áno | č |
| viditeľnosť | ya | ya | č | Áno | Áno |
| displej | ya | ya | ya | č | č |
| ukazovateľové udalosti | č | ya | č | č | č |
Ak potrebujete zmeniť zobrazovanú hodnotu prvku po vyblednutí, je to tvrdšie. V CSS displayto nie je možné, pretože nie je prenosné. Snook o tom napísal, vrátane nejakého JavaScriptu, ktorý má pomôcť.