<b>

<b> und <strong> sehen im Browser identisch aus: beide machen Text fett. Der entscheidende Unterschied liegt in der Semantik: <strong> sagt “dieser Text ist wichtig”, während <b> nur sagt “dieser Text soll die Aufmerksamkeit auf sich ziehen”.

• <b> ist ein Inline-Element: Es fließt im Text mit und erzeugt keinen Zeilenumbruch
• Browser stellen <b> standardmäßig fett (font-weight: bold) dar
• Es hat keine semantische Bedeutung: Der Text wird nur visuell hervorgehoben, nicht als “wichtig” markiert
• Laut HTML-Spezifikation ist <b> für Text gedacht, der Aufmerksamkeit erregen soll, ohne eine besondere Relevanz oder Stimmung auszudrücken
• Typische Einsatzgebiete: Produktnamen, Stichwörter in Zusammenfassungen, Lead-Sätze in Artikeln
• Wenn der Text inhaltlich wichtig ist (z.B. eine Warnung), verwende stattdessen <strong>

• Screenreader-Verhalten: Die meisten Screenreader ignorieren <b> und lesen den Text ohne besondere Betonung oder Ankündigung vor. Wenn du willst, dass ein Screenreader die Hervorhebung kommuniziert, verwende <strong> stattdessen.
• Keine semantische Information: Da <b> keine Bedeutung transportiert, erfahren Nutzer von Screenreadern nicht, dass dieser Text visuell hervorgehoben ist. Das ist in den meisten Fällen auch in Ordnung: Produktnamen oder Stichwörter müssen nicht vorgelesen werden als “wichtig”.
• Nicht für Warnungen verwenden: Wenn eine Information wirklich wichtig ist und nicht übersehen werden darf, verwende <strong>. Nur so können assistive Technologien die Wichtigkeit kommunizieren.

• b statt strong für wichtige Inhalte: Wenn ein Text inhaltlich wichtig ist (z.B. “Änderungen können nicht rückgängig gemacht werden”), verwende <strong>, nicht <b>. Nur <strong> teilt Screenreadern und Suchmaschinen die Wichtigkeit mit.

• b statt CSS für reines Styling: Wenn du Text nur aus gestalterischen Gründen fett darstellen willst (z.B. alle Labels in einem Formular), verwende CSS font-weight: bold statt <b>. Das <b>-Element sollte für Text reserviert sein, der inhaltlich die Aufmerksamkeit auf sich ziehen soll.

• b für Überschriften missbrauchen: Ein <p><b>Mein Titel</b></p> sieht zwar wie eine Überschrift aus, ist aber keine. Screenreader und Suchmaschinen erkennen es nicht als Überschrift. Verwende <h2>, <h3> etc. für echte Überschriften.

Das b-Element wird von allen Browsern seit den Anfängen des Webs unterstützt. Du kannst es bedenkenlos einsetzen.

• Chrome

  Komplett

• Firefox

  Komplett

• Safari

  Komplett

• Edge

  Komplett

• Opera

  Komplett

Das b-Element wird in allen gängigen Email-Clients zuverlässig als fetter Text dargestellt.

• Apple Mail

  Komplett

• Gmail

  Komplett

• Outlook

  Komplett

• Thunderbird

  Komplett

• Yahoo Mail

  Komplett