Textformatierung & Leichte Sprache

Schrift & Textformatierung

Schrift & Text Schhnittstellen-Elemente allgemein

Bedienelemente, Eingabe: Wenn Nicht-Text-Inhalt ein Steuerelement ist oder Benutzereingaben akzeptiert, dann hat er einen Namen, der seinen Zweck beschreibt. (Level A)

WCAG 2.1

Schrift & Text

Alle Nicht-Text-Inhalte, die dem Benutzer präsentiert werden, haben eine Textalternative, die dem gleichen Zweck dient (Level A)

WCAG 2.1

Schrift & Text

Textalternative: Stellen Sie Textalternativen für alle Nicht-Text-Inhalte zur Verfügung, so dass sie in andere Formen umgewandelt werden können, die die Menschen brauchen, wie Großdruck, Braille-Schrift, Sprache, Symbole oder einfachere Sprache.

WCAG 2.1

Farbe & Kontrast Schrift & Text

Die visuelle Darstellung von Text und Bildern von Text hat ein Kontrastverhältnis von mindestens 4,5:1 mit folgenden Ausnahmen (LevelAA):

  • Großer Text: Großer Text und Bilder von großem Text haben ein Kontrastverhältnis von mindestens 3:1
  • Nebensächlich: Für Text oder Bilder eines Textes, die Teil eines inaktiven Bestandteils der Benutzerschnittstelle, rein dekorativ, für niemanden sichtbar oder Teil eines Bildes sind, welches signifikanten anderen visuellen Inhalt enthält, gibt es keine Kontrastanforderung.
  • Wortbildmarken: Text, der Teil eines Logos oder eines Markennamens ist, hat keine Kontrastanforderungen.

WCAG 2.1

Schrift & Text

Mit Ausnahme von Untertiteln und Bildern eines Textes, kann Text ohne assistierende Technik um bis zu 200 Prozent geändert werden, ohne dass dabei Inhalt oder Funktionalität verloren geht. (Level AA)

WCAG 2.1

Schrift & Text Bilder & Slideshow

Wenn die benutzten Techniken die visuelle Präsentation bewirken können, dann wird Text statt Bilder eines Textes dazu benutzt, Informationen zu vermitteln mit den folgenden Ausnahmen (Level AA):

  • Anpassbar: Das Bild eines Textes kann visuell an die Anforderungen des Benutzers angepasst werden
  • Unentbehrlich: Eine bestimmte Präsentation von Text ist für die vermittelten Informationen unentbehrlich

WCAG 2.1

Farbe & Kontrast Schrift & Text

Die visuelle Präsentation von Text und Bildern eines Textes hat ein Kontrastverhältnis von mindestens 7:1, mit folgenden Ausnahmen (Level AAA):

  • Großer Text: Großer Text und Bilder von großem Text haben ein Kontrastverhältnis von mindestens 4,5:1
  • Nebensächlich: Für Text oder Bilder eines Textes, die Teil eines inaktiven Bestandteils der Benutzerschnittstelle, rein dekorativ, für niemanden sichtbar oder Teil eines Bildes sind, welches signifikanten anderen visuellen Inhalt enthält, gibt es keine Kontrastanforderung.
  • Wortbildmarken: Text, der Teil eines Logos oder eines Markennamens ist, hat keine Mindest-Kontrastanforderungen.

WCAG 2.1

Schrift & Text Formulare & Textblöcke

Für die visuelle Präsentation von Textblöcken gibt es einen Mechanismus, um das Folgende zu erreichen (Level AAA):

  • Vorder- und Hintergrundfarben können vom Benutzer ausgewählt werden
  • Die Breite beträgt nicht mehr als 80 Zeichen oder Glyphen (40 wenn es sich um CJK handelt)
  • Text ist nicht im Blocksatz ausgerichtet (sowohl links- als auch rechtsbündig ausgerichtet)
  • Der Zeilenabstand (Durchschuss) ist mindestens 1,5-fach innerhalb von Paragraphen und der Paragraphenabstand ist mindestens 1,5-fach so groß wie der Zeilenabstand
  • Die Textgröße kann ohne assistierende Technik bis auf 200 Prozent skaliert werden und zwar so, dass der Leser nicht horizontal scrollen muss, um eine Textzeile in einem bildschirmfüllenden Fenster zu lesen

