Sie sehen alle Beiträge zum Schlagwort

Accessibility

Accessibility Apple Block-Editor Block-Themes Brackets Child-Theme Contao CSS CSS Grid Layout Customizer Einstieg in CSS Elementor English Farben Flexbox Flexible Boxes float Fotos Full Site Editing GenerateBlocks GeneratePress Gutenberg Hashtags HSL HTML HTML5 iOS iPadOS Layout LinkedIn Learning Linktipp Listen Little Boxes macOS Mastodon Referenzen Responsive Grafiken Responsives Webdesign Tools Twenty Twenty Twitter Ulysses Visual Studio Code Webdesign WordPress

Inhalte am Bildschirm verstecken mit der Klasse »visually-hidden«

Auf Webseiten gibt es manchmal Elemente, die zwar im Quelltext und für Benutzer mit einem Screenreader sinnvoll sind, in einem visuellen Layout aber nicht benötigt werden.

Zu diesem Zweck kann man, wie in diesem Beitrag beschrieben, einen Hilfsklasse erstellen, die man z. B. visually-hidden nennt.

Weiterlesen

Beispiele aus der Praxis: H-T-M-Hell

H-T-M-Hell ist ein Projekt von Manuel Matuzović, und mit hell ist hier das englische Wort für Hölle gemeint, also wie in »Highway to Hell«, und nicht wie in »Auf dem Heimweg wird’s hell«.

Die Website hat zwei große Bereiche:

  • Hell ist die Hölle und enthält »a collection of bad practices in HTML, copied from real websites«, und Tips wie man es besser machen könnte.
  • Heaven ist der Himmel und zeigt interessante Tipps und Tricks zu HTML.

Wer nichts verpassen möchte, kann Manuel auf Mastodon folgen und / oder einen Newsletter abonnieren.