sm0lorla posted: " Image 1 Image 2 Image 3 Image 4 Image 5 Image 6 Image 7 Image 8 Image 9 Image 10 In my other modules this term I have been researching into User Experience and accessibility. An important guideline I found suggested by the"
In my other modules this term I have been researching into User Experience and accessibility. An important guideline I found suggested by the Web Content Accessibility Guidelines is the contrast ratio rules.
For normal text, the recommended contrast ratio is 4:5:1, and for large text a ratio of 3:1 is suggested. These guidelines are in place to make users' experience the best it can be, and to ensure people with vision difficulties like colourblindness. The suggested contrast ratios mean that text on a background colour can be read by all people, which is what I want in my own designs. Accessibility has become very important to me since I learnt about it.
The contrast ratio checks (which I performed in WebAim) very helpfully give an example of what the coloured text will look like on a coloured background, and allow you to easily switch colours to see which pass the check.
The colour interactions that passed the test were:
Pink text on charcoal
Charcoal text on pink
Green text on charcoal
Charcoal text on green
Charcoal on pale lilac (purple lowered opacity)
Although some of the other interactions only worked for larger text, some of them also passed for graphic elements that don't use text. As well as this, the lilac-charcoal combination and most of the others passed for small text, although didn't pass the 'AAA' test, which is the guideline recommended for the best possible accessibility. For this reason, I will be using mainly charcoal for text in my branding, and hopefully using all the colours in my brand palette for graphic assets and backgrounds. I'm not sure how to reach the AAA standard yet, however I think my colour accessibility is a good start, and will be working in it in the future.
No comments:
Post a Comment