Vývojový tým ve středisku diskutoval o některých špatných postupech, které narušují přístupnost. V jednom příkladu argumentují, že opacityto není dobře podporováno čtečkami obrazovky, takže pokud chceme skrýt prvek v přechodu, měli bychom vždy použít také tento visibilityatribut:
.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; )Nezapomeňte, že neprůhlednost a viditelnost stále ponechávají prvek v toku dokumentu. Pokud jej potřebujete z toku odstranit, je třeba udělat ještě více. Ve skutečnosti je tu způsob, jak o nich přemýšlet ...
| může věc udělat neviditelnou | může udělat věc neklikatelnou | odebere z toku dokumentů | lze přejít | lze na dítě obrátit | |
|---|---|---|---|---|---|
| neprůhlednost | ya | Ne | Ne | Ano | Ne |
| viditelnost | ya | ya | Ne | Ano | Ano |
| Zobrazit | ya | ya | ya | Ne | Ne |
| události ukazatele | Ne | ya | Ne | Ne | Ne |
Pokud potřebujete změnit zobrazovanou hodnotu prvku po vyblednutí, je to tvrdší. Není to opravdu možné v CSS, protože displaynení přenosné. Snook o tom napsal, včetně nějakého JavaScriptu, který má pomoci.