Wenn es um die Performance einer Website geht, so denkt man schnell an JavaScript, Requests und an Komprimierung. Dass man aber schon bei der initialen Gestaltung damit anfangen kann, etwas zu optimieren, beachten viele Entwicklerinnen und Entwickler gar nicht. In den vergangenen Jahren haben sich viele Praktiken eingebürgert, die eine gute Basis für das Ausliefern von CSS mit sich bringen. Weil der Fokus bei der Entwicklung aber oft auf anderen Bereichen liegt, machen sich die wenigsten Gedanken darüber, was sie alles an ihrem CSS optimieren können.

Weiterlesen

Seit WordPress 5.0 können auch in JavaScript Übersetzungsfunktionen genutzt werden. Beim Bau von Gutenberg-Blöcken sind die sehr nützlich, allerdings gibt es ein paar Hürden bei der Übersetzung, wenn das Plugin mit dem Block nicht im offiziellen WordPress.org-Verzeichnis liegt. Hier zeige ich, wie Übersetzungen für Blöcke angelegt werden können.

Voraussetzungen

Neben einem Plugin, in dem wir JS-Strings übersetzen möchten, brauchen wir WP-CLI 2.2.0 oder neuer. Falls ihr das Tool noch nicht installiert habt, findet ihr auf der Installing-Seite des WP-CLI-Handbuchs verschiedene Möglichkeiten dafür.

Weiterlesen

Auf dem WordCamp Europe hatte ich die Gelegenheit, mit Rian Rietveld über Barrierefreiheit im Allgemeinen und das Accessibility-Team des WordPress-Projekts im Speziellen zu sprechen. Zu dieser Zeit war Rian noch Lead des Teams, inzwischen ist sie zurückgetreten. Die Themen, über die wir gesprochen haben, sind dennoch unverändert relevant.

Simon: Lass uns über Barrierefreiheit sprechen. In den Niederlanden hattest du eine ganz schöne Reise zum Thema. Was ist die Geschichte dahinter?

Rian: Nun, ich war eine Web-Entwicklerin und ich war selbstständig, und dann beschloss die niederländische Regierung, dass alle Regierungs-Websites barrierefrei sein müssen. Und dann dachte ich, na ja, das ist ein riesiger Markt und eine Menge Geld. Also habe ich mich selbst weitergebildet. Ich habe an Kursen teilgenommen und mich zertifizieren lassen. Und dann kam die Arbeit. Für mich war es zunächst eine finanzielle Entscheidung, und es hat sehr gut für mich funktioniert. Und dann habe ich Menschen getroffen, die blind sind und das Internet nutzen und ich habe gesehen, wie sie sich abmühen mussten und dann kam das Einfühlungsvermögen.

Schließlich bekam ich Kunden, die blind waren und WordPress benutzten – sie hatten Probleme, und ich dachte mir, vielleicht kann ich versuchen, WordPress zu verbessern oder den Entwicklerinnen und Entwicklern Tipps geben, wie sie die Dinge verbessern können. Dabei entdeckte ich dann, dass es ein Accessibility-Team gibt. Also habe ich mich ihnen angeschlossen, und meine Reise in Sachen Barrierefreiheit in WordPress hat begonnen. Wir versuchen, unser Bestes zu tun, um alle zu überzeugen, was wichtig ist und warum es vor allem für ein so großes Projekt wichtig ist, denn etwa 20 Prozent aller Menschen profitieren von einer besseren WordPress-Website.

Warum sollte ich mich überhaupt für Barrierefreiheit interessieren?

Weiterlesen

Ob während der Entwicklung oder des Live-Betriebs: es ist hilfreich, wenn im Code auftretende Fehler festgehalten werden, damit sie behoben werden können. Sentry bietet diese Möglichkeit und ist recht schnell eingerichtet – hier zeige ich, wie das funktioniert und mit WordPress genutzt werden kann.

Mit Sentry können Fehler geloggt werden, die in einer Anwendung auftreten. Im WordPress-Kontext sind das in der Regel Fehler im PHP- und JavaScript-Code.

Weiterlesen

Wir leben in einer Welt, in der die vollständige Abwesenheit körperlicher Einschränkungen eher die Ausnahme ist, als die Norm. Nicht zuletzt deshalb sollten Lesbarkeit, Benutzbarkeit und Barrierefreiheit für modernes Webdesign keine Fremdworte, sondern zentrale Bestandteile von Planung, Konzeption und Design sein.

Einfacher Test für Farbkontraste

Die Website WhoCanUse.com versucht genau hier anzusetzen und stellt ein einfaches Werkzeug zum Analysieren von Farbkontrasten und Lesbarkeit bereit. Zum Untersuchen einer Farbkombinationen sind nur die zwei verwendeten Farb-Codes nötig.

Weiterlesen

Wie auf der Abschlussveranstaltung des WordCamp Europe in Berlin verkündet wurde, pilgert die europäische (und internationale) WordPress-Community im nächsten Jahr ins portugiesische Porto. Die zweitgrößte Stadt Portugals blickt nicht nur auf eine interessante Geschichte zurück, sondern wird allen WordCamp-Touristen auch einiges an Zerstreuung abseits der üblichen Camp-Aktivitäten bieten.

José Freitas, aktives Community-Mitglied vor Ort, hat mir vorab über das anstehende WordCamp gesprochen. Neben einigen Details zum kommenden Camp betont der lokale Orga-Lead für Porto vor allem die kulturellen und touristischen Aspekte der Stadt.

Weiterlesen

Für den Gutenberg-Editor gibt es die Möglichkeit, alternative Block-Stile zu erstellen. Bei der Auswahl eines Stils wird dann eine CSS-Klasse eingefügt und der Block kann ein angepasstes vordefiniertes Design erhalten. Von Haus aus hat beispielsweise der Zitat-Block einen Stil »Groß«. Hier zeige ich anhand eines kleinen Beispiel-Plugins, wie sich so ein Stil erstellen lässt.

Weiterlesen