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
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |