What could be more frustrating than a design discussion going around in circles? How to make an evaluation of a new design more unbiased so as to avoid “I like this, but not that”? The contrast ratio is a criterion that is often overlooked when evaluating a design. And it also allows you to close a debate with a less subjective argument.
The contrast ratio is also an element that influences the ease of navigation of your site (does the fashion for gray text on websites ring a bell?). We sometimes forget the number of people who have at least one vision problem. Can you guess the percentage? 10%, 15%, 20%, 30%….or more?
51% of the Canadian population (12 years and over) have a vision deficiency (2003 CCHS). WOW!
It is possible to easily calculate the contrast ratios for your site. But unfortunately few site managers bother to do so. I suggest you use the ‘colour contrast analyzer’ tool to automatically calculate color contrasts. It offers a very user-friendly color selection tool right on the screen, no need to guess the code of the colors you want to analyze.
The software allows you to:
- Calculation of color contrast
- Calculation of color brightness ratio
- Simulate the effect of certain vision disorders

(Example of simulation on the site cyberpresse.ca)

(here is an example of how gray text on a white background does not meet accessibility standards)
Expertises évoquées
(SizeLimitingPyList: [Tech, Client experience & UX])TechHow-ToBusinessBusiness StrategyPaid Media & SEMAnalytics & TrackingClient experience & UXContent & SEOSocial MediaInnovationDigital transformationE-commerceData Science & AI MarketingAdvisoOpinionsArtificial Intelligence MarketingSeriesCustomer-centric marketingContentProject ManagementUnderstand the impactsAcquiring durable audiencesEmail marketingGDPRAI MarketingCookie ApocalypsePersonalizing the customer experienceRaise awarenessCreating a value exchange programMarTechMarketing AutomationMeasuring and optimizing initiativesPrivate: Cookie ApocalypseBrandingFacebook AnalyticsLoyaltyOne-on-oneCOMMERCECtrl+A | A Podcast About Digital StrategyFacebook AnalyticsFind solutionsInnovationInsiderSecret weaponsTHOMA DANEAUWebinars
You May Also Like
These Related Stories

Analyser vos contrastes de couleur
Quoi de plus frustrant qu’une discussion sur le design qui tourne en rond? Comment rendre une évaluation d’un nouveau design plus impartiale pour ainsi éviter les ‘moi j’aime ceci, mais pas cela’? Le taux de contraste est un critère que l’on oublie souvent lors de l’évaluation d’un design. Et cela permet aussi de clore un débat avec un argument moins subjectif.

27 practical tips on web ergonomics: a summary
When web ergonomics is discussed, web usability is often mentioned. Web usability is the notion of defining the ease of use of an interface for a particular group of users within a particular context. Evaluation is based on three aspects: efficiency, meaning the possibility of the user reaching their goals, efficience, which takes into account the necessary efforts to reach these goals and satisfaction. Note that together these criterions have an important impact on visitor loyalty.

Core Web Vitals: How to optimize your site’s performance
If you gravitate in the world of SEO ( search engine optimization) you have probably heard of new positioning factors that are about to be evaluated by the Google algorithm: the Core Web Vitals . After Google first announced they would hit the scene in May 2021, their rollout date was recently pushed back and they are expected to roll out from mid-June (2021). WHAT ARE CORE WEB VITALS? Core Web Vitals , which can be translated as "essential web signals", are measures that indicate the performance of your pages based on actual usage data . These will aim to evaluate the web pages and assign them a score according to: their speed, their responsiveness, their visual stability. This new update to its positioning algorithm aims to improve the way Google analyzes the overall experience offered by websites. The Core Web Vitals therefore join the UX signals, already weighed by the search engine: mobile adaptability ; safe browsing ; the use of HTTPS ; compliance with best practices for interst …
Repérer et valoriser ce qui compte vraiment.
Recevez nos analyses et conseils pour rester à l’avant-garde du numérique.