High contrast mode is essential for mobile app accessibility, ensuring readability for users with low vision. On iOS, Increase Contrast (UIKit High Contrast) and on Android, High Contrast Mode (Jetpack Compose accessibility) adapt color schemes to achieve a 7:1 luminance ratio, meeting WCAG 2.1 contrast standards (World Wide Web Consortium (W3C) WCAG 2.1). When developing our app, we found that users with low vision couldn't read text even with dark mode enabled. The 4.5:1 ratio required by WCAG 2.1 proved insufficient. Fines for inaccessibility can reach 500,000 rubles, and rework costs after implementing HC can be up to 200,000 rubles — rework that can be avoided with proper adaptation. Typical savings from preventing a single accessibility lawsuit exceed $10,000. HC mode achieves a contrast ratio of 7:1, which is 55% higher than the standard level and 1.5 times higher than dark mode's typical 5:1. On iOS, it's called Increase Contrast; on Android, High Contrast Text or Samsung's High Contrast Mode. Section 4.2 of the App Store Review Guidelines mandates adapting the interface for users with disabilities. We implement this mode turnkey in 1–3 days — 50% faster than conventional accessibility audits. The cost for adapting a typical app ranges from $300 to $1000, depending on the number of custom components—a one-time investment to prevent fines.
Why is high contrast mode important?
Dark mode changes the color palette but often retains average contrast. HC forces the background to be maximally light and text maximally dark, removes decorative elements, gradients, and shadows. This is necessary for users with low vision or color vision deficiency, when even dark mode doesn't ensure readability. Readability testing on real devices confirms: with HC, text remains legible even in bright sunlight.
How do I implement High Contrast on iOS?
The system automatically adapts semantic colors (UIColor.label, UIColor.secondaryLabel) for HC. Custom colors from Asset Catalog support High Contrast variants: add an HC variant — and the color switches without code. For SwiftUI, use @Environment(\.colorSchemeContrast):
@Environment(\.colorSchemeContrast) var contrast var textColor: Color { contrast == .increased ? .black : .secondary } Also subscribe to UIAccessibility.darkerSystemColorsStatusDidChangeNotification for dynamic updates.
Android Handling of High Contrast
On Android, "High Contrast Text" is a system overlay that cannot be controlled from the app, but you can check via AccessibilityManager.isHighTextContrastEnabled(). Samsung One UI provides a full mode that changes system colors. In Jetpack Compose, isSystemInDarkTheme() doesn't react to HC — a separate check is needed:
val am = getSystemService(AccessibilityManager::class.java) val isHighContrast = am?.isHighTextContrastEnabled ?: false | Platform | System Flag | Developer Accessibility | Notes |
|---|---|---|---|
| iOS | UIAccessibility.isDarkerSystemColorsEnabled | Subscribe via Notification | Automatically applied to system colors |
| Android (AOSP) | AccessibilityManager.isHighTextContrastEnabled() | Read-only | Applies system overlay, app doesn't control |
| Samsung One UI | Built-in mode | Not accessible via SDK | Changes system colors, app adapts through theme |
Components Requiring Adaptation in High Contrast Mode
| Component | Standard Mode | High Contrast |
|---|---|---|
| Text color on background | 4.5:1 | 7:1 |
| Thin borders | 1px gray | 2px black |
| Gradients and images | Semi-transparent | Solid background + backing |
| Shadows and blur | UIVisualEffectView | Opaque background |
| Decorative icons | Gray semi-transparent | Only functional, black |
Adapting the color scheme involves creating HC variants for all custom semantic color tokens. This is especially important for components where contrast drops below 7:1.
Typical Mistakes in Adaptation
- 1px dividers on white background disappear in HC — increase to 2px and make them black. In one financial app project, we found that after enabling HC, all dividers vanished — we had to increase their thickness to 2px and change the color to #000.
- Frosted glass (
UIVisualEffectView) doesn't provide enough contrast — replace with a solid opaque background. - Thin fonts (weight: 300) on light backgrounds lose readability — use weight 400+.
7:1 contrast is Level AAA for normal text. For large text (≥18pt or ≥14pt bold), 4.5:1 is sufficient. We recommend adhering to AAA for all text to cover the maximum number of users.
Work Process
- Analysis: review current color scheme and component implementation.
- Design: create HC variants in Asset Catalog or code.
- Implementation: add checks for system flags, replace effects.
- Testing: verify contrast on simulators and real devices (3+ models) using accessibility scanners.
- Deployment: update the app on App Store and Google Play.
What's Included
- Full audit of the current interface for WCAG 2.1 conformance.
- Creation of HC color scheme (iOS Asset Catalog + SwiftUI, Android colors.xml).
- Revision of custom components (buttons, cells, screens).
- Testing on 2-3 real devices using accessibility scanners.
- Documentation on using HC mode for support.
Our team's experience — over 5 years in mobile development and 20+ projects integrating accessibility features. We guarantee that after adaptation, your app will pass moderation for accessibility requirements. Contact us for a free consultation. Order high contrast mode adaptation today.
Timeline: 1–3 days depending on the volume of custom UI components. Pricing is calculated individually. Get a consultation on adapting your app or order a free accessibility audit.