WCAG 2.1

Schrift & Text Bilder & Slideshow

Bilder eines Textes werden nur rein dekorativ benutzt oder dann, wenn eine bestimmte Präsentation von Text unentbehrlich für die zu vermittelnden Informationen ist. (Level AAA)

WCAG 2.1

Schrift & Text

Bei Inhalten, die mit Hilfe von Auszeichnungssprachen implementiert werden, die die folgenden Textstileigenschaften unterstützen, tritt kein Verlust von Inhalt oder Funktionalität auf, wenn alle der folgenden Einstellungen vorgenommen und keine andere Stileigenschaft geändert wird (Level AA):

  • Zeilenhöhe (Zeilenabstand) auf mindestens das 1,5-fache der Schriftgröße
  • Der Abstand zwischen den folgenden Absätzen muss mindestens das 2-fache der Schriftgröße betragen
  • Der Buchstabenabstand (Tracking) muss mindestens das 0,12-fache der Schriftgröße betragen
  • Der Wortabstand muss mindestens das 0,16-fache der Schriftgröße betragen

WCAG 2.1

Information- & Navigationsarchitektur Schrift & Text

Lesbar: Machen Sie Inhalt lesbar und verständlich.

WCAG 2.1

Schrift & Text

Es sind klare Schriftarten mit deutlichem Kontrast und mit einer Schriftgröße von mindestens 1.2 em (120 Prozent) zu verwenden. Wichtige Informationen und Überschriften sind hervorzuheben. Es sind maximal zwei verschiedene Schriftarten zu verwenden.

BITV 2.0

Schrift & Text

Texte werden linksbündig ausgerichtet. Jeder Satz beginnt mit einer neuen Zeile. Der Hintergrund ist hell und einfarbig.

BITV 2.0

Schrift & Text

Anschriften sind nicht als Fließtext zu schreiben.

BITV 2.0

Responsive & Gestaltungsraster Schrift & Text

Bei Anzeige der Software auf einem Monitor mit einer Bildschirmdiagonale von 38 cm (15 Zoll) und einer Auflösung von 1 024 x 768 Bildpunkten muss die Software mindestens einen Modus zur Verfügung stellen, in dem die Tastaturfokus-Indikatoren und Text-Indikatoren für Menschen mit voller Sehkraft aus einem Abstand von 2,5 m visuell auffindbar sind, ohne die Einfügemarke zu bewegen.

ISO 9241-171

Schrift & Text

Textzeichen als Text, nicht als Zeichnungselement verwenden: In graphischen Benutzerschnittstellen sollten Textzeichen nur als Text und nicht zum Zeichnen von Linien, Rahmen oder sonstigen graphischen Symbolen verwendet werden.

ISO 9241-171

Schrift & Text

Informationen nicht allein durch visuelle Schriftarten-Attribute übermitteln: Die Software sollte nicht allein visuelle Schriftarten-Attribute verwenden, um Informationen zu übermitteln oder eine Aktion anzuzeigen.

ISO 9241-171

Schrift & Text

Benutzern die Einstellung einer Mindestschriftgröße ermöglichen: Die Software sollte es den Benutzern ermöglichen, eine Mindestschriftgröße bzw. einen Mindestschriftgrad einzustellen, in der bzw. dem die Informationen auf der Anzeige (ungeachtet ihres Schriftgrades im Dokument) angezeigt werden.

ISO 9241-171

Responsive & Gestaltungsraster Schrift & Text Schhnittstellen-Elemente allgemein

Bei Änderung der Schriftgröße den Maßstab und das Layout von Benutzungsschnittstellen-Elementen im Verhältnis anpassen: Bei Änderungen der Größe eingebetteter oder verknüpfter Texte sollten die Größe und das Aussehen von Benutzungsschnittstellen-Elementen mithilfe der Software dem Bedarf entsprechend eingestellt werden.

