Synonyme: Buchstaben, Zeichen, Zahlen, font

Siehe auch: Text, Kontrast, Beschriftung, Überschrift

Schrift dient der Darstellung von Textinformationen.

Darstellung

Permalink "Darstellung"
Nr.EigenschaftBeschreibungKlassifizierungReferenz
169NutzungspräferenzenDie Anwendung muss die Einstellungen hinsichtlich Schriftart, -größe und -farbe von der Plattformsoftware übernehmen bzw. einen Modus anbieten, in dem die Einstellungen übernommen werden.

Hinweis 1: Werden die Einstellungen der Plattformsoftware nicht automatisch übernommen, muss der entsprechende Modus in den Hinweisen zur Barrierefreiheit erläutert werden.

Hinweis 2: Die Anwendung kann zusätzlich einen Modus anbieten, bei dem die Benutzenden ihre Präferenzen für Schriftart, -größe und -farbe und ggf. weitere Schriftattribute direkt in der Anwendung auswählen können.

Hinweis 3: Die Anforderungen an Kontraste gelten nur, solange die Benutzenden die Farben nicht an ihre Bedürfnisse angepasst haben.

MussEN 301 549:
11.7 und 12.1.1

170NutzungspräferenzenFür Textblöcke sollen die folgenden Einstellungen vorgenommen werden können:
  • Die Vorder- und Hintergrundfarbe kann an die Nutzungsbedürfnisse angepasst werden, ohne die sonstigen Farben der Anwendung anzupassen.
  • Die Länge einer Textzeile kann auf 80 Zeichen beschränkt werden.
  • Blocksatz kann deaktiviert werden.
  • Der Zeilenabstand kann auf 150% des Standard-Zeilenabstands vergrößert werden.
  • Der Absatzabstand kann auf das 1,5-fache des Zeilenabstands vergrößert werden.
SollWCAG 2.1: 1.4.8 (AAA)
171KontrastAlle Textinhalte müssen zum Hintergrund ein Kontrastverhältnis von mindestens 4,5:1 aufweisen.

Hinweis: Bei großer Schrift (ab 24px bzw. ab 18,7px bei fettem Schriftschnitt) ist ein Kontrastverhältnis von mindestens 3:1 ausreichend.

Siehe Farben und Kontraste.

MussEN 301 549:
9.1.4.3, 11.1.4.3
172FarbeWenn über die Verwendung unterschiedlicher Schriftfarben eine Information übermittelt wird, dann muss der Kontrastabstand zwischen den Farben jeweils mindestens 3:1 betragen (siehe Praxistipp Farbkodierung).

Hinweis: Dies gilt, wenn die Farben an sich keine Bedeutung besitzen, sondern nur der Farbunterschied.

MussEN 301 549:
9.1.4.1, 11.1.4.1
173FarbeWenn über die Verwendung einer bestimmten Schriftfarbe eine Information vermittelt wird, muss die Information zusätzlich auf andere Weise vermittelt werden (siehe Praxistipp Farbkodierung).

Hinweis: Dies gilt, wenn die Farbe an sich eine Bedeutung besitzt, wie „grün“ für korrekt und „rot“ für falsch oder „schwarz“ für positive Zahl und „rot“ für negative Zahl.

MussEN 301 549:
9.1.4.1, 11.1.4.1
174AbstandFalls Benutzende die Abstände zwischen den Zeilen, Absätzen, Buchstaben und Wörtern anpassen können, dürfen dabei keine Inhalte und Funktionen verloren gehen.

Hinweis: Dies gilt für folgende Abstände:

  • Zeilenabstand bis zu 1,5-mal der Schriftgröße,
  • Absatzabstand bis zu 2-mal der Schriftgröße,
  • Zeichenabstand bis zu 0,12-mal der Schriftgröße,
  • Wortabstand bis zu 0,16-mal der Schriftgröße.

MussEN 301 549:
9.1.4.12, 11.1.4.12
175AbstandDer Zeilenabstand von Fließtext soll 1,5-mal so groß sein wie die Schriftgröße.SollWCAG 2.1: 1.4.8 (AAA)
176AbstandDer Absatzabstand von Fließtext soll 1,5-mal so groß sein wie der Zeilenabstand, d. h. 2,25-mal so groß wie die Schriftgröße.SollWCAG 2.1: 1.4.8 (AAA)
177Verweis auf sensorische MerkmaleInformationen, die dem Verständnis oder der Bedienung der Anwendung dienen, dürfen nicht ausschließlich auf die Schriftformatierung der beschriebenen Elemente Bezug nehmen.MussEN 301 549:
9.1.3.3, 11.1.3.3
178ZeilenlängeEine Textzeile im Fließtext soll nicht länger als 80 Zeichen sein.SollWCAG 2.1: 1.4.8 (AAA)
179AusrichtungIm Fließtext soll Blocksatz vermieden werden.

