Pixel, em und rem – was ist der Unterschied?

Im CSS kann man die Schriftgröße (font-size) in unterschiedlichen Einheiten angeben. Die bekannteste Größe sind Pixel. Aber daneben gibt es auch noch die Einheiten em und rem. Was hat es damit auf sich?

Pixel sind eine absolute Einheit. Das heißt, eine Überschrift, die die font-size 20px hat, hat immer genau diese Größe, nämlich 20 Pixel. Ganz gleich, was um sie herum passiert.
Wie groß eine Überschrift ist, die in 2.5em angegeben ist, kann man erst sagen, wenn man weiß, in welcher Umgebung sie steht. Denn die Einheit em bezieht sich auf den nächsthöheren Container.

Weiterlesen Pixel, em und rem – was ist der Unterschied?

Was kostet eine WordPress-Website?

Wer eine Website plant fragt sich natürlich, was die wohl kosten wird. Unter dem Stichwort „WordPress-Agentur“ spuckt die Suchmaschine eine lange Liste von Ergebnissen aus. Kleine und große Dienstleister – und sehr unterschiedliche Preismodelle.

Ein Anbieter wirbt mit einem „WordPress-Komplettpaket“ für 400€, ein anderer spricht von „WordPress Custom Themes“ und will dafür mehrere tausend Euro haben. Premium-Themes im schicken Design gibt es schon für 60€. Wie kann es sein, dass für ein und dasselbe Produkt so unterschiedliche Preise aufgerufen werden?

Es steht zwar überall WordPress drauf, aber es ist nicht dasselbe drin.

Hinter diesen Angeboten stecken unterschiedliche Konzepte. In diesem Artikel möchte ich drei Optionen betrachten, die in etwa die Bandbreite der Möglichkeiten wiedergeben.

Option 1: Selber machen

Auch als Laie kann man sich eine WordPress-Website zusammenbauen. Dafür wurde WordPress erfunden. Mit dem Code dahinter kommt man dabei nicht in Berührung.
WordPress selbst und viele gute Themes sind gratis und lassen sich kostenlos herunterladen. Man muss allerdings bereit sein, sich ein bisschen in die Thematik einzuarbeiten.

Schneller geht’s auch mit einem Premium Theme nicht. Diese Themes sind recht komplexe Konstruktionen, weil sie Optionen für viele unterschiedliche Anwendungs-Szenarien vorhalten. Zusätzlich zu den WordPress Grundlagen muss man sich hier noch mit der individuellen Systematik des jeweiligen Themes auseinandersetzen.

GEEIGNET FÜR
Kleine Projekte mit überschaubaren Anforderungen.

WENIGER GEEIGNET FÜR
Komplexe Projekte, bei denen Theme-Dateien angepasst werden müssen oder spezielle Plugins gebraucht werden.

Weiterlesen Was kostet eine WordPress-Website?

Was ist eigentlich dieser “Skip to content”-Link?

In den WordPress-Standard-Themes der Twenty-Reihe (und in vielen anderen standardkonformen Themes) sitzt in der header.php kurz nach dem body-tag ein Link der mit Skip-To-Content bezeichnet ist.

<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

Diesen Link sieht man normalerweise nicht. Er wird erst sichtbar und aktiv, wenn jemand die Tastatur (Tab-Taste) nutzt um durch die Seite zu navigieren.

Weiterlesen Was ist eigentlich dieser “Skip to content”-Link?

Oft übersehen, aber wichtig: Barrierefreie Sprache

Bei den meisten Webprojekten spielen Text und Sprache eine Nebenrolle – die sprachliche Qualität der Texte ergibt sich irgendwie. Aber ohne verständliche Sprache wird aus dem schönsten Code keine barrierefreie Website.

Einen guter Richtwert für eine barrierefreie Textqualität ist das Leseniveau, das in den WCAG (Web Content Accessibility Guidelines) angesprochen wird. Als Orientierung wird ein einfacher sekundärer Schulabschluss genannt. Das entspricht in etwas dem deutschen Hauptschulabschluss bzw. dem Sprachniveau A2 bis B1 innerhalb des europäischen Referenzrahmens für Sprachen.

Kein Fall für Randgruppen

Von einer barrierefreien Sprache profitieren nicht nur Menschen mit geringem Bildungsniveau. Auch Menschen, deren Muttersprache nicht Deutsch ist, können klar formulierte Texte besser erfassen. Genauso wie alle anderen Leser, die sich schnell einen Überblick über eine Information verschaffen möchten.

Weiterlesen Oft übersehen, aber wichtig: Barrierefreie Sprache

Eine barrierefreie WordPress-Website planen

In diesem Artikel soll es darum gehen, was zu beachten ist, wenn auf der Basis der technischen Grundlagen eine barrierefreie Webseite entstehen soll.

Mit einem accessibility-ready Theme oder dem Plugin WP Accessibility sind wir einer barrierefreien WordPress-Seite schon ziemlich nahe gekommen. Leider das Ergebnis nicht automatisch eine barrierefrei Website. Die Technik macht die ersten Schritte, aber die eigentliche Reise beginnt jetzt erst.

Barrierefreiheit lässt sich nicht in Code packen

Nicht barrierefreie Inhalte oder nicht barrierefreie Plugins können alle Errungenschaften, die im accessibility-ready Theme stecken, wieder neutralisieren.
Wenn z.B. die Redakteure beim Hochladen von Bildern keine (sinnvollen) Alt-Texte eingeben, kann das Theme auch nichts ausgeben.

Auch Texte können Besucher ausschließen, schwer verständliche Texte sind nicht barrierefrei. Weder Menschen mit eingeschränkter Lesekompetenz noch Menschen mit hoher Lesekompetenz, die auf einem mobilen Gerät, bei ungünstigen Lichtverhältnissen oder mit schlechter Datenanbindung nach einer Information suchen, können solche Texte verarbeiten.

Und dann sind da noch die Plugins. Wenn ein Plugin per CSS Farben oder Link-Zustände überschreibt oder kein standardkonformes HTML ausgibt, entstehen überall auf der Seite kleine Stolperfallen.

Weiterlesen Eine barrierefreie WordPress-Website planen