ISO 9241-171

Farbe & Kontrast Schrift & Text Allgemeines

Für Benutzer mit Sehbehinderungen stellt Apple VoiceOver auf jeder Plattform bereit und unterstützt Anzeigeanpassungen wie Farbumkehrung, größeren Text, Zoom und Lupe.

ISO 9241-171

Farbe & Kontrast Schrift & Text Schhnittstellen-Elemente allgemein

Wenn Sie Standardsteuerelemente zur Implementierung der Benutzeroberfläche Ihrer Anwendung verwenden, passen sich Text und Oberflächenelemente automatisch an verschiedene Zugänglichkeitseinstellungen an, wie z. B. fetter Text, größerer Text, Farben umkehren und Kontrast erhöhen.

Apple Inc.

Schrift & Text

Verhindern Sie nicht, dass Benutzer reinen Text auswählen können. Viele Benutzer sind darauf angewiesen, ausgewählten Text als Eingabe für Text to Speech (TTS) oder zum Nachschlagen von Übersetzungen zu verwenden.

Apple Inc.

Schrift & Text Schhnittstellen-Elemente allgemein

Stellen Sie alternative Textbeschriftungen für alle wichtigen Oberflächenelemente bereit. Alternative Textbeschriftungen sind auf dem Bildschirm nicht sichtbar, aber sie ermöglichen es VoiceOver, Bildschirmelemente akustisch zu beschreiben, wodurch die Navigation für Menschen mit Sehbehinderungen erleichtert wird. Vom System bereitgestellte Steuerelemente verfügen standardmäßig über nützliche Beschriftungen, aber Sie müssen Beschriftungen für benutzerdefinierte Elemente erstellen. Wenn Sie beispielsweise ein Zugänglichkeitselement erstellen, das eine benutzerdefinierte Bewertungsschaltfläche darstellt, können Sie die Beschriftung "Bewerten" angeben.

Apple Inc.

Schrift & Text

Textgröße und -gewicht: Achten Sie beim Entwurf einer inklusiven App auf Textgröße, Gewicht und Layout, um Klarheit und Lesbarkeit zu gewährleisten.

Apple Inc.

Responsive & Gestaltungsraster Schrift & Text

Verwenden Sie Dynamic Type und testen Sie, ob sich das Layout Ihrer Anwendung an alle Schriftgrößen für Barrierefreiheit anpasst. Mit Dynamic Type können Benutzer die für sie geeignete Schriftgröße auswählen. Vergewissern Sie sich, dass Ihr Entwurf skalierbar und in allen Zugänglichkeitsschriftgrößen sowohl für Text als auch für Glyphen lesbar ist. Sie können die dynamischen Schriftgrößentabellen in den Apple-Design-Ressourcen Skizze, Photoshop und Adobe XD herunterladen.

Apple Inc.

Schrift & Text

Vergrößern Sie aussagekräftige Glyphen mit zunehmender Schriftgröße. Wenn Sie Glyphen verwenden, um wichtige Informationen zu vermitteln, stellen Sie sicher, dass die Glyphen auch bei größeren Schriftgrößen gut sichtbar sind.

Apple Inc.

Schrift & Text

Verwenden Sie in Ihrer Anwendung regelmäßige oder schwere Schriftstärken. Verwenden Sie die Schriftstärken Regular, Medium, Semi-Bold oder Bold, da sie leichter zu erkennen sind. Vermeiden Sie ultraleichte, dünne und leichte Schriftschnitte, da diese schwieriger zu sehen sein können.

Apple Inc.

Schrift & Text

Stellen Sie sicher, dass Ihre Anwendung richtig reagiert und gut aussieht, wenn Benutzer fetten Text aktivieren. Die Benutzer aktivieren die Zugänglichkeitseinstellung für fetten Text, damit Text und Glyphen besser zu sehen sind. Als Reaktion darauf sollte Ihre App den gesamten Text fetter machen und allen Glyphen eine höhere Strichstärke geben.

