====== 7.1. Ensure an optimal contrast between text and background colour ======

By and large the colours proposed by default in the graphic charter should not be modified, in order to retain visual consistency throughout the website or application. You can often just let the publishing software handle the styles that are automatically applied to content when pages are displayed.

Nevertheless, it is sometimes useful to define customized colours directly in the content. In these circumstances, you need to make sure that there is an optimal contrast between the text colour and the background colour. 

<note mal>{{:notices:contributeurs:7.1-a-en.jpg?direct |}}</note>
<note bien>{{:notices:contributeurs:7.1-b-en.jpg?direct|}}</note>

<note astuce>**Tip**\\
If you are in doubt about the contrast, it is probably because the contrast is insufficient. In this case, do not hesitate to increase it. </note>

Moreover, text that is included in images or rich content such as animations must also be sufficiently contrasted from the background.

<note attention>**Warning**\\
If images or rich content which contain text with insufficient contrast to the background are provided for publication, they must be returned to the person who provided them in order to obtain a new optimised version.</note>