Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Back to work 2018

Silhouette einer Person vor einem Fenster

Modale und barrierefreie Dialogfenster

Abgedunkelte Inhalte muss keiner lesen

von Jan Hellbusch am 11.01.2018

Mit Accessible Rich Internet Applications (ARIA) 1.1 werden einige neue Rollen und Attribute eingeführt, die für die barrierefreie Frontend-Entwicklung wichtig sind. Eines dieser Attribute ist aria-modal, das signalisiert, ob ein Dialogfenster modal ist oder nicht. Mit diesem Attribut könnt ihr die barrierefreie Nutzung von Dialogfenstern in einem Screenreader verbessern. |  Kommentare: 0

Checkliste, bei der einzelne Checkboxen mit einem pinken Marker abgehakt werden

Die Pseudoklasse :focus-within

Eltern von Elementen mit Fokus hervorheben

von Sascha Postner am 10.01.2018

Pseudoklassen helfen, Zustände von Elementen gesondert zu gestalten. Ein Vertreter dieser Gattung ist :focus-within, der – sinnvoll eingesetzt – Formulare auf Webseiten benutzerfreundlicher machen kann. |  Kommentare: 2

Figur eines Butlers, der ein Tablet mit Sekt und Gläsern trägt

Einführung in Service Worker

At Your Service

von Marcus Herrmann am 09.01.2018

Mit Service Workern ist es möglich, per JavaScript bestimmte Dienste auch dann auszuführen, wenn der Nutzer die dazugehörige Website gar nicht geöffnet hat. Eine kleine Einführung in eine Technologie mit großem Potential. |  Kommentare: 0

Zeitrafferaufnahme einer befahrenen Straße am Abend in Ottawa

Web-Performance für Mobilgeräte

Erfolgreiche Websites sind schnelle Websites

von Mathias Schäfer am 08.01.2018

Schlechte Web-Performance bremst die Internetnutzung mit Mobilgeräten. Was sind die Ursachen für langsame Webseiten und wie können wir sie optimieren? |  Kommentare: 2