Man sollte denken, dass das Ausblenden von Inhalten mit CSS ein geradliniges und gelöstes Problem ist, aber es gibt mehrere Lösungen, die jeweils einzigartig sind.
Entwickler verwenden am häufigsten display: none, um den Inhalt auf der Seite auszublenden. Leider ist diese Methode …
Es gibt ein HTML-Attribut, das genau das tut, was Sie denken.
<div>I'm visible</div>
<div hidden>I'm hidden</div>Es hat sogar gute Browserunterstützung. Ist es nützlich? Ähm. Vielleicht. Nicht wirklich. …
Scott O’Hara hat kürzlich „Inclusively Hidden“ veröffentlicht, eine nette Übersicht über die verschiedenen Möglichkeiten, Dinge im Web zu verbergen. Nichts ist im Web jemals eindeutig! Was dies verkompliziert, ist, dass sich „hidden“ die Frage aufwirft: …
Es gibt keinen einzigen richtigen Weg, etwas im Web auszublenden. Das sollte auch nicht so sein, denn das Ausblenden ist zu vage. Blenden Sie visuell oder nur vorübergehend (wie ein Benutzermenü) aus, aber der Inhalt sollte dennoch zugänglich sein? Tun Sie …
J. Renée Beach
Über mehrere Sitzungen erwähnte Matt, dass die Textzeichenfolge „Mehr Reaktionen anzeigen“ zusammengeschoben wurde und als „Zeigemehrreaktionen“ gelesen wurde.
Es stellt sich heraus, dass eine beliebte Technik zum visuellen Ausblenden von Inhalten (aber nicht zum Ausblenden für Hilfsmittel …
Es gibt nicht nur eine einzige CSS-Eigenschaft, die man verwendet, wenn man Dinge in CSS ausblendet und einblendet. Es gibt eine Reihe von Überlegungen, die wir in diesem Video behandeln werden.
Zum Beispiel gibt es die Eigenschaft display, bei der …
Das Entwicklungsteam von Medium hat einige schlechte Praktiken diskutiert, die die Barrierefreiheit beeinträchtigen. In einem Beispiel argumentieren sie, dass opacity von Screenreadern nicht gut unterstützt wird und wir daher ein Element bei einer Übergang …
Die CSS-Eigenschaft visibility hat zwei verschiedene Funktionen. Sie blendet Zeilen und Spalten einer Tabelle aus und blendet außerdem ein Element aus, *ohne das Layout zu verändern*.
p {
visibility: hidden;
}
tr {
visibility: collapse;
}visibility hat …