Hinweis: Blocksatz ist die Ausrichtung des Texts am linken und rechten Rand.

SollWCAG 2.1: 1.4.8 (AAA)

Programmierung/Schnittstellen

Permalink "Programmierung/Schnittstellen"
Nr.EigenschaftBeschreibungKlassifizierungReferenz
180ZeichensatzFür die Codierung der Schriftzeichen muss ein Zeichensatz verwendet werden, dessen Zeichen von der Assistenztechnologie für die Sprachausgabe korrekt ausgegeben werden kann.

Hinweis: Derzeit sollen nur Buchstaben verwendet werden, die in der Anwendungssprache vorkommen, weil andere Buchstaben in der Regel nicht unterstützt werden.

MussEN 301 549:
9.1.3.1, 11.1.3.1
181SonderzeichenSonderzeichen dürfen nur verwendet werden, wenn diese von der Assistenztechnologie korrekt ausgegeben werden.

Hinweis: Dies gilt z. B. für Font-Icons und Ligaturen. Alternativ müssen diese Sonderzeichen so ausgezeichnet werden, dass sie von der Assistenztechnologie ignoriert werden. Die über die Zeichen vermittelten Informationen müssen dann in Textform oder programmatisch übermittelt werden (siehe Praxistipp Sonderzeichen).

MussEN 301 549:
9.1.1.1, 11.1.1.1, 9.1.3.1, 11.1.3.1
182SilbentrennungFür die Silbentrennung muss ein Zeichen verwendet werden, welches von der Assistenztechnologie nicht ausgegeben wird. Alternativ muss auf die Silbentrennung verzichtet werden.

Hinweis: Dies gilt nicht, wenn die Silbentrennung wahrnehmbar sein muss, z. B. in einem Wörterbuch, in dem die möglichen Silbentrennungen angegeben sind.

MussEN 301 549:
9.1.3.2, 11.1.3.2
183Leerzeichen, SatzzeichenDie Wortgrenze muss wahrnehmbar sein, z. B. durch Verwendung eines Leerzeichens, Bindestrich oder Satzzeichens.MussEN 301 549:
9.1.3.2, 11.1.3.2
184LeerzeichenEin Wort darf keine Leerzeichen oder Zeilenumbrüche enthalten.MussEN 301 549:
9.1.3.2, 11.1.3.2
185FormatierungWird Schriftformatierung zur Übermittlung von Informationen verwendet, dann muss diese Information auch in Textform oder programmatisch an die Accessibility API übermittelt werden.

Hinweis: Ein wichtiger Textabsatz, der fett markiert ist, kann z. B. zusätzlich mit „Achtung: “ eingeleitet werden oder eine separate Überschrift erhalten.

MussEN 301 549:
9.1.3.1, 11.1.3.1, 9.1.4.1, 11.1.4.1, 11.5.2.10

Praxistipp Sonderzeichen

Permalink "Praxistipp Sonderzeichen"

Bei der Verwendung von Sonderzeichen sind hinsichtlich der Übermittlung der Zeichen an die Accessibility API verschiedene Anwendungsfälle zu unterscheiden:

Dekorative Sonderzeichen

Permalink "Dekorative Sonderzeichen"

Rein dekorative Sonderzeichen sind so auszeichnen, dass sie nicht an die Accessibility API übermittelt werden. Für sie gelten die gleichen Regeln wie für Layoutgrafiken.

Beispiele:

  • Schalter mit der Beschriftung „Weiter »“: Die beiden Größerzeichen sind rein dekorativ. Der Schalter sollte den Accessible Name „Weiter“ besitzen.
  • Formularfeldbeschriftung „- - Ort - -“: Die Bindestriche sind rein dekorativ. Das Formularfeld sollte den Accessible Name „Ort“ besitzen.

Zweckentfremdete inhaltstragende Sonderzeichen

Permalink "Zweckentfremdete inhaltstragende Sonderzeichen"

Sonderzeichen, die nicht ihrer Bedeutung entsprechend verwendet werden, sind mit einem aussagekräftigen Alternativtext zu versehen. Für sie gelten die gleichen Regeln wie für Grafiken.

Beispiele:

  • Schalter mit der Beschriftung »: Die beiden Größerzeichen vermitteln visuell die Information „Weiter“. Der Schalter sollte den Accessible Name „Weiter“ besitzen.
  • Schalter mit der Beschriftung x: Das Multiplikationszeichen vermittelt visuell die Information „Schließen“. Der Schalter sollte den Accessible Name „Schließen“ besitzen (ggf. mit einem Hinweis, was geschlossen wird, z. B. „Fenster schließen“).

