Allgemeines

Information- & Navigationsarchitektur Farbe & Kontrast Allgemeines

Machen Sie es Benutzern leichter, Inhalt zu sehen und zu hören einschließlich der Trennung von Vorder- und Hintergrund.

WCAG 2.1

Navigation Schhnittstellen-Elemente allgemein Allgemeines

Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Alle Funktionalitäten des Inhalts sind durch eine Tastaturschnittstelle bedienbar, ohne dass eine bestimmte Zeiteinteilung für einzelne Tastenanschläge erforderlich ist. (Stufe AAA)

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Ausreichend Zeit: Geben Sie den Benutzern ausreichend Zeit, Inhalte zu lesen und zu benutzen.

WCAG 2.1

Allgemeines zeitbasierte Medien allgemein

Gestalten Sie Inhalte nicht auf Arten, von denen bekannt ist, dass sie zu Anfällen führen.

WCAG 2.1

Schhnittstellen-Elemente allgemein Allgemeines

Jede durch Tastatur bedienbare Benutzerschnittstelle hat einen Bedienmodus, bei dem der Tastaturfokus sichtbar ist. (Level AA)

Information- & Navigationsarchitektur Allgemeines

Erleichtern Sie den Benutzern die Bedienung der Funktionalität durch verschiedene Eingaben über die Tastatur hinaus

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

Schhnittstellen-Elemente allgemein Allgemeines

Die Größe des Ziels für Zeigereingaben beträgt mindestens 44 x 44 CSS-Pixel, außer wenn (Level AAA):

  • Äquivalent: Das Ziel ist über einen gleichwertigen Link oder ein gleichwertiges Steuerelement auf derselben Seite verfügbar, das mindestens 44 x 44 CSS-Pixel groß ist
  • Inline: Das Ziel liegt in einem Satz oder Textblock
  • Benutzer-Agent-Steuerung: Die Größe des Targets wird durch den User-Agent bestimmt und wird vom Autor nicht verändert
  • Unverzichtbar: Eine besondere Darstellung des Ziels ist für die zu vermittelnde Information unerlässlich.

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Verständlich - Informationen und Bedienung der Benutzerschnittstelle müssen verständlich sein.

WCAG 2.1

Allgemeines

Die voreingestellte menschliche Sprache jeder Webseite kann durch Software bestimmt werden. (Level A)

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Die Änderung der Einstellung irgendeines Bestandteils der Benutzerschnittstelle führt nicht automatisch zur Änderung des Kontextes, außer der Benutzer wurde vor Benutzung des Bestandteils auf das Verhalten hingewiesen. (Level A)

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Bestandteile mit der gleichen Funktionalität innerhalb eines Satzes von Webseiten werden konsistent erkannt. (Level AA)

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Robust - Inhalte müssen robust genug sein, damit sie zuverlässig von einer großen Auswahl an Benutzeragenten einschließlich assistierender Techniken interpretiert werden können.

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Maximieren Sie die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten, einschließlich assistierender Techniken.

WCAG 2.1

Allgemeines

Bei Inhalt, der durch die Benutzung von Auszeichnungssprache implementiert wurde, haben Elemente komplette Start- und End-Tags, werden Elemente entsprechend ihrer Spezifikationen verschachtelt, enthalten Elemente keine doppelten Attribute und alle IDs sind einzigartig, außer wenn die Spezifikationen diese Eigenschaften erlauben. (Level A)

WCAG 2.1

Buttons & Links Schhnittstellen-Elemente allgemein Überschriften & Label Formulare & Textblöcke Allgemeines

Name, Rolle, Wert: Für alle Bestandteile der Benutzerschnittstelle (einschließlich: Formularelemente, Links und durch Skripte generierte Komponenten) können Name und Rolle durch Software bestimmt werden; Zustände, Eigenschaften und Werte, die vom Benutzer festgelegt werden können, können durch Software festgelegt sein; und die Benachrichtigung über Änderungen an diesen Elementen steht den Benutzeragenten zur Verfügung, einschließlich assistierender Techniken. (Level A)

WCAG 2.1

Information- & Navigationsarchitektur Allgemeines

Namen und Beschriftungen für Benutzungsschnittstellen-Elemente

ISO 9241-171

Information- & Navigationsarchitektur Allgemeines

Die Software muss jedem Benutzungsschnittstellen-Element einen Namen zuordnen, der zu dessen Erkennung dient, es sei denn, ein solcher Name wäre redundant.

ISO 9241-171

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

Information- & Navigationsarchitektur Allgemeines

Falls ein Benutzungsschnittstellen-Element eine visuelle Darstellung hat und nicht zu den Standardkomponenten der Benutzungsschnittstelle gehört, sollte die Software den Benutzern (entweder standardmäßig oder auf Anforderung des Benutzers) ihren Namen anzeigen.

ISO 9241-171

Allgemeines

Wenn die Software dem Benutzer ermöglicht, persönliche Präferenzen einzustellen, sollten diese Einstellungen leicht anzupassen sein.

ISO 9241-171

Schhnittstellen-Elemente allgemein Allgemeines

