Apps barrierefrei gestalten

Achte darauf, dass deine Android-App für alle Nutzer nutzbar ist, auch für Personen mit Anforderungen an die Barrierefreiheit.

Menschen mit eingeschränkter Sehfähigkeit, Farbenblindheit, Beeinträchtigung des Hörvermögens Feinmotorik, kognitive Behinderungen und viele andere Behinderungen nutzen Android Geräte. Wenn Sie Apps mit im Hinterkopf, verbessern Sie die User Experience für Personen mit Anforderungen an die Barrierefreiheit.

Auf dieser Seite finden Sie Richtlinien zur Implementierung zentraler Elemente der Barrierefreiheit. damit alle Nutzer deine App leichter nutzen können. Detailliertere Informationen zur Weitere Informationen dazu, wie Sie Ihre App barrierefreier gestalten können, erhalten Sie unter Prinzipien zur Verbesserung von Apps Barrierefreiheit.

Sichtbarkeit von Text erhöhen

Wir empfehlen für jeden Textsatz in Ihrer App den Farbkontrast oder Helligkeitsunterschied zwischen der Textfarbe und der Farbe des Hintergrunds des Textes, sodass er über einem bestimmten Grenzwert liegt. Die hängt von der Schriftgröße des Textes und davon ab, ob der Text Fett:

  • Ist der Text kleiner als 18 pt oder ist er fett und kleiner als 14 pt, setzen Sie das Farbkontrastverhältnis auf mindestens 4,5:1.
  • Legen Sie für den restlichen Text das Farbkontrastverhältnis auf mindestens 3:1 fest.

Die folgende Abbildung zeigt zwei Beispiele für den Farbkontrast zwischen Text und Hintergrundfarbe:

<ph type="x-smartling-placeholder">
</ph> Bilder mit Text
<ph type="x-smartling-placeholder">
</ph> Abbildung 1: Niedriger als empfohlen (links) und ausreichende Farbe (rechts) Kontrast.

Verwende eine Onlinefarbe, um den Farbkontrast von Text zu Hintergrundfarbe in deiner App zu prüfen oder die Bedienungshilfen Scanner

Große, einfache Steuerelemente verwenden

Die Benutzeroberfläche deiner App ist nutzerfreundlicher, wenn die Steuerelemente besser zu sehen sind und tippe darauf. Wir empfehlen, dass jedes interaktive UI-Element einen fokussierbaren Bereich oder Größe des Berührungszielbereichs von mindestens 48 dpx und 48 dp Je größer der Wert, desto besser.

Damit ein Berührungszielbereich für ein bestimmtes UI-Element groß genug ist, gilt Folgendes: müssen beide Bedingungen erfüllt sein:

Aufgrund der Padding-Werte darf die sichtbare Größe eines Objekts kleiner als 48 dpx 48 dp sein die empfohlene Größe des Berührungszielbereichs hat.

Im folgenden Code-Snippet sehen Sie ein Element mit der empfohlenen Touch-Geste „Touch“. Zielgröße:

<ImageButton ...
    android:paddingLeft="4dp"
    android:minWidth="40dp"
    android:paddingRight="4dp"

    android:paddingTop="8dp"
    android:minHeight="32dp"
    android:paddingBottom="8dp" />

Jedes UI-Element beschreiben

Geben Sie für jedes UI-Element in Ihrer App eine Beschreibung an, beschreibt den Zweck des Elements. Meistens fügen Sie diese Beschreibung Das Attribut contentDescription des Elements, wie im folgenden Code dargestellt snippet:

<!-- Use string resources for easier localization. -->
<!-- The en-US value for the following string is "Inspect". -->
<ImageView
    ...
    android:contentDescription="@string/inspect" />

Wenn Sie Beschreibungen zu den UI-Elementen Ihrer App hinzufügen, sollten Sie Folgendes beachten: zu beachten:

  • Geben Sie in der Inhaltsbeschreibung nicht den Typ des UI-Elements an. Bildschirm geben Leser automatisch den Typ und die Beschreibung des Elements an. Für Wenn z. B. die Auswahl einer Schaltfläche zu einem die in Ihrer App ausgeführt werden soll, die Beschreibung der Schaltfläche auf "Submit" setzen, nicht auf "Submit button".

  • Jede Beschreibung muss eindeutig sein. Wenn Nutzer von Screenreadern sich wiederholende Elementbeschreibungen erkennen, dass das Element liegt der Fokus auf einem Element, das bereits zuvor im Fokus war. Insbesondere hat jedes Element innerhalb einer Datenansichtsgruppe wie RecyclerView muss eine andere Beschreibung. Jede Beschreibung muss sich auf individuelle Inhalte beziehen. zu einem bestimmten Element hinzugefügt, z. B. dem Namen einer Stadt in einer Liste von Standorten.

  • Wenn die minSdkVersion deiner App 16 oder höher ist, kannst du die android:importantForAccessibility "no" für grafische Elemente, die nur für dekorative Effekts.

Weitere Informationen

Weitere Informationen zur Verbesserung der Barrierefreiheit Ihrer App finden Sie hier: Weitere Informationen:

Codelabs

Blogposts