Apple Inc.

Schrift & Text

Stellen Sie sicher, dass benutzerdefinierte Schriftarten lesbar sind. Benutzerdefinierte Schriften können manchmal schwierig zu lesen sein. Wenn Ihre Anwendung keinen zwingenden Bedarf an einer benutzerdefinierten Schriftart hat, z. B. für Branding-Zwecke oder zur Schaffung eines eindrucksvollen Spielerlebnisses, ist es in der Regel am besten, die Systemschriftarten zu verwenden. Wenn Sie eine benutzerdefinierte Schriftart verwenden, stellen Sie sicher, dass sie auch in kleinen Größen gut lesbar ist.

Apple Inc.

Schrift & Text

Vermeiden Sie eine Volltext-Begründung. Der Leerraum, der durch vollständig gerechtfertigten Text entsteht, kann Muster erzeugen, die es vielen Menschen schwer machen, den Text zu lesen und sich auf ihn zu konzentrieren. Die Linksbündigkeit (oder Rechtsbündigkeit in Sprachen von rechts nach links) bietet einen Rahmen für Menschen mit Lern- und Alphabetisierungsproblemen, wie z.B. Legasthenie.

Apple Inc.

Schrift & Text

Vermeiden Sie bei langen Textpassagen Kursivschrift oder alle Großbuchstaben. Kursivschrift und alle Großbuchstaben eignen sich gut für gelegentliche Hervorhebungen, aber eine übermäßige Verwendung dieser Stile macht den Text schwer lesbar.

Apple Inc.

Schrift & Text

Verwenden Sie die Textgröße, um den Kontrast zu bestimmen. Im Allgemeinen muss kleinerer oder leichterer Text einen höheren Kontrast aufweisen, um lesbar zu sein. Verwenden Sie die folgenden Werte zur Orientierung:

  • Bis zu 17 pt - beliebig - 4,5:1
  • 18 pt und größer - Beliebig - 3:1
  • Beliebig - fett - 3:1

Apple Inc.

Schrift & Text Leichte Sprache

Bearbeiten Sie die Texte so, dass sie einfach und klar sind. Wenn Texte einfach, unkompliziert und frei von Fehlern ist, profitieren alle Benutzer davon.

Apple Inc.

Farbe & Kontrast Schrift & Text Bilder & Slideshow

Farbkontrast ist für Benutzer wichtig, um verschiedene Text- und Nicht-Text-Elemente zu unterscheiden. Ein höherer Kontrast macht die Bilder leichter zu erkennen. Ein Bild mit niedrigem Kontrast kann für einige Benutzer bei hellen oder schwachen Lichtverhältnissen, wie z.B. an einem sehr sonnigen Tag oder bei Nacht, schwer zu unterscheiden sein.

Google

Schrift & Text

Um die Lesbarkeit zu verbessern, können Benutzer die Schriftgröße erhöhen. Mobile Geräte und Browser enthalten Funktionen, mit denen Benutzer ihre Schriftgröße systemweit anpassen können. Um die Systemschriftgröße in einer Android-App zu ermöglichen, markieren Sie Text und die zugehörigen Container, die in skalierbaren Pixeln (sp) gemessen werden sollen. Stellen Sie sicher, dass genügend Platz für große Schriften vorhanden ist.

Google

Schrift & Text

Barrierefreiheit-Text bezieht sich auf Text, der von Barrierefreiheit-Software für Bildschirmleseprogramme verwendet wird, wie z.B. TalkBack von Google auf Android, VoiceOver von Apple auf iOS und JAWS von Freedom Scientific auf dem Desktop. Bildschirmleseprogramme lesen den Text und die Elemente (wie Schaltflächen) auf dem Bildschirm vor, einschließlich sichtbarem und nicht sichtbarem Alternativtext.

Google

Schrift & Text Schhnittstellen-Elemente allgemein