Die Software sollte es den Benutzern ermöglichen, die Attribute von allgemeinen Benutzungsschnittstellen-Elementen einzustellen, falls diese auf die Arbeitsaufgabe anwendbar sind.

ISO 9241-171

Allgemeines zeitbasierte Medien allgemein

Falls für den Zeitraum, innerhalb dessen Benutzerreaktionen erfolgen müssen, Grenzen gelten, die für die Aufrechterhaltung der Integrität der Arbeitsaufgabe oder der Aktivität entscheidend sind, oder wenn diese Grenzen auf durch aktuelle Ereignisse (z. B. eine Auktion) bedingten zeitlichen Beschränkungen beruhen, muss die Software den Benutzern ermöglichen, alle durch Software festgelegten zeitlichen Parameter für Benutzerreaktionen zu ändern.

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

Information- & Navigationsarchitektur Allgemeines

Menschen mit körperlichen und motorischen Herausforderungen können Schwierigkeiten haben, ihre Geräte zu halten oder zu manipulieren. Apple stellt mehrere Unterkünfte zur Verfügung, damit Menschen ihre Geräte ohne die Notwendigkeit einer feinmotorischen Steuerung nutzen können: Switch Control integriert adaptive Geräte mit iPhone, iPad, Mac und Apple TV/ Siri hilft Menschen, Apps und Geräte mit ihrer Stimme zu steuern/ Assistive Touch erleichtert die Ausführung von Standardgesten

ISO 9241-171

Allgemeines

Um die kognitive Belastung zu verringern und Menschen mit Lese- und Lernschwierigkeiten zu unterstützen, bietet Apple Funktionen wie Speak Screen, Typing Feedback und Safari Reader.

ISO 9241-171

Information- & Navigationsarchitektur Allgemeines

Wahrnehmbarkeit - Sicherstellen, dass alle Inhalte wahrgenommen werden können, unabhängig davon, ob die Menschen Sehen, Hören oder Tasten verwenden.

Apple Inc.

Allgemeines

Unterstützung der Personalisierung: Sie entwerfen Ihre Anwendung bereits so, dass sie an Umgebungsvariationen angepasst werden kann - wie z. B. Geräteausrichtung, Bildschirmgröße, Auflösung, Farbraum und geteilte Ansicht -, denn Sie möchten, dass die Benutzer Ihre Anwendung in jedem Kontext und auf allen unterstützten Geräten genießen können. Mit minimalem Zusatzaufwand können Sie Ihre Anwendung so gestalten, dass sie die Zugänglichkeitsfunktionen unterstützt, mit denen die Benutzer die Art und Weise, wie sie mit ihren Geräten interagieren, personalisieren können.

Apple Inc.

Allgemeines

Aktivieren Sie für jeden kritischen Benutzerfluss in Ihrer Anwendung eine Zugänglichkeitsfunktion, wie z. B. VoiceOver, Bewegung reduzieren oder große Textgröße, und stellen Sie sicher, dass Sie jede Aufgabe in dem Fluss ohne Schwierigkeiten erledigen können. Nachdem Sie alle aufgedeckten Probleme behoben haben, aktivieren Sie eine andere Zugänglichkeitsfunktion und durchlaufen den Benutzerfluss erneut.

Apple Inc.

Icons & Illustration Buttons & Links Schhnittstellen-Elemente allgemein Allgemeines

Gesten: Geben Sie allen Bedienelementen und interaktiven Elementen ein Trefferziel, das mindestens 44pt x 44pt misst. Personen mit eingeschränkter Mobilität benötigen größere Trefferziele, damit sie mit Ihrer App interagieren können. Zu kleine Steuerelemente können für alle Benutzer frustrierend schwer zu treffen sein.

Apple Inc.

Information- & Navigationsarchitektur Allgemeines

Setzen Sie die Gesten der Plattform nicht außer Kraft. Es wird erwartet, dass Systemgesten, wie z. B. das Herunterschwenken, um Notification Center oder die in den Systemeinstellungen verfügbaren MacOS-Trackpad-Gesten anzuzeigen, unabhängig von der verwendeten Anwendung funktionieren.

Apple Inc.

Allgemeines

Unterstützung der systembedingten Haptik. Viele Menschen verlassen sich auf die Haptik, um mit Apps zu interagieren, wenn sie den Bildschirm nicht sehen können. Beispielsweise spielen Systemanwendungen Haptiken ab, um Personen zu benachrichtigen, wenn eine Aufgabe erfolgreich oder fehlgeschlagen ist oder wenn ein Ereignis bevorsteht. Achten Sie darauf, die systemdefinierten Haptiken in Ihrer Anwendung konsistent zu verwenden, damit Sie die Leute nicht verwirren.

Apple Inc.

Allgemeines

Unterstützen Sie Siri oder Siri-Shortcuts für die Ausführung wichtiger Aufgaben allein durch Sprache.

Apple Inc.

Information- & Navigationsarchitektur Schhnittstellen-Elemente allgemein Allgemeines

