Buttons, Links & Schnittstellen-Elemente allgemein

Der Zweck jedes Links kann durch den Linktext allein oder durch den Linktext zusammen mit seinem durch Software bestimmten Link-Kontext bestimmt werden außer in Fällen, in denen der Zweck des Links mehrdeutig für Benutzer im Allgemeinen wäre. (Level A)

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)

Charakterisieren Sie die Zugänglichkeit von benutzerdefinierten Elementen. Sie können Barrierefreiheitsmerkmale (UIKit) und -eigenschaften (AppKit) verwenden, um assistiven Technologien mitzuteilen, wie sich ein Element verhält. Wenn Sie z.B. Button oder NSAccessibilityButton verwenden, um eine Ansicht als Schaltfläche zu charakterisieren, bedeutet dies, dass VoiceOver die Beschreibung der Ansicht spricht, gefolgt vom Wort Button, das den Leuten mitteilt, dass sich die Ansicht wie eine Schaltfläche verhält.

Verwenden Sie eine konsistente Stilhierarchie, um die relative Bedeutung von Schaltflächen zu vermitteln. Sie können Schaltflächenformen einschalten, um die Unterscheidung aktiver Schaltflächen von umliegenden Inhalten zu erleichtern. Wenn Sie eine konsistente Hierarchie von Schaltflächenstilen verwenden, können die Leute die Bedeutung von Schaltflächen anhand ihres Aussehens erfassen. Beispielsweise verwenden die wichtigsten Schaltflächen eine abgerundete Rechteckform und eine farbige Füllung; sekundäre Schaltflächen sind nicht farbgefüllt, können aber Text oder eine Glyphe in der Tastenfarbe anzeigen; und die am wenigsten kritischen Schaltflächen verwenden unterstrichenen Text.

Berührungsziele sind die Teile des Bildschirms, die auf Benutzereingaben reagieren. Sie gehen über die visuellen Grenzen eines Elements hinaus. So kann ein Symbol beispielsweise 24 x 24 dp groß erscheinen, aber die es umgebende Polsterung umfasst die vollen 48 x 48 dp des Berührungsziels.

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.

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.

Wenn das Daraufbewegen und anschließende Entfernen vom Zeiger oder Tastaturfokussierung dazu führt, dass zusätzliche Inhalte sichtbar und dann versteckt werden, gilt Folgendes Level AA):

• Entlassung: Es steht ein Mechanismus zur Verfügung, um den zusätzlichen Inhalt zu verwerfen, ohne den Mauszeiger oder den Tastaturfokus zu bewegen, es sei denn, der zusätzliche Inhalt vermittelt einen Eingabefehler oder verdeckt oder ersetzt andere Inhalte nicht
• Hoverable: Wenn die Zeigerbewegung den zusätzlichen Inhalt auslösen kann, dann kann der Zeiger über den zusätzlichen Inhalt bewegt werden, ohne dass der zusätzliche Inhalt verschwindet
• Persistent: Der zusätzliche Inhalt bleibt so lange sichtbar, bis der Schwebe- oder Fokusauslöser entfernt wird, der Benutzer ihn ablehnt oder seine Informationen nicht mehr gültig sind. Ausnahme: Die visuelle Darstellung der zusätzlichen Inhalte wird durch den User-Agent gesteuert und wird vom Autor nicht verändert.

Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.

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)

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

Leicht auswählbare Ziele für Zeigegeräte zur Verfügung stellen: Die Zielgröße sollte optimiert werden, um sicherzustellen, dass sich das Ziel in angemessener Weise auswählen, gruppieren und von den benachbarten Benutzungsschnittstellen-Elementen unterscheiden lässt.

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.

Charakterisieren Sie die Zugänglichkeit von benutzerdefinierten Elementen. Sie können Barrierefreiheitsmerkmale (UIKit) und -eigenschaften (AppKit) verwenden, um assistiven Technologien mitzuteilen, wie sich ein Element verhält. Wenn Sie z.B. Button oder NSAccessibilityButton verwenden, um eine Ansicht als Schaltfläche zu charakterisieren, bedeutet dies, dass VoiceOver die Beschreibung der Ansicht spricht, gefolgt vom Wort Button, das den Leuten mitteilt, dass sich die Ansicht wie eine Schaltfläche verhält.

Lassen Sie die Menschen Informationen durch Sprechen statt durch Tippen eingeben. Durch Hinzufügen einer Diktat-Schaltfläche in einem Texteingabefeld können die Benutzer Sprache als bevorzugte Eingabemethode wählen. Wenn Sie eine benutzerdefinierte Tastatur erstellen, achten Sie darauf, eine Mikrofontaste für das Diktat einzufügen.

Arten von Feedback - Visuelles Feedback (z. B. Beschriftungen, Farben und Symbole) und Touch-Feedback zeigen den Benutzern, was in der Benutzeroberfläche verfügbar ist.

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.

Berührungsziele sind die Teile des Bildschirms, die auf Benutzereingaben reagieren. Sie gehen über die visuellen Grenzen eines Elements hinaus. So kann ein Symbol beispielsweise 24 x 24 dp groß erscheinen, aber die es umgebende Polsterung umfasst die vollen 48 x 48 dp des Berührungsziels.

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.

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.

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

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.

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.

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.