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.

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 :

<a href="/actualites-et-presse/" title="Actualités & Presse (rubrique active)">Actualité & Presse</a>

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”).

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.