Zespół programistów Medium omówił kilka złych praktyk, które naruszają dostępność. W jednym przykładzie twierdzą, że opacitynie jest to dobrze obsługiwane przez czytniki ekranu, więc jeśli chcemy ukryć element w przejściu, zawsze powinniśmy również używać tego visibilityatrybutu:
.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; )Pamiętaj, że krycie i widoczność nadal pozostawiają element w przepływie dokumentu. Jeśli chcesz usunąć go z przepływu, musisz wykonać więcej pracy. Właściwie oto sposób, aby o nich pomyśleć…
| może uczynić coś niewidzialnym | może sprawić, że coś nie da się zrobić | usuwa z przepływu dokumentów | można przenieść | można odwrócić na dziecku | |
|---|---|---|---|---|---|
| nieprzezroczystość | ya | Nie | Nie | tak | Nie |
| widoczność | ya | ya | Nie | tak | tak |
| pokaz | ya | ya | ya | Nie | Nie |
| zdarzenia wskaźnikowe | Nie | ya | Nie | Nie | Nie |
Jeśli chcesz zmienić wyświetlaną wartość elementu po zaniku, jest to trudniejsze. Naprawdę niemożliwe w CSS, ponieważ displaynie można go przenieść. Snook napisał o tym, włączając w to trochę JavaScript, aby pomóc.