![]() I suggest using the Paciello Group’s Colour Contrast Analyser. The next step is to calculate the contrast between them, fortunately there are a ton of tools to do this for you. To check your app’s contrast take a look at your pallette and think about any combinations you use for text and backgrounds. But ideally aim for higher than 4.5:1 if you can. In grey terms, this means nothing lighter than #767676 for text presented on white. There are some exceptions to this rule, but this means any contrast greater or equal to 4.5:1 should be easy to read for all of your users. The WCAG rule for text colour contrast is 4.5:1. More than that, WCAG is also the basis of accessibility laws and regulations in many jurisdictions. Written by a range of experts and users with various abilities and based on loads of user testing and research, its your go-to guide for making accessible experiences. The Web Content Accessibility Guidelines is the guide that details what works and what doesn’t for digital accessibility. This effect can be heightened too for people who have blurred or obscured vision, or one of many forms of colour blindness. And this problem is not just limited to greys - lighter colours too can blend into the background. Color values are in the page address bar, so they’re easy to bookmark and share.How many shades of grey do you use in your app? OK, maybe thats a bit cruel towards designers, grey is a great colour, but the problem with grey is that it can be deceptively difficult to distinguish from a background.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |