====== 10.3.2. Garantir la compréhension de l'information même lorsque CSS est désactivé ======

Veiller à ce que l'information reste compréhensible même lorsque CSS est désactivé, notamment lorsque des couleurs, des tailles ou des positions sont vecteurs d'informations.

===== Exemples =====

==== Position courante dans les menus, exemple 1 ====

{{:notices:graphique-ergonomique:1.1.4-c.jpg?direct&400|}} \\

Dans ce premier exemple, la couleur de fond du lien "Actualités & Presse" dans le menu indique qu'il s'agit de la rubrique active. Pour ne pas perdre cette information sans CSS, ajouter un attribut ''title'' sur le lien tel que :
<code html>
<a href="/actualites-et-presse/" title="Actualités & Presse (rubrique active)">Actualité & Presse</a>
</code>

==== Position courante dans les menus, exemple 2 ====

{{:notices:graphique-ergonomique:1.1.4-a.jpg?direct|}}\\

Dans ce second exemple, une flèche tournée vers le bas marque l’élément déplié du menu (“Espace Adhérent”) tandis qu’un fond de couleur et une flèche tournée vers la droite marque l’élément de la page courante (“Les points Filigrane”).

{{:notices:html-css:css-desactive-01.jpg?direct|}}\\

Lorsque CSS est désactivé, la flèche et les couleurs de fond disparaissent. Cependant, "Espace adhérent" étant la liste seule dépliée, et "Les points filigrane" le seul élément sans lien ''<a>'', l'information reste compréhensible.


===== Recommandations associées =====

<note bulle>
  * Recommandation précédente : [[notices:html-css:garantir-la-lisibilite-des-contenus-lorsque-les-images-ne-sont-pas-affichees]]
  * Recommandation suivante : [[notices:html-css:veiller-a-ce-que-l-ordre-de-tabulation-suive-la-logique-de-l-ordre-de-lecture]]
</note>