retour vers le site AccessiWeb

Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Présentation de l'information > Critère 10.2

Critère 10.2 : Dans chaque page Web, le contenu visible reste-t-il présent lorsque les feuilles de styles sont désactivées ?

revenir en haut de la page

Carte d'identité du critère 10.2 [niveau AccessiWeb : Bronze]

Test(s) AccessiWeb permettant de vérifier le critère 10.2

Note : le(s) test(s) suivant(s) sont issu(s) de AccessiWeb v1.1 [Déployé].

  • Test 10.2.a [Bronze] : Dans chaque page Web, l'information reste-t-elle présente lorsque les feuilles de styles sont désactivées ?

Autre(s) fiche(s) AccessiWeb à consulter en relation avec cette fiche

Correspondances avec des critères d'autres référentiels sur l'accessibilité du Web

revenir en haut de la page

Comprendre

Comprendre le critère

Le contenu visible de toutes les pages Web doit rester présent lorsque les feuilles de styles sont désactivées.

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

Il n'y a pas d'élément d'information pour cette rubrique.

revenir en haut de la page

Comment évaluer

Note : de manière générale, il est conseillé de faire l'évaluation d'un critère via l'analyse de son code source. Ce procédé d'évaluation par le code source est détaillé ci-après quand il est possible : procédé d'évaluation en 3 étapes via le ou les tests associés au critère. Les procédés d'évaluation par différents outils sont donnés en complément de l'évaluation par le code source.

Par le code source

  1. Sélectionner le(s) élément(s) à tester :

  2. Appliquer le(s) test(s) suivant(s) :
    • Test 10.2.a [Bronze] : Dans chaque page Web, l'information reste-t-elle présente lorsque les feuilles de styles sont désactivées ?

  3. Valider le critère : le critère est validé si vous répondez oui au test applicable précédent.


Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la Barre d'outils Accessibilité du Web pour Internet Explorer (version 2.0 beta en français) :
Pour le test 10.2.a [Bronze] :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'outils Accessibilité du Web (version 2.0 beta), activer l'option "Désactiver les CSS"
  3. Vérifier que l'information reste présente lorsque les feuilles de styles sont désactivées
  4. Si c'est le cas, le test est validé.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.1.4 en français) :
Pour le test 10.2.a [Bronze] :
  1. Sous Firefox, ouvrir la page à analyser.
  2. Dans le menu "CSS" de la Barre d'Outils Web Developper (version 1.1.4), activer l'option "Désactiver les CSS" puis l'option "Tous les styles".
  3. Vérifier que l'information reste présente lorsque les feuilles de styles sont désactivées
  4. Si c'est le cas, le test est validé.

revenir en haut de la page

Comment mettre en oeuvre

Avertissement : les informations du paragraphe "Comment mettre en oeuvre" sont données à titre indicatif. Les contenus des sous-paragraphes Implémentation et Exemple de bonne pratique ne présentent pas tous les codes d'implémentation.


Qui est concerné ?

Ce critère est implémenté par le développeur HTML en concertation avec le graphiste.

Implémentation

L'application d'une feuille de style à une page s'effectue par l'intermédiaire de la balise link située entre les balises head et /head, comme suit :

<head>
[...]
<link href="mon-style.css" rel="stylesheet" type="text/css" />
</head>

Exemple de mauvaise pratique

Il faut proscrire les images porteuses d'information (des images textes par exemple) et qui sont implémentées dans la page par l'intermédiaire de la feuilles de styles, en fond d'écran : car avec les feuilles de styles désactivées dans la navigateur, ces images textes ne seront plus affichées et il y aura une perte d'information pour l'utilisateur.

Exemple de bonne pratique

En reprenant l'exemple précédent, la solution consiste à inclure directement les images textes dans le code HTML. Ces images porteuses d'informations devront bien entendu avoir une alternative textuelle pertinente.

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

revenir en haut de la page

Fiche précédente : fiche du critère 10.1 Fiche suivante : fiche du critère 10.3

Guide AccessiWeb (version 3.0, 9 juin 2008) | Conditions d'utilisation | Contact
Copyright © 2008 Association BrailleNet. Tous droits Réservés.