Sichtbarer und nicht sichtbarer Text - Der Text zur Barrierefreiheit umfasst sowohl sichtbaren Text (einschließlich Beschriftungen für UI-Elemente, Text auf Schaltflächen, Links und Formularen) als auch nicht sichtbare Beschreibungen, die nicht auf dem Bildschirm erscheinen (z. B. alternativer Text für Bilder). Manchmal kann eine Bildschirmbeschriftung mit Zugänglichkeitstext überschrieben werden, um dem Benutzer mehr Informationen zur Verfügung zu stellen.

Google

Schrift & Text Bilder & Slideshow

Alternativer Text (Alt-Text) - Alt-Text hilft bei der Übersetzung einer visuellen UI in eine textbasierte UI. Alt-Text ist eine kurze Bezeichnung (bis zu 125 Zeichen) im Code, die ein Bild für Benutzer beschreibt, die es nicht sehen können. Da Alt-Text nur für Bilder gedacht ist, ist es nicht notwendig, dem Alt-Text "Bild von" oder "Bild von" hinzuzufügen. Ein Screenreader liest den Alt-Text an Stelle des Bildes laut vor. Alt-Text ist für sehende Benutzer wertvoll, ebenso wie Alt-Text erscheint, wenn ein Bild nicht geladen werden kann. Fügen Sie gezielte Schlüsselwörter ein, um den Benutzer über das Bild zu informieren. Schlüsselwörter können auch die Suchmaschinenoptimierung (SEO) verbessern.

Google

Schrift & Text Bilder & Slideshow

Angrenzender Text oder Fließtext ist der Text neben dem Bild, der das Bild innerhalb einer Erzählung erklären kann. Wenn der angrenzende Text das Asset erklärt, wird der Alt-Text möglicherweise nicht benötigt und der Alt-Tag kann leer gelassen werden (alt=""). Wenn Sie das alt-Tag leer lassen, entfernen Sie den Dateinamen des Bildes, falls er erscheint.

Google

Schrift & Text Leichte Sprache

Benutzer von Screenreadern hören jedes UI Element laut vorgelesen. Je kürzer der Text ist, desto schneller kann ein Screenreader-Benutzer darin navigieren. Schreiben Sie einen klaren und kurzen barrierefreien Text.

Google

Schrift & Text Schhnittstellen-Elemente allgemein Allgemeines

Bildschirmleseprogramme können den Typ oder Zustand eines Steuerelements automatisch ankündigen, indem sie entweder den Namen des Steuerelements aussprechen oder einen Ton erzeugen. Verwenden Sie kurze Beschreibungen für die Elemente.

Google

Schrift & Text

Wenn das Symbol eine Eigenschaft eines Elements ist, verbalisieren Bildschirmleseprogramme den aktuellen Status (z.B. "an" oder "aus"), wenn es als Kontrollkästchen kodiert ist. Wenn das Symbol eine Aktion ist und ausgewählt wird, kann die Textbeschriftung die auftretende Aktion angeben, z.B. "Zur Wunschliste hinzufügen".

Google

Responsive & Gestaltungsraster Schrift & Text Überschriften & Label
Zwei iPhones mit unterschiedlichen Schriftgrößen und Schriftschnitten bei denen sich das Layout vom Mailprogramm auf die Veränderungen anpasst.

Verwenden Sie Dynamic Type und testen Sie, ob sich das Layout Ihrer Anwendung an alle Schriftgrößen für Barrierefreiheit anpasst. Mit Dynamic Type können Benutzer die für sie geeignete Schriftgröße auswählen.

Apple Inc.

Schrift & Text
Das Bild zeigt zwei Layouts des iPhone Mail Programms. Die Variante links mit normalen Schriftschnitt. Die Variante rechts mit veränderter fetter Schrift, die dennoch gut aussieht.

Stellen Sie sicher, dass Ihre Anwendung korrekt reagiert und gut aussieht, wenn Benutzer fettgedruckten Text aktivieren 

Apple Inc.

Responsive & Gestaltungsraster Schrift & Text Icons & Illustration

Vergrößern Sie die Größe der aussagekräftigen Icons mit zunehmender Schriftgröße. Stellen Sie sicher, dass die Icons auch bei größeren Schriftgrößen gut zu sehen sind.

