Fokussierbarer Text

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data

WCAG 2.0 – 1.3.2 A Auswirkung – Kritisch

Ansichten mit Text sollten für unterstützende Technologien wie VoiceOver fokussierbar sein.

Auswirkung

Am stärksten betroffen sind blinde oder sehbehinderte Benutzer von VoiceOver. Textelemente sollten fokussierbar sein, damit ein Bildschirmleseprogramm Informationen an den Endbenutzer weitergeben kann.

Bestätigung

  1. VoiceOver aktivieren
  2. Versuchen Sie, sich auf das Textelement zu konzentrieren
  3. Eines der folgenden Ereignisse wird eintreten:
    • Nicht zugänglich: Textelement ist nicht fokussierbar.
    • Zugänglich: Textelement wird von VoiceOver fokussiert.

So beheben Sie das Problem

Ein von dieser Regel gefundenes Problem wird durch ein Textelement verursacht, das nicht als Element für Barrierefreiheit gekennzeichnet ist. Wenn eine fokussierbare übergeordnete Ansicht vorhanden ist, muss der Text nicht einzeln fokussierbar sein. Ein Beispiel hierfür wäre etwa die Beschriftung eines Steuerelements oder der beschreibende Text eines Steuerelements.

UIKit

Zur Behebung im Storyboard:

  1. Navigieren Sie zum Textelement.
  2. Bestätigen Sie, dass das Inspektor-Bedienfeld sichtbar ist.
  3. Wählen Sie den Identitätsinspektor aus.
  4. Aktivieren Sie unter „Eingabehilfen“ das Kontrollkästchen „Aktiviert“.

So beheben Sie es im Code:

Machen Sie das Textelement per VoiceOver fokussierbar:

label.isAccessibilityElement = true

SwiftUI

In SwiftUI sind Textelemente standardmäßig zugänglich. Sie sollten sicherstellen, dass der Text aussagekräftig ist und einen Kontext bietet. Deaktivieren Sie die Zugänglichkeit nicht mithilfe des Zugänglichkeitsmodifikators für versteckte Ansicht.

React Native

Textelemente sind standardmäßig zugänglich. Sie sollten sicherstellen, dass der Text aussagekräftig ist und einen Kontext bietet. Deaktivieren Sie die Barrierefreiheit nicht, indem Sie die accessible={false}-Eigenschaft direkt auf der Textkomponente oder die accessibilityElementsHidden=true-Eigenschaft auf der übergeordneten Komponente verwenden.