Pour trouver votre chemin.

    EnglishStarling Access Services


    Conception de pages Web accessibles :
    Conseils généraux au sujet de la conception.


    Si vous croyez avoir quelque chose à ajouter à cette liste, écrivez-nous à l’adresse access@starlingweb.com et nous verrons à l’ajouter à ce site pour que tout le monde puisse en profiter. Je n’ai toutefois pas l’intention de reproduire l’un des nombreux guides de style HTML très utiles qui se trouvent sur le Web. (Il n’y en avait que quelques-uns auparavant, mais il y en a maintenant des centaines. Utilisez un moteur de recherche et faites une recherche des termes <<guide style HTML>> et vous trouverez sûrement de l’information utile.)

    Questions sur la conception universelle.

    o Assurer la disposition uniforme des pages du site :

      Lorsque vous avez conçu une page efficace, utilisez-la comme modèle pour toutes les autres pages. Votre site sera ainsi plus facile à consulter pour tout le monde. Si l’uitilisateur sait où se trouvent l’information importante, les boutons et les menus, votre site sera très convivial. N’oubliez pas que, dans la plupart des cas, votre page n’a pas pour but de vous satisfaire personnellement, mais bien de répondre aux besoins des visiteurs de votre site.

    o N’utilisez pas les balises HTML qui ne sont offertes que par un seul fureteur Web (et qui ne fonctionnent qu’avec ce fureteur) :

      La façon la plus simple de vous assurer d’un niveau d’accessibilité minimal consiste à respecter la norme HTML 2.0 lorsque vous préparez des textes pour votre site.

    o Mettez vos pages Web à l’essai en utilisant plusieurs fureteurs différents :

      Vous aurez peut-être des surprises lorsque vous consulterez avec un autre fureteur la magnifique page complexe que vous aurez conçue avec votre fureteur habituel. Netscape Navigator est sans doute le fureteur le plus populaire, mais il y a énormément de personnes qui utilisent d’autres systèmes moins connus.

    o Vérifiez vos fichiers d’image sous diverses résolutions et intensités :

      J’avoue que je suis coupable. J’utilise la plus haute résolution et le plus grand nombre de couleurs permis par mon PC lorsque je conçois mes graphiques et saisis mes photographies -- et pourquoi pas? J’ai payé le prix d’un adaptateur graphique 64-bits et d’un moniteur de bonne qualité. Eh bien, j’ai oublié combien l’apparence d’une image à 24 bits par pixel (couleur réelle) peut être mauvaise lorsqu’on la visionne à l’aide d’un adaptateur à 256 couleurs (super VGA) ou 16 couleurs (VGA). Les merveilleuses couleurs harmonieuses que j’ai choisies ou numérisées sont sans doute toutes disparues et tout ce qui reste est probablement une bouillie pour les chats. Le texte qui est incorporé dans un graphique ou qui apparaît en arrière-plan peut être pratiquement impossible à lire si les couleurs changent ou sont mal réduites. C’est le cas de certains graphiques qui apparaissent sur ce site. Je les modifierai sous peu.

    Lignes directrices :

    • Si vous le pouvez, faites appel aux services d’un graphiste professionnel pour la conception graphique. Un professionnel peut concevoir des images de haute qualité en utilisant seulement 16 couleurs.
    • Vérifiez vos graphiques avant de les mettre en ligne en réglant le pilote vidéo à divers nombres de couleurs. Si les résultats sont très mauvais, vous voudrez sans doute repenser votre stratégie.

    o Soyez clair lorsque vous utilisez des formats de date

      Imaginez la situation suivante dans seulement huit ans, c’est-à-dire en l’an 2004.
      Cette page a été mise à jour le 01/02/03
      Selon le pays où vous habitez ou la norme à laquelle vous êtes habitué, cette date pourrait vouloir dire le 1er février 2003, le 2 janvier 2003, le 3 février 2001 ou même le 2 mars 2001.
      En d’autres mots, ce format de date est pratiquement inutile. Même aujourd’hui, lorsqu’il n’y a aucune ambiguïté quant à l’année, les champs du jour et du mois peuvent occuper différentes positions selon le pays ou les préférences personnelles du programmeur.

    Ligne directrice :

    • Utilisez la date au long, par exemple le 28 février 1996. Même si l’utilisateur parle une autre langue, il pourra facilement déchiffrer la date.

    Comment augmenter l’accessibilité des utilisateurs qui ont une déficience d’ordre sensoriel.

    o Dans la mesure du possible, utilisez des listes verticales de liens.

      Pour les utilisateurs qui se servent d’un lecteur sonore d’écran avec un fureteur graphique, les listes verticales de liens sont plus accessibles que les liens multiples placés sur une ligne ou dans une phrase.

      Évitez de mettre plus d’un lien sur la même ligne. Il arrive souvent que les utilisateurs de lecteur sonore d’écran lisent la <<ligne courante>> pour déterminer le contexte du curseur ou du mot mis en évidence. Par exemple, s’il y a trois liens sur la même ligne, chacun produira le même résultat lors de la lecture de la ligne courante.

    o N’utilisez pas la balise de clignotement <blink>.

      Apparemment, certains lecteurs sonores d’écran bloquent lorsque le texte contient une balise de clignotement.

      J’avoue qu’il s’agit d’une rumeur. Si vous êtes témoin de ce problème, j’aimerais bien que vous communiquiez avec moi. Cependant, mise à part la question de l’accessibilité, presque tous les guides de style HTML que j’ai lus recommandent aux concepteurs de ne pas utiliser la balise <blink>. Le consensus, c’est que cette balise est plus agaçante qu’attrayante.

    o Terminez toutes les phrases, tous les en-têtes et toutes les listes par un point ou toute autre ponctuation convenable.

      Les lecteurs sonores d’écran interprètent la ponctuation pour l’auditeur. Les listes, en-têtes ou titres ne contenant aucune ponctuation seront peut-être lus sans interruption par un lecteur sonore d’écran, ce qui nuirait à la compréhension de l’auditeur. Pour l’utilisateur voyant, les en-têtes sont séparés et mis en évidence pour qu’ils ressortent. Les éléments de liste sont séparés par des puces ou des numéros, ce qui simplifie la lecture visuelle, mais peut être source de confusion pour les utilisateurs qui ont une déficience visuelle.

    o Ajoutez une barre de boutons graphique comme aide à la navigation dans vos pages.

      Ce point m’a échappé! Michael Paciello de la Digital Equipment Corporation m’a fait remarquer que les aides graphiques sont utiles pour les personnes qui ont des difficultés d’apprentissage ou une déficience intellectuelle. La barre de boutons peut être composée de fichiers .GIF individuels ou d’une IMAGE RÉFÉRENCÉE. N’oubliez pas de garder les mêmes boutons et le même emplacement sur chaque page. De plus, n’oubliez pas de fournir un équivalent texte pour les utilisateurs qui ne peuvent afficher les graphiques.


    Pour trouver votre chemin.

    Bouton pour le début de la page.
    Bouton de la page précédent : Méthodes d’exploration des sites Web.
    Bouton pour la page suivant : Rendre l’AUDIO accessible.

    Bouton pour les tables des matières.Boutton pour le plan du site.Bouton pour la page d'accueil de Conception de pages Web accessiblesEnvoyer un message à Starling Access Services.


    dernière modification: 4 mars 1997