und

Kritische Betonungen im Text sollten durch visuelle Gestaltung vermittelt werden

Manchmal wollen Sie Text hervorheben. Sie können Text hervorheben, indem Sie ihn fett oder kursiv schreiben. In HTML gibt es sogar Elemente, die dafür gemacht wurden.  für Hervorhebungen (kursiv) und  für starke Hervorhebungen (fett).

Kritische Betonungen im Text sollten in einem textbasierten Format übermittelt werden

Alle gängigen Bildschirmleseprogramme ignorieren die Elemente. Zumindest in der Standardkonfiguration. Einige Bildschirmleseprogramme lassen sich so einstellen, dass sie die Elemente erkennen. Wenn Sie das richtige Bildschirmleseprogramm haben und wissen, wie Sie die Einstellung ändern können, profitieren Sie von  und . Aber das können Sie nicht von allen Benutzern erwarten.

Wenn Sie Text hervorheben müssen, um ihn besser zu verstehen, müssen Sie eine andere Möglichkeit finden.

Man kann den Schwerpunkt auf verschiedene Arten zugänglich machen.

So geht’s am einfachsten. Sie können Wörter wie “Wichtig” oder “Warnung” in Ihren Text einfügen, damit der Inhalt hervorgehoben wird.

<p>Important: You cannot undo. Your file will be permanently deleted.</p>

Wenn der Text schon fett oder kursiv formatiert ist, muss man keine zusätzlichen Wörter zur Betonung schreiben. Die meisten Benutzer von Bildschirmleseprogrammen profitieren nicht von der Gestaltung. Sie müssen deshalb einen Text zur Betonung schreiben, den Sie vor sehenden Benutzern verbergen können. Sie können den Text mit der CSS-Clip-Methode ausblenden.

<!doctype html>
<head>
<title>Hidden text emphasis</title>
<style>
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}
</style>
</head>
<body>
<p><span class="visually-hidden">Important:</span>
You cannot undo. Your file will be permanently deleted.</p>
</body>
</html>

Man kann auch ein Bild hinzufügen, zum Beispiel ein Symbol.

<img src="warning.png" alt="Warning">
    You cannot undo. Your file will be permanently deleted.</p>

<strong> und <em>

Kritische Betonungen im Text sollten durch visuelle Gestaltung vermittelt werden

Kritische Betonungen im Text sollten in einem textbasierten Format übermittelt werden