Respect des visiteurs

Web Stands a souhaité rendre son site accessible au plus grand nombre de visiteurs possible, le site étant au départ structuré simplement il a suffit d'indiquer quelques points nécessaires à une meilleure navigation. Il existe trois niveaux d'accessibilité, pour les détails, consulter les règles d'accessibilité du WAI.
Web Stands est validé sur ces trois niveaux.  Vérifier :-)

D'autres bonnes pratiques sont à mettre en place suivant la structure et la complexité d'un site Internet.

Web Stands conduit le suivi qualité de son site avec le projet Opquast, en déclaration publique, consultable rubrique déclarations du site Opquast, cliquer sur le logo "niveau 3". Six autres sites conçus et réalisés par Web Stands y sont présents.

Politique d'accessibilité de Web Stands

Structure du site :

- Toutes les pages du site qui correspondent à une rubrique ou une catégorie de services sont classées dans leur répertoire respectif et leur nom rappelle leur titre de contenu : leur URL est donc logique et parlante, facile à retrouver.

- Les menus et services sont présents sur toutes les pages du site.

- Le site étirable à 95% s'adapte à toutes les largeurs et résolutions d'écrans, il a été testé lors de sa création et régulièrement ensuite sous les divers systèmes d'exploitation et navigateurs.

Liens d'évitement et accès rapides :

- Chaque haut de page contient un menu de navigation qui permet de n'afficher que le contenu et les services proposés situés sur la colonne gauche afin d'éviter ainsi l'affichage des logos et menus de haut de page.

- Ainsi qu'un lien d'accès rapide (tabulation directe) aux pages officielles du site (mentions légales, plan du site, politique d'accessibilité, nos partenaires, et le formulaire de contact du webmaster).

Navigation et plan du site :

- Un menu de navigation "fil d'ariane" situé sous le logo, en haut de chaque page, donne la position de la page consultée dans l'arborescence du site.

- Toutes les pages comportent un lien de retour rapide au haut de la page en cours quand nécessaire, ainsi qu'un lien de retour rapide à la page accueil et la page précédemment consultée. Le logo permet, lui, de revenir à l'index. (voir les raccourcis clavier plus loin).

- Le menu de haut de pages donne accès à l'accueil du site, à la page de nos réalisations, aux actualités et informations qui concernent l'accessibilité et les standards, et enfin, aux formulaires de devis et contact.

- La colonne gauche comporte un moteur de recherche interne en PHP et liste les services proposés par Web Stands, pages très complètes donnant des indications suffisantes à l'approche de la création d'un site et sa maintenance. Le formulaire de demande d'informations et devis est situé en bas de cette colonne

- Le contenu de chaque page s'affiche au centre avec les mêmes règles de style.

- Chaque pied de page comporte les liens vers les pages officielles du site : "Mentions légales", "plan du site", "Politique d'accessibilité", "Nos partenaires", et le formulaire de "contact" du webmaster. Ainsi que les liens de contrôle des normes standards et la licence Creative Commons

- Voir le Plan du site

Les liens sont différenciés :

- Les liens internes apparaissent en oranger les liens externes (redirigeant vers un autre site Internet), apparaissent en rouge oranger souligné et en italique. A l'approche du curseur tous les liens sont soulignés et se colorent d'un oranger plus clair, plus effacé. Tous les liens, une fois visités restent affichés de même oranger plus "terne".

Contacter l'administrateur du site :

- L'accès au formulaire de contact est présent sur toutes les pages.

- Pour tout souci de navigation ou d'affichage, merci de contacter l'administrateur de Web Stands.

Taille des caractères :

- La taille du texte est définie de manière relative sur tout le site, tout internaute peut agir sur la taille des caractères pour un meilleur confort de lecture. Pour la modifier à votre convenance, utilisez ces possibilités :
1- Touche [Ctrl] + agir sur la molette de la souris
2- Barre d'outils du navigateur, aller au menu "Affichage" puis aller à l'option "Taille du texte" et choisir

Raccourcis clavier :

- Il est parfois nécessaire de pouvoir utiliser des raccourcis. Voici les différentes combinaisons de touches suivant votre système d'exploitation et votre navigateur :

* Opera 7 sur Windows, Macintosh et Linux : appuyez sur la touche [Echap] + [Shift] et sur le numéro de raccourci accesskey. (les touches en haut du clavier, pas du pavé numérique). Opera supporte les accesskeys depuis sa version 7 sur tous les systèmes d'exploitation.

Windows :

* Sous Mozilla : appuyez simultanément sur la touche [alt], sur la touche [maj] et sur le numéro du raccourci.

* Sous Internet Explorer : idem mais il faudra en plus taper [Entrer] pour valider.

Mac OS :

* Sous Internet Explorer Appuyez sur la touche [Ctrl] (ou Pomme) et sur le numéro du raccourci simultanément, puis [Entrer] pour valider.

* Sous Safari 1.2 Appuyez sur la touche [Ctrl] (ou Pomme) et sur le numéro du raccourci simultanément.

Linux :

* Pour les navigateurs Galeon, Mozilla et Firefox : appuyez sur la touche [alt] et sur le numéro du raccourci simultanément.

* Avec Konqueror 3.3+ : appuyez sur la touche [Ctrl] puis sur le numéro de raccourci successivement.

Les raccourcis du site Web Stands :

Ce sont les raccourcis employés usuellement.

0 : Affiche cette page de politique d'accessibilité.

1 : Affiche la page accueil du site.

2 : N'affiche que le contenu de la page en cours, encadré de la liste des services.

4 : Permet de revenir en haut de la page courante.

5 : Affiche le plan du site.

6 : Affiche les liens vers les pages officielles (tabulation directe).

7 : Affiche le formulaire de contact du webmaster.

Exemple sous Mozilla : Presser simultanément les touches [alt], [maj] et le chiffre 2 permet un retour direct au contenu de la page courante et évite l'affichage des menus de haut de page et du logo.

Les acronymes et abréviations :

- Les acronymes et abréviations employés sur le site sont renseignés à leur première lecture sur chaque page.

Lecteurs vocaux :

- Les lecteurs vocaux employés par les internautes (mal voyants par exemple) marquent une pause significative lorsque les liens sont rapprochés, (menus notamment) certains même changent de "ton" ainsi qu'on le ferait en lecture à haute voix pour signifier une "différence". Une indication spécifique est donnée aux lecteurs vocaux aux fins de leur permettre d'épeler les sigles et acronymes au lieu de tenter de les lire en texte normal ; Ceci pour une meilleure écoute et compréhension du contenu.

Javasript désactivé :

Les événements affichant un contenu dynamique :

- Affichage d'un texte court défilant sur la page accueil, le début du texte, suffisant, est affiché en cas de non activation de Javascript.

Contenu, style, images :

- Le code de contenu texte (xhtml) et le code de positionnement (CSS ou feuille de style) sont séparées. Le site reste donc parfaitement lisible pour les utilisateurs ayant désactivé les feuilles de style. Les images sont commentées pour les lecteurs vocaux et les navigateurs non graphiques (lynx...).