Calculate contrast
On Android, you can use the Accessibility Scanner app to detect contrast issues automatically.
kotlin
// No code requiredIn Jetpack Compose, you can use the Accessibility Scanner app to detect contrast issues automatically. Or if your Composables have preview, you can run Compose UI checks directly from Android studio, to find common accessibiltiy issues.
kotlin
// No code requiredOn iOS, can use Xcode's Accessibility Inspector to detect contrast issues automatically.
You can also use the property accessibilityContrast to check if the user has enabled increased contrast in the Accessibility settings of their device.
swift
if UITraitCollection.current.accessibilityContrast == .high {
// High contrast logic
}In SwiftUI, can use Xcode's Accessibility Inspector to detect contrast issues automatically.
You can also use the property of colorSchemeContrast environment variable to check if the user has enabled increased contrast in the Accessibility settings of their device.
swift
// Access the current accessibility contrast scheme environment value
@Environment(\.colorSchemeContrast) private var colorSchemeContrast
var body: some View {
Text("Appt")
// Apply different colors depending on the contrast scheme
.foregroundColor(colorSchemeContrast == .increased ? .black : .gray)
.background(colorSchemeContrast == .increased ? .white : .black)
}With Flutter, you can use the Accessibility Scanner app and Xcode's Accessibility Inspector to detect contrast issues automatically.
dart
// No code requiredWith React Native, you can use the Accessibility Scanner app and Xcode's Accessibility Inspector to detect contrast issues automatically.
jsx
// No code requiredIn MAUI, you can use the Accessibility Scanner and Xcode's Accessibility Inspector to detect contrast issues automatically.
csharp
// No code requiredWith Xamarin, you can use the Accessibility Scanner app and Xcode's Accessibility Inspector to detect contrast issues automatically.
csharp
// No code required