Jede hinzugefügte Schaltfläche, jedes Bild und jede hinzugefügte Textzeile erhöht die Komplexität einer UI. Damit sie trotzdem verstanden wird, erreichen Sie durch: Deutlich sichtbare Elemente, Ausreichender Kontrast und Größe, eine klare Hierarchie der Wichtigkeit, wichtige Informationen, die auf einen Blick erkennbar sind.

Google

Allgemeines

Die Fokusüberquerung zwischen Bildschirmen und Aufgaben verbessert die Benutzererfahrung, wenn sie kontinuierlich erfolgt. Wenn eine Aufgabe unterbrochen und dann wieder aufgenommen wird, kann sie dazu beitragen, den Fokus wieder auf das Element zu lenken, das zuvor fokussiert war.

Google

Schhnittstellen-Elemente allgemein Allgemeines

Andere visuelle Hinweise - Für Benutzer, die farbenblind sind oder keine Farbunterschiede sehen, können andere Designelemente helfen, die gleiche Menge an Informationen auszudrücken.

Google

Farbe & Kontrast Schhnittstellen-Elemente allgemein Allgemeines

Da Farbenblindheit verschiedene Formen annimmt (einschließlich Rot-Grün, Blau-Gelb und Monochromie), helfen mehrere visuelle Hinweise, wichtige Zustände zu kommunizieren. Elemente wie Striche, Indikatoren, Muster, Textur oder Text können Aktionen und Inhalte beschreiben.

Google

Buttons & Links Schhnittstellen-Elemente allgemein Allgemeines

Für die meisten Plattformen sollten Berührungsziele mindestens 48 x 48 dp betragen. Ein Berührungsziel dieser Größe ergibt eine physische Größe von etwa 9 mm, unabhängig von der Bildschirmgröße. Die empfohlene Zielgröße für Touchscreen-Elemente beträgt 7-10 mm. Es kann sinnvoll sein, größere Berührungszielmarken zu verwenden, um ein größeres Spektrum von Benutzern zu bedienen.

Google

Information- & Navigationsarchitektur Allgemeines

Zeiger-Zielmarken sind ähnlich wie Berührungs-Zielmarken, gelten aber für die Verwendung von bewegungserfassenden Zeigegeräten wie einer Maus oder einem Stift. Ziehen Sie in Erwägung, Zeigerzielgeräte mit mindestens 44 x 44 dp herzustellen.

Google

Buttons & Links Schhnittstellen-Elemente allgemein Allgemeines

Die Android-Zielgrößen betragen 48 x 48 dp

Information- & Navigationsarchitektur Buttons & Links Schhnittstellen-Elemente allgemein Allgemeines

Touch Target Abstand: In den meisten Fällen fördern Berührungsziele, die durch 8dp Raum oder mehr getrennt sind, eine ausgewogene Informationsdichte und Benutzerfreundlichkeit.

Google

Information- & Navigationsarchitektur Schhnittstellen-Elemente allgemein Allgemeines

Gruppierung von Items - Verwandte Items können zur Verbesserung der Lesbarkeit nahe beieinander gruppiert werden.

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

Schhnittstellen-Elemente allgemein Allgemeines

Elemente durch Aktion anzeigen - 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.

Google

Bilder & Slideshow Schhnittstellen-Elemente allgemein Allgemeines

Funktionelle Bilder - Nach dem W3C sind funktionale Bilder Logos, Icons, Bilder innerhalb einer Schaltfläche und Bilder, die verfolgbar sind, wie z.B. ein Link. Der Alt-Text für funktionale Bilder unterscheidet sich von Alt-Text für andere Arten von Bildern, weil der Alt-Text für funktionale Bilder die Funktion des Bildes darstellt - nicht seinen Inhalt oder sein Aussehen.

Google

Schhnittstellen-Elemente allgemein Allgemeines

Durch die Verwendung von Standard-Plattformsteuerelementen und semantischem HTML (im Web) enthalten die Anwendungen automatisch das Markup und den Code, die für eine gute Zusammenarbeit mit der unterstützenden Technologie einer Plattform erforderlich sind.

Google

Schhnittstellen-Elemente allgemein Allgemeines

Bei Tastatur- und Mausschnittstellen kann jede Aufgabe und alle Hover-Informationen über die reine Tastatureingabe verfügbar sein.

Google

Schhnittstellen-Elemente allgemein Allgemeines

UI-Elemente beschriften - Damit die Benutzer von Bildschirmleseprogrammen wissen, welche UI-Elemente angetippt werden können, ermöglichen Sie es Bildschirmleseprogrammen, die Namen von Komponenten laut vorzulesen. Das contentDescription-Attribut kann Komponenten (wie Schaltflächen, Symbole und Registerkarten) hinzugefügt werden, die Symbole ohne sichtbaren Text enthalten. Für Webanwendungen fügen Sie ein Aria-Label hinzu.

Google

Allgemeines

Sprechen Sie mit Ihren Benutzerinnen und Benutzern, insbesondere mit denen, die assistive Technologien verwenden, um zu erfahren, welche Bedürfnisse sie haben, was sie von Ihrer App erwarten, welche Werkzeuge sie verwenden und wie sie diese nutzen. Machen Sie sich mit diesen Werkzeugen vertraut, damit Sie ihnen das beste Erlebnis bieten können.

Google

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