CSS lernen leicht gemacht: Textgestaltung und Typografie

In diesem Teil meiner Artikelreihe „CSS lernen leicht gemacht“ widmen wir uns einem der wichtigsten Aspekte des Webdesigns: dem Text. Da das Internet zu einem Großteil aus Informationen in Textform besteht, ist die Gestaltung der Schrift entscheidend dafür, ob eine Webseite für alle Menschen nutzbar ist oder nicht.

Was bedeutet digitale Barrierefreiheit bei Texten?

Bevor wir uns den Code anschauen, müssen wir verstehen, warum wir bestimmte CSS-Eigenschaften nutzen. Barrierefreiheit bedeutet ganz allgemein, dass Barrieren abgebaut werden, damit Menschen mit Behinderungen gleichberechtigt am Leben teilnehmen können.

Digitale Barrierefreiheit überträgt diesen Gedanken auf das Internet. Im Bereich der Typografie (Schriftgestaltung) betrifft das vor allem zwei Gruppen:

  • Menschen mit Sehbehinderung: Sie benötigen oft eine sehr starke Vergrößerung des Textes, um ihn lesen zu können.
  • Senioren: Mit zunehmendem Alter lässt die Sehkraft nach. Eine Webseite, die starr auf eine kleine Schriftgröße fixiert ist, wird für diese Zielgruppe unbedienbar.

Ein inklusives Webdesign sorgt dafür, dass sich der Text den Bedürfnissen des Nutzers anpasst – und nicht umgekehrt.

Auf dem Bild ist CSS-Code, Text, Ein Symbol für Barrierefreiheit und eine Lupe.
„CSS lernen leicht gemacht: Textgestaltung und Typografie“ weiterlesen