Apple Inc.

Responsive & Gestaltungsraster Schrift & Text
Das UI und die Schrift hat sich korrekt skaliert.

Korrekt: Skalieren Sie Ihre Benutzeroberfläche so, dass sie gut mit Vergrößerung und großem Text funktioniert.

Google

Responsive & Gestaltungsraster Schrift & Text
Schlecht skaliertes Ui und schlecht leserliche Schrift.

Falsch: Dieses UI hat sich bei Vergrößerung und großem Text nicht gut skaliert. Teile des Inhalts sind überlappend oder abgeschnitten.

Google

Farbe & Kontrast Schrift & Text
Im linken Bildteil sieht man Text mit korrekter Farbe und Kontrastverhältnis. Dadurch ist der Text sehr gut lesbar im Gegensatz zu dem Kontrastverhältnis in der rechten Bildhälfte.

Links-Richtig: Diese Textzeilen folgen den Empfehlungen für das Farbkontrastverhältnis und sind vor ihren Hintergrundfarben lesbar.

Rechts-Falsch: Diese Textzeilen entsprechen nicht den Empfehlungen für das Farbkontrastverhältnis und können vor ihren Hintergrundfarben schwer lesbar sein.

Google

* Die angegebenen Preise sind Endpreise. Aufgrund der Kleinunternehmerregelung gemäß § 19 UStG erfolgt kein Ausweis von Umsatzsteuer.

Leichte Sprache

Leichte Sprache

Die menschliche Sprache jedes Abschnitts oder jedes Satzes im Inhalt kann durch Software bestimmt werden außer bei Eigennamen, technischen Fachbegriffen, Wörtern einer unklaren Sprache und Wörtern oder Wendungen, die Teil des Jargons des direkt umliegenden Textes geworden sind. (Level AA)

WCAG 2.1

Leichte Sprache

Es gibt einen Mechanismus, um spezielle Definitionen von Wörtern oder Wendungen zu erkennen, die auf ungewöhnliche oder eingeschränkte Weise benutzt werden, Idiome und Jargon eingeschlossen. (Level AAA)

WCAG 2.1

Leichte Sprache

Es gibt einen Mechanismus, um die ausgeschriebene Form oder Bedeutung von Abkürzungen zu erkennen. (Level AAA)

WCAG 2.1

Leichte Sprache

Wenn der Text nach der Entfernung von Eigennamen und Titeln Lesefähigkeiten voraussetzt, die über das Niveau der niedrigen, sekundären Schulbildung hinausgehen, dann gibt es ergänzenden Inhalt oder eine Version, die keine über die niedrige, sekundäre Schulbildung hinausgehenden Lesefähigkeiten verlangt. (Level AAA)

WCAG 2.1

Leichte Sprache

Es gibt einen Mechanismus, um die bestimmte Aussprache von Wörtern zu erkennen, wenn die Bedeutung der Wörter - im Zusammenhang - mehrdeutig ist, wenn man die Aussprache nicht kennt. (Level AAA)

WCAG 2.1

Leichte Sprache

Für die Bereitstellung von Informationen in Leichter Sprache im Internet oder Intranet gelten die folgenden Vorgaben:

  • Abkürzungen, Silbentrennung am Zeilenende, Verneinungen sowie Konjunktiv-, Passiv- und Genitiv-Konstruktionen sind zu vermeiden.
  • Die Leserinnen oder Leser sollten, soweit inhaltlich sinnvoll, persönlich angesprochen werden.
  • Begriffe sind durchgängig in gleicher Weise zu verwenden.
  • Es sind kurze, gebräuchliche Begriffe und Redewendungen zu verwenden. Abstrakte Begriffe und Fremdwörter sind zu vermeiden oder mit Hilfe konkreter Beispiele zu erläutern. Zusammengesetzte Substantive sind durch Bindestrich zu trennen.
  • Es sind kurze Sätze mit klarer Satzgliederung zu bilden.
  • Sonderzeichen und Einschübe in Klammern sind zu vermeiden.

