WCAG-2-konforme SCSS-Farbkontrastfunktion mit scssphp

Veröffentlicht: Kommentar hinterlassen

Letzte Woche veröffentlichte ich einen SCSS-Code, um ungenaue Farbkontrastberechnungen zu korrigieren. Dort ist es eine Implementierung nach Dart Sass und basiert auf einer älteren Implementierung. Für ein anderes Projekt benötigte ich aber noch eine andere Implementierung, die auf Basis von scssphp funktioniert, das wiederum eine eigene Implementierung besitzt.

WCAG-2-konforme SCSS-Farbkontrastfunktion mit scssphp weiterlesen

Korrigiere deine SCSS-Farbkontrastfunktion

Veröffentlicht: Kommentar hinterlassen Letzte Aktualisierung:

Wenn es um Barrierefreiheit geht, findet man häufig Kontrastfehler. Mit einer SCSS-Kontrastfunktion scheinen diese einfach automatisch korrigiert werden zu können. Doch leider funktioniert der Großteil der Farbkontrastfunktionen da draußen nicht so, wie sie sollen. Zumindest nicht gemäß der Spezifikationen nach WCAG 2.

Korrigiere deine SCSS-Farbkontrastfunktion weiterlesen

did_action und did_filter zählen nicht, wie oft sie ausgeführt wurden

Veröffentlicht: 2 Kommentare

Es gibt zwar eine did_action und ein did_filter, um zu erkennen, wie oft eine Action oder ein Filter aufgerufen wurden, aber sie funktionieren anders als du möglicherweise denkst. Beide arbeiten ähnlich und zählen nur, wie oft do_action oder apply_filters ausgeführt wurden. Sie prüfen nicht, wie oft sie tatsächlich verwendet wurden.

did_action und did_filter zählen nicht, wie oft sie ausgeführt wurden weiterlesen

Einen Mastodon-Link richtig auf deiner Website einfügen

Veröffentlicht: 3 Kommentare

In deinem Mastodon-Profil kannst du bis zu vier Links individuell definieren. Diese Links können verifiziert werden, dass sie zu dir gehören. Statt einfach normale Links zu verwenden, die in deinem Mastodon-Profil langweilig aussehen, füge sie mit dem richtigen Attribut auf deiner Website ein, um verifizierte Links zu bekommen.

Einen Mastodon-Link richtig auf deiner Website einfügen weiterlesen

Doppelte Block-Attribute im Block-Editor ersetzen

Veröffentlicht: Kommentar hinterlassen

Manchmal musst du möglicherweise einzigartige Daten in einem Block speichern, um ihn später identifizieren zu können. Daher musst du dafür sorgen, dass es keine doppelten Block-Attribute gibt. In meinem Fall möchte ich eine einzigartige Block-ID speichern. Dafür ist die clientId nützlich, da sie bereits per Definition einzigartig ist (es ist ein Universally Unique Identifier, der bei jedem Ladevorgang des Editors für jeden Block generiert wird).

Doppelte Block-Attribute im Block-Editor ersetzen weiterlesen

Äquivalent von wp_enqueue_block_style für Skripte

Veröffentlicht: Kommentar hinterlassen

Seit WordPress 5.9 gibt es die neue Funktion wp_enqueue_block_style, um Block-Stile nur einzubinden, wenn sie benötigt werden, also wenn der entsprechende Block auf der aktuellen Seite angezeigt wird. Während das einen großen Mehrwert bietet, gibt es dabei keine Unterstützung für Skripte. Wenn dein Block also entsprechendes JavaScript nur für das Frontend benötigt, gibt es dafür keine vorgefertigte Funktion in WordPress.

Äquivalent von wp_enqueue_block_style für Skripte weiterlesen

rgb/rgba in PHP zu Hex-Werten transformieren

Veröffentlicht: Kommentar hinterlassen

Während der Anpassung von Farbwerten in PHP suchte ich einem Weg, rgb() und rgba() in ihre jeweiligen Hex-Äquivalente zu transformieren, da ich diese mehr mag und einfacher damit weiterarbeiten kann. Und da die Hex-Notation nun schon eine Weile in CSS auch den Alpha-Kanal definieren kann, gibt es keinen Showstopper, um dafür eine Lösung zu bauen. Aber eben weil diese Notation des Alpha-Kanals noch recht neu ist, konnte ich keinen Code-Snippet in der Wildnis finden, der das tut, was ich wollte. Also schrieb ich ihn selbst.

rgb/rgba in PHP zu Hex-Werten transformieren weiterlesen