![]() If your colors are defined in code, you have two options: you can either respond to the UIAccessibility.darkerSystemColorsStatusDidChange notification, or you can override traitCollectionDidChange. You may also notice how the “Background” colors (above) do not look drastically different in the Color Set, but in the app, there’s a huge difference! In the following screenshots, you can see how the “Switch Tint” and “Tint” colors are defined in my assets and how they look within my app. To allow these colors to support Increase Contrast, simply select the “High Contrast” option under “Appearances,” then, you can adjust the color for High Contrast. If you have specific design requirements, you may have your colors defined as a Color Set in an xcassets folder. ![]() I also used System Gray 6 as a background color. In this example, I used the “Label” color for the text color, System Indigo for the button and slider tint colors, and System Orange for the Switch’s tint color. You can learn more about System colors in Apple’s Human Interface Guidelines. If you want to branch out of the default colors, another option is to use “System colors.” System colors automatically adapt to Dark Mode and accessibility settings (such as Increase Contrast). All controls and text become darker when Increase Contrast is enabled. The easiest way to support Increase Contrast is to simply use the default color scheme. The way you choose to support it depends on how color is already incorporated into your app, and whether you have a specific color palette in mind. There are four different ways to support Increase Contrast. This is the behavior you want in your app. To try it, go to Settings > Accessibility > Display & Text Size, and select “Increase Contrast.” When enabled, you may notice in Settings that text immediately becomes darker, each individual cell becomes more defined, and each control appears darker, including the back button. Increase Contrastīefore digging right in, you may want to first check which components in your app already respond to Increase Contrast. You can learn more about testing Color Contrast in mobile apps here. This blog post is purely about supporting a great feature in iOS that can help users feel more comfortable with using your app. One disclaimer before we get started: Supporting Increase Contrast does not make your app WCAG compliant. If you would like, follow along with an app I made for this blog post! WCAG Compliance some best practices for supporting Increase Contrast.the various ways to support Increase Contrast.how to check if your app responds to Increase Contrast.Even if your app is WCAG compliant, some users may benefit from having controls and other elements stand out in your app. Increase Contrast is an accessibility feature available in iOS that allows users to increase the contrast of all text and controls across their entire device. IOS Color Contrast Best Practice: Increase Contrast
0 Comments
Leave a Reply. |