Skip to main content

Accessible Toggle mit SwiftUI

Dieses Beispiel demonstriert die Verwendung eines barrierefreien Toggles in SwiftUI mit Label und einer dynamischen Systemgrafik. Es eignet sich ideal für Apps mit Fokus auf Zugänglichkeit und guter Nutzerführung.


🔍 Zweck

Dieses Beispiel zeigt, wie ein Toggle mit dynamischem Symbolzustand und accessibilityHint implementiert wird, um Nutzer:innen mit Assistenztechnologien eine verständlichere Bedienung zu ermöglichen.


📄 Codebeispiel

import SwiftUI

struct AccessibleToggleExample: View {
    @State private var enabled = true

    var body: some View {
        Toggle(isOn: $enabled) {
            // Label dynamically changes its icon depending on toggle state
            Label("Enable Feature", systemImage: enabled ? "checkmark.circle" : "xmark.circle")
        }
        // Provides an accessibility hint for screen reader users
        .accessibilityHint("Toggles the feature on or off")
        .padding()
    }
}