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
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
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
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
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.
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.
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.
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.
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
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
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.