Il team di sviluppo di Medium ha discusso di alcune cattive pratiche che compromettono l'accessibilità. In un esempio, sostengono che opacitynon è ben supportato dagli screen reader e quindi se vogliamo nascondere un elemento in una transizione, dovremmo sempre usare anche l' visibilityattributo:
.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; )Ricorda che l'opacità e la visibilità lasciano ancora un elemento nel flusso del documento. Se è necessario rimuoverlo dal flusso, c'è ancora del lavoro da fare. In effetti, ecco un modo per pensarci ...
| può rendere le cose invisibili | può rendere la cosa non cliccabile | rimuove dal flusso di documenti | può essere sottoposto a transizione | può essere invertito sul bambino | |
|---|---|---|---|---|---|
| opacità | ya | no | no | sì | no |
| visibilità | ya | ya | no | sì | sì |
| Schermo | ya | ya | ya | no | no |
| eventi-puntatore | no | ya | no | no | no |
Se è necessario modificare il valore di visualizzazione di un elemento dopo una dissolvenza, è più difficile. Non è realmente possibile in CSS poiché displaynon è trasferibile. Snook ha scritto su questo, incluso un po 'di JavaScript per aiutare.