Hinweis: Der Stern („*“) gilt bei Verwendung als Pflichtfeldkennzeichnung nicht als zweckentfremdet.

Zweckbezogene inhaltstragende Sonderzeichen

Permalink "Zweckbezogene inhaltstragende Sonderzeichen"

Sonderzeichen, die entsprechend ihrer Bedeutung verwendet werden, können verwendet werden, sofern das Zeichen durch Assistenztechnologie korrekt ausgegeben wird. Andernfalls soll es mit einem aussagekräftigen Alternativtext versehen werden.

Beispiele:

  • Mathematische Formel „3+5 > 5-3“: Die beiden Rechenzeichen sowie das Größerzeichen werden von der Assistenztechnologie korrekt ausgegeben und können somit verwendet werden.
  • Text mit den Ordinalzeichen „ª“ und „º“: Die beiden Zeichen werden von der Assistenztechnologie nicht bzw. nicht korrekt ausgegeben und benötigen somit einen Alternativtext.
  • Das Wort „Gast“ mit einer Ligatur von s und t. Die meisten Screenreader kennen die Ligatur nicht und geben statt „Gast“ nur „Ga“ und ein Leerzeichen aus.
Abbildung: Das Wort „Gast“ mit einer Ligatur

Die zweckbezogenen Sonderzeichen sollten sparsam verwendet werden. Es wird empfohlen, ein Zeichen zu verwenden, welches von der Assistenztechnologie knapp ausgegeben wird.

Beispiele:

  • Ein Zitat kann mit verschiedenen Anführungszeichen versehen werden. Das Zeichen “ wird von der Assistenztechnologie z. B. als „Typographisches Anführungszeichen oben“ oder als „Typographisches Anführungszeichen rechts“ ausgegeben. Das Zeichen " wird hingegen als „Anführungsstriche“ oder „Anführungszeichen“ ausgegeben und ist somit zu bevorzugen.
  • Der Satz „Das Zeichen »❖« gefällt mir besser als „➢““ (siehe folgende Abbildung) wird vom Screenreader z. B. als „Das Zeichen doppelt gewinkelte Klammer zu schwarze Raute mit weißem X doppelt gewinkelte Klammer auf gefällt mir besser als typografisches Anführungszeichen unten 3D schmaler rechtsweisender Pfeilkopf Anführungsstriche“ ausgegeben.
Abbildung: Satz mit Sonderzeichen wird vom Screenreader schwer verständlich ausgegeben

Praxistipp Schriftart und Textformatierung

Permalink "Praxistipp Schriftart und Textformatierung"

Damit Texte gut lesbar sind, soll eine gut lesbare Schriftart und Textformatierung gewählt werden. Dabei soll Folgendes beachtet werden:

  • Am besten sind Schriften aus der Familie der humanistischen Serifenlosen zu lesen.
  • Ligaturen sollen vermieden werden.
  • Die Mindestschriftgröße für Textblöcke soll 22px betragen.
  • Die Mindestschriftgröße für nebensächlichen Text (z. B. Fußnoten) soll 17px betragen.
  • Schmale und breite Schriftweiten sollen vermieden werden.
  • Kleine und große Zeichenabstände sollen vermieden werden.
  • Dünne und dicke Schriftschnitte sollen vermieden werden.
  • Der Zeilenabstand soll mindestens 120 % der Schriftgröße betragen.
  • Die Groß- und Kleinschreibung soll gemäß der Rechtschreibregeln verwendet werden. Die ausschließliche Verwendung von Groß- oder Kleinschreibung soll vermieden werden.
  • Die Groß- und Kleinschreibung soll gemäß der Rechtschreibregeln verwendet werden. Die ausschließliche Verwendung von Groß- oder Kleinschreibung soll vermieden werden.
  • Kapitälchen sollen vermieden werden.
  • Hervorhebungen sollen sparsam verwendet werden. Für Hervorhebungen soll ein fetter Schriftschnitt verwendet werden.
  • Kursive Schriftschnitte oder Unterstreichungen sollen vermieden werden. Hinweis: Links sollen unterstrichen werden.
  • Die Textausrichtung soll linksbündig sein. Blocksatz soll vermieden werden.

Weitere Informationen finden Sie unter: https://www.leserlich.info.

Informationen zu diesem Artikel

Datum:
5.10.2023
Lizenz:
CC-BY-SA 4.0
Version:
0.5

Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!