BITV 2.0

Leichte Sprache Allgemeines

Die Namen von Benutzungsschnittstellen-Elementen sollten aus Wörtern der natürlichen Sprache bestehen, die für die vorgesehenen Benutzer verständlich sind.

ISO 9241-171

Leichte Sprache

Jeder Name eines Benutzungsschnittstellen-Elements, der von einem Softwareentwickler festgelegt wird, sollte innerhalb seines Kontextes eindeutig sein.

ISO 9241-171

Leichte Sprache

Kurze Namen und Beschriftungen verwenden: Sämtliche von Softwareentwicklern festgelegten Namen oder Beschriftungen eines Benutzungsschnittstellen-Elementes sollten kurz genug sein, um bündig wiedergegeben werden zu können.

ISO 9241-171

Information- & Navigationsarchitektur Leichte Sprache Schhnittstellen-Elemente allgemein

Inhalt - Texte, Bilder, Audio und Video liefern die Informationen, die die Leute von Ihrer Anwendung erwarten. Sie können dazu beitragen, Ihre Inhalte für jeden zugänglich zu machen, indem Sie sich um eine einfache Ausdrucksweise bemühen und alternative Versionen der Informationen zur Verfügung stellen.

Apple Inc.

Schrift & Text Leichte Sprache

Bearbeiten Sie die Texte so, dass sie einfach und klar sind. Wenn Texte einfach, unkompliziert und frei von Fehlern ist, profitieren alle Benutzer davon.

Apple Inc.

Leichte Sprache Bilder & Slideshow

Schreiben Sie kurzen, prägnanten Alt-Text, der von einem Screenreader schnell gelesen werden kann und dem Benutzer einen Kontext gibt.

Google

Schrift & Text Leichte Sprache

Benutzer von Screenreadern hören jedes UI Element laut vorgelesen. Je kürzer der Text ist, desto schneller kann ein Screenreader-Benutzer darin navigieren. Schreiben Sie einen klaren und kurzen barrierefreien Text.

Google

Navigation Leichte Sprache Icons & Illustration Buttons & Links
Links im Bild sieht man ein Hamburger Icon mit korrekter Beschreibung was für eine Aktion erfolgen wird. Rechts sieht man ein Hamburger Icon welches nicht die Aktion die verfolgen wird beschreibt

Aktionsverben geben an, was ein Element oder Link tut, wenn es angetippt wird, und nicht, wie ein Element aussieht. Dies beschreibt, was ein Element tut, ohne sich auf die Sehschärfe zu verlassen.

Links-Korrekt: Der Zugänglichkeitstext für ein Navigationsmenü könnte "Navigationsmenü anzeigen" und "Navigationsmenü ausblenden" (bevorzugt) oder "Hauptmenü anzeigen" und "Hauptmenü ausblenden"lauten.

Rechts-Falsch: Ziehen Sie in Betracht, Texte zur Barrierefreiheit zu überarbeiten, die nicht angeben, welche Aktion erfolgen wird.

Google

Leichte Sprache Icons & Illustration
Links im Bild wurde die Aktion welches das Icon auslöst korrekt vergeben. Rechts im Bild ist das Icon mit falscher Beschriftung zu sehen.

Links-Korrekt: Die laut vorgelesene Beschreibung gibt die durch das Symbol dargestellte Aktion an.

Rechts-Falsch: Eine Beschreibung, wie das Symbol aussieht, erklärt möglicherweise nicht, was die Aktion bewirkt.

Google

Leichte Sprache Bilder & Slideshow
Beispiel für den Aufbau eines Bildes mit Untertitel und nebenstehenden Text

Der Text in und um die Bilder sollte die Zugänglichkeit berücksichtigen, da er Schlüsselinformationen über die Bilder enthält.

1. Bild
2. Bildunterschrift
3. Nebenstehender Text

Google

* Die angegebenen Preise sind Endpreise. Aufgrund der Kleinunternehmerregelung gemäß § 19 UStG erfolgt kein Ausweis von Umsatzsteuer.