![]() Even though it’s great to support these settings in your apps, you cannot use them as a way to meet WCAG criteria. In iOS, there’s “Increase Contrast,” and in Android, there’s “High Contrast Text.” Both of these are OS-wide settings where a user can increase color contrast across their entire device. There are a few “High Contrast” settings available. For this reason, unless you know for sure that a certain font is 18+ pt or 14+ pt bold (24px or 19px bold for web), do not assume that text can be considered large. It is difficult to determine text size by looks, particularly on mobile, which can have a wide range of DPI and screen sizes. If your app has any other themes that affect background and text colors, you should test the color contrast on each of those themes as well. If your app supports Dark Mode, you should test your app for color contrast issues in both Dark and Light Modes. In the last few years, iOS and Android have both released a system-wide “Dark Mode” feature. In particular, the rise of Dark Mode as an OS-wide setting, and what to do about Large Text. Before we jump right into ways to test for mobile, there are a few things to keep in mind when testing specifically on mobile apps. Unfortunately, mobile is not that simple. Using this formula, WCAG states that a 4.5:1 color contrast ratio with text and its background is adequate for regular (body) text, and large text (14+ pt bold, or 18+ pt regular) should have at least a 3:1 color contrast ratio. ![]() This criteria uses a particular algorithm to map color combinations into comparable ratios. The Web Content Accessibility Guidelines (WCAG) has a specific guideline ( WCAG 1.4.3) to help figure out whether text is readable for sighted users. So, at what point is there a good enough contrast between the text and its background where it can be called “acceptable”? And, how do we make sure that text is readable by everybody, including those with low vision or color blindness? When designing an app, it is important to ensure that the background colors do not interfere with the app’s foreground text. Simply put, having an acceptable color contrast means that any visible text in your app can be seen clearly by any sighted user, even people with low vision or color blindness.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |