Cette page présente un certain nombre de simulations de consultations "non-standards" correspondant à différentes situations possibles. Le but de ces tests est de s'assurer que le site reste entièrement consultable même si son apparence est fortement dégradée... Quel que soit le cas de figure les informations doivent rester accessibles, la navigation à l'intérieur du site possible et l'intégralité des contenus disponibles.

1. Consultation sans images

... ce que donnera le site pour un visiteur n'affichant pas les images parce que :
- il a désactivé la fonction "afficher les images" de son navigateur,
- pour un problème accidentel lié au serveur rendant les images temporairement indisponibles,
- bénéficiant d'une connexion très lente (RTC ou visiteur étranger habitant un pays non-desservi par ADSL) le site s'affichera prioritairement sans images, celles-ci n'apparaissant que progressivement.

Consultation sans images (ouvre une nouvelle fenêtre)

2. Consultation sans Javascript

... ce que donnera le site pour un visiteur n'affichant pas Javascript (un langage d'événements modifiant l'aspect de la page) parce que :
- il a désactivé cette fonction dans son navigateur,
- il consulte le site depuis un cybercafé ou depuis un lieu où les ordinateurs ont Javascript inactif pour diverses raisons de sécurité : lycées, agences bancaires, etc.

Consultation sans Javascript (ouvre une nouvelle fenêtre)

3. Consultation sans CSS

... ce que donnera le site pour un visiteur n'affichant pas les CSS (feuilles de style décrivant l'aspect de la page) parce que :
- il a désactivé cette fonction dans son navigateur,
- il consulte le site à l'aide d'un outil informatique n'implémentant pas ou incorrectement la fonction CSS.

Consultation sans feuille CSS (ouvre une nouvelle fenêtre)

4. Consultation sans Javascript ni CSS

... ce que donnera le site pour un visiteur n'affichant ni Javascript ni CSS pour les raisons évoquées plus haut.

Consultation sans Javascript ni CSS (ouvre une nouvelle fenêtre)

5. Consultation en flux

... ce que donnera le site pour un visiteur consultant le site au moyen d'un lecteur d'écran (logiciel de synthèse vocale) ou d'une tablette braille parce que :
- il est non-voyant,
- il utilise un outil de consultation audio.

Consultation en flux (ouvre une nouvelle fenêtre)

6. Consultation polices agrandies

... ce que donnera le site pour un visiteur agrandissant les tailles de polices au maximum parce que :
- il est mal-voyant et a choisi d'agrandir les polices (touches Ctrl + ou menu Taille des polices) pour une meilleure lisibilité
- il utilise un navigateur paramétré selon ces préférences.

Consultation polices agrandies (ouvre une nouvelle fenêtre)

7. Adaptation écrans

... ce que donnera le site pour des visiteurs le consultant sur des écrans de différentes tailles :

Réduisez ou élargissez cette fenêtre : le site s'adapte aux largeurs d'écrans.

8. Navigation au clavier

... ce que donnera la navigation-consultation du site pour un visiteur n'utilisant pas la souris parce que :
- il est fortement handicapé moteur,
- il recontre des difficultés de précision gestuelle de pointage,
- les piles de sa souris sans fil sont vides :-)

Si votre navigateur le permet, utilisez la touche "Tabulation" pour passer de lien en lien, pour revenir en arrière utilisez "Majuscule + Tabulation" et pour activer un lien, touche "Enter" ou "Retour chariot".

9. Consultation sur PDA ou Smartphone

... ce que donnera le site pour un visiteur le consultant sur petits écrans parce que :
- il est au centre-ville et se demande quel est le programme Strasbourg-Méditerranée dans l'heure qui suit...

Consultation sur PDA (ouvre une nouvelle fenêtre)

Comprendre la démarche...

Aujourd'hui un site Internet se doit de tenir compte de facteurs jusqu'alors largement ignorés :
- il doit être "non-discriminant" (notion d'accessibilité) en offrant à tout internaute la possibilité d'accéder à l'intégralité de son contenu, quels que soient les handicaps invalidants ou choix technologiques des visiteurs,
- en tant qu'outil d'une manifestation partiellement dépendante de fonds publics et subventions il doit "rendre" au public ce à quoi il a droit : une information accessible à tous,
- la structuration du contenu étant indépendante de l'aspect final (restitué par l'outil utilisé par le visiteur : écran d'ordinateur, PDA, logiel à synthèse vocale, etc.) seules les pages (feuilles CSS) décrivant ces différents aspects sont à modifier d'une année sur l'autre pour s'adapter aux différentes chartes graphiques,
- quels que soient les outils de navigation à venir (nouvelles versions de navigateurs ou autres) le site est envisagé dans une notion de durabilité : il restera consultable dans tous les cas de figure,
- la conformité du site est assurée par le respect des recommandations internationales (W3C - WAI/WCAG) et nationales (Accessiweb). Il est conforme à la loi du 12 février 2005 portant sur l'accessibilité numérique.

... et ses avantages

Cette approche présente de nombreux avantages :
- augmentation du nombre de visiteurs potentiels... et donc de l'audience,
- mise à jour et annualisation plus économiques,
- meilleur référencement dans les moteurs de recherche,
- meilleure efficacité de l'outil... et donc de l'investissement,
- attitude éthique face à la "fracture numérique" liée au handicap ou aux avancées technologiques,
- plus grande autonomie du contenu en terme de gestion (mise à jour, correction, évolution, etc.),
- respect des différentes législations, qu'elles soient françaises ou européennes,
- meilleure garantie d'interopérabilité entre les différents outils de consultation Internet.