Früher war Pixel (px) der Standard. Doch in der modernen Webentwicklung gilt die Verwendung von Pixeln für Typografie als veraltet. Der Industriestandard ist heute REM (Root EM).
Das Problem der Barrierefreiheit bei Pixeln
Pixel sind eine "absolute Einheit". Wenn ein sehbehinderter Nutzer seine Browser-Schriftgröße auf "Groß" (24px) stellt:
- Bei REM: Ihr Text skaliert automatisch mit und respektiert den Nutzerwunsch.
- Bei PX: Ihr Text ignoriert die Einstellung und bleibt klein. Das ist ein Mangel an Barrierefreiheit.
Was ist REM?
REM steht für "Root EM". Es ist eine relative Einheit, die sich auf die Basis-Schriftgröße des Browsers bezieht (meist 16px).
1rem= 16px2rem= 32px
Das Rechenproblem
Die Umrechnung von Pixeln in REM kann im Kopf mühsam sein (z.B. 14px = 0,875rem).
Die Lösung: Nutzen Sie einen Konverter
Nutzen Sie unseren CSS Einheiten-Konverter während des Codens. Geben Sie einfach den Pixelwert ein und erhalten Sie sofort den REM-Wert.
Wann sollte man noch Pixel nutzen?
Pixel sind weiterhin ideal für Elemente, die nicht skalieren sollen, wie Rahmen (border: 1px solid) oder Icons mit fester Größe.
Fazit
2026 ist Barrierefreiheit Pflicht. Nutzen Sie REM für Schriften und PX für Rahmen. Viel Erfolg beim Coden!