Diagramm, Captchas & Test

Diagramme

Farbe & Kontrast Diagramme

Die visuelle Darstellung der folgenden Elemente hat ein Kontrastverhältnis von mindestens 3:1 gegenüber der/den benachbarten Farbe(n) (Level AA):

  • Komponenten der Benutzerschnittstelle - Visuelle Informationen, die zur Identifizierung von Komponenten und Zuständen der Benutzerschnittstelle erforderlich sind, außer bei inaktiven Komponenten oder wenn das Aussehen der Komponente vom Benutzeragenten bestimmt und nicht vom Autor geändert wird
  • Grafische Objekte - Teile von Grafiken, die zum Verständnis des Inhalts erforderlich sind, es sei denn, eine bestimmte Darstellung von Grafiken ist für die zu vermittelnde Information unerlässlich.

WCAG 2.1

Bilder & Slideshow Animation Buttons & Links Überschriften & Label Diagramme Allgemeines

Bei User Interface Elementen mit Beschriftungen, die Text oder Bilder von Text enthalten, enthält der Name den Text, der visuell dargestellt wird. (Level A)

WCAG 2.1

Bilder & Slideshow Icons & Illustration Diagramme

Es sind aussagekräftige Symbole und Bilder zu verwenden.

BITV 2.0

Icons & Illustration Diagramme

Die Software sollte es den Benutzern ermöglichen, zu wählen, ob nur die Bildschirmsymbole, die Bildschirmsymbole mit der Textbeschriftung oder nur die Textbeschriftung der Bildschirmsymbole angezeigt werden sollen.

ISO 9241-171

Icons & Illustration Diagramme

Um die Leserlichkeit von Grafiken zu verbessern, sollte die Software den Benutzern ermöglichen, die für die Darstellung des Inhaltes dienenden Attribute zu verändern, ohne jedoch deren Bedeutung zu ändern

ISO 9241-171

Bilder & Slideshow Animation Icons & Illustration Fehlermeldungen, Hilfe & Hinweise Diagramme

Textalternativen in elektronischen Dokumentationen und Hilfen bereitstellen: Informationen, die durch die Software in Form von Bildern und Graphiken dargestellt werden, müssen auch als beschreibender Text zur Verfügung gestellt werden, der sich für Screenreader, zum Ausdrucken oder zur Umwandlung in Brailleschrift eignet, damit er mithilfe eines alternativen Verfahrens gelesen werden kann

ISO 9241-171

Diagramme

Machen Sie Infografiken vollständig zugänglich. Stellen Sie eine kurze Beschreibung der Infografik zur Verfügung, die erklärt, was sie vermittelt. Wenn Menschen mit der Infografik interagieren können, um mehr oder andere Informationen zu erhalten, müssen Sie diese Interaktionen auch für VoiceOver-Benutzer zugänglich machen. Die Zugänglichkeits-APIs bieten Möglichkeiten zur Darstellung benutzerdefinierter interaktiver Elemente, so dass unterstützende Technologien den Menschen bei der Nutzung helfen können. Hinweise für Entwickler finden Sie unter UIKit-Barrierefreiheit und AppKit-Barrierefreiheit.

Apple Inc.

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

Tests & Captchas

Tests und Captchas

Wenn ein Nicht-Text-Inhalt ein Test oder eine Übung ist, der bzw. die ungültig wäre, wenn er bzw. sie in Textform präsentiert würde, dann bieten Textalternativen zumindest eine beschreibende Identifizierung des Nicht-Text-Inhalts. (Level A)

WCAG 2.1

Tests und Captchas

Wenn der Zweck von Nicht-Text-Inhalten darin besteht, zu bestätigen, dass auf Inhalte von einer Person und nicht von einem Computer zugegriffen wird, dann werden Textalternativen angeboten, die den Zweck der Nicht-Text-Inhalte identifizieren und beschreiben, und es werden alternative Formen von CAPTCHA angeboten, die Ausgabemodi für verschiedene Arten der Sinneswahrnehmung verwenden, um verschiedenen Behinderungen Rechnung zu tragen. (Level A)

Formulare & Textblöcke Tests und Captchas Suche & Filter

Der Zweck jedes Eingabefeldes, das Informationen über den Benutzer sammelt, wird programmatisch festgelegt. (Level AA)

WCAG 2.1

Formulare & Textblöcke Tests und Captchas

Wenn eine authentifizierte Sitzung abläuft, kann der Benutzer die Handlung nach der erneuten Authentifizierung ohne Datenverlust fortführen. (Level AAA)

WCAG 2.1

Tests und Captchas

Sie können Ihr Design mit den eingeschalteten Zugänglichkeitseinstellungen der Plattform testen (sowohl während als auch nach der Implementierung).

Google

Tests und Captchas

Testen Sie Ihre Anwendung von Anfang bis Ende auf die vollständige Erledigung der Aufgabe, wobei verschiedene unterstützende Technologien eingeschaltet sein sollten.

Google

Buttons & Links Schhnittstellen-Elemente allgemein Tests und Captchas
Hier ist zu sehen wie Buttons und Schaltflächen in ihrer Touch-Zielgröße aussehen sollte. Ein Praxisbeispiel aus dem material.io Guide von Google.

Berührungsziele sollten mindestens eine Größe von 44 x 44 dp haben. Android-Ziele haben eine Größe von 48 x 48 dp. Zielgröße: 48; Avatar: 40dp; Icon: 24dp

Google

Schhnittstellen-Elemente allgemein Formulare & Textblöcke Tests und Captchas
Linker Teil des Bildes zeigt eine App mit 0einem richtigen Standard-Plattform-Dialog. Die rechte Seite zeigt einen falschen nicht standardisierten Dialog.

Links-Korrekt: Verwenden Sie native Elemente, wie z.B. den Standard-Plattform-Dialog.

Rechts-Falsch: Seien Sie vorsichtig bei der Verwendung von nicht standardisierten Elementen, wie z.B. einem nicht standardisierten Plattformdialog zur Durchführung einer Standard-Dialogaufgabe. Es erfordert zusätzliche Tests, um gut mit assistierender Technologie zu arbeiten.

Google

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