Das Entwicklungsteam von Medium hat einige schlechte Praktiken besprochen, die die Zugänglichkeit beeinträchtigen. In einem Beispiel argumentieren sie, dass opacitydies von Screenreadern nicht gut unterstützt wird. Wenn wir also ein Element in einem Übergang ausblenden möchten, sollten wir immer auch das visibilityAttribut verwenden:
.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; )Denken Sie daran, dass Deckkraft und Sichtbarkeit immer noch ein Element im Dokumentenfluss belassen. Wenn Sie es aus dem Fluss entfernen müssen, müssen Sie noch mehr arbeiten. In der Tat ist hier eine Möglichkeit, über sie nachzudenken ...
| kann etwas unsichtbar machen | kann die Sache unklickbar machen | wird aus dem Dokumentfluss entfernt | kann umgestellt werden | kann auf Kind rückgängig gemacht werden | |
|---|---|---|---|---|---|
| Opazität | ya | Nein | Nein | Ja | Nein |
| Sichtweite | ya | ya | Nein | Ja | Ja |
| Anzeige | ya | ya | ya | Nein | Nein |
| Zeigerereignisse | Nein | ya | Nein | Nein | Nein |
Wenn Sie den Anzeigewert eines Elements nach einem Fading ändern müssen, ist dies schwieriger. In CSS nicht wirklich möglich, da displayes nicht übertragbar ist. Snook hat darüber geschrieben, einschließlich etwas JavaScript, um zu helfen.