2.1. Make sure that information is comprehensible, even if the colours are absent

Information must not be conveyed solely by colour.

In the first example, the information in the chart can only be understood by associating each segment with a colour.
The second version is comprehensible even if the colours are absent.

In this first example, squares of different colors are used for the legend. Information is conveyed only by this means.
Même graphique camembert, un pourcentage et une légende sont associés à chaque portion.
Tandis que cette version du camembert reste compréhensible même sans couleur.

Graphique camembert, un pourcentage est associé à chaque portion, la couleur de chaque portion est reprise dans la légende qui indique à quoi correspondent les portions.
In this first example of a navigation menu, information regarding the current position (“Investors”) is only conveyed by a change in the background color.
Même graphique camembert, un pourcentage et une légende sont associés à chaque portion.
While in this version, the addition of a downward pointing arrow makes the information understandable even in the absence of colors.

In this first example of a carousel navigation system, the information regarding the current position is conveyed only by the color change.
While in this version, the change of shape of the current position makes it possible to make the information understandable even in the absence of colors.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Updates

02 September 2025
Update of the ‘chart’ and ‘carousel pagination’ examples

Back to top