Conception de pages Web accessibles :
Les COLONNES sont-elles accessibles?

À moins qu’elles aient été conçues avec soin, les colonnes peuvent rendre une page très inaccessible aux personnes ayant une déficience visuelle qui utilisent un dispositif de lecture sonore d’écran et aux personnes dont le fureteur ne permet pas l’utilisation de TABLEAUX.

Il existe au moins trois façons d’afficher de l’information textuelle (et désormais graphique) sous forme de colonne :

Utiliser du texte préformaté (<PRE> </PRE>) qui est disponible dans toutes les versions de HTML et peut être affiché avec tous les types de fureteurs;
Utiliser les tableaux HTML 3.0 (<TABLE></TABLE>), qui ne peuvent être affichés par les fureteurs en mode texte et par bon nombre d’autres fureteurs graphiques plus anciens;
Les cadres constituent la méthode de formatage d’écran la plus nouvelle, mais ils ne sont pas (encore) utilisables par tous les types de fureteurs. Aux fins de l’universalité d’accès, l’utilisation de CADRES sur un site Web tombe dans la catégorie des outils propres à un fureteur particulier et elle doit être évitée. Pour plus de détails sur l’utilisation des CADRES, voir la section Rendre les CADRES accessibles.

Nous étudierons uniquement les deux premières méthodes de formatage de colonnes dans la présente section.

Les colonnes de texte, qu’elles soient établies à l’aide des nouvelles fonctions du HTML 3.0 ou de la «bonne vieille façon» à l’aide de texte PRÉFORMATÉ, peuvent être assez inaccessibles pour les personnes qui utilisent des systèmes de lecture sonore d’écran. Trois exemples suivent. N’oubliez pas que ce que vous voyez (ou entendez) dépend du fureteur que vous utilisez et de la méthode d’affichage que vous utilisez. Si vous êtes en train de développer une page pour vous-même ou pour un client, je recommande que vous affichiez votre page sous bon nombre de fureteurs différents pour voir les résultats de vos choix en matière de conception.

Ce qui devrait se dégager de tout ça, c’est qu’il n’existe aucune méthode qui assure l’accessibilité de l’information disposée en colonnes. Si vous vous souciez de l’accessibilité de votre page, vous n’aurez d’autre choix que d’éviter d’utiliser des colonnes.

Malheureusement, je ne peux pas vous donner de recette miracle pour le remplacement de colonnes. Le seul conseil que je puisse vous donner, c’est d’essayer d’utiliser les en-têtes, les paragraphes, les listes et les éléments de définition de façon créatrice pour présenter l’information pour qu’elle soit plus accessible. Les fureteurs «intelligents» de l’avenir, grāce à leur définition de type de document HTML plus sensible au format, seront peut être en mesure de réorganiser le texte en colonnes pour qu’il soit lisible.

Nouvelle de dernière heure Des versions bêta de logiciels de lecture sonore d’écran qui semblent lire sans problème les colonnes de texte de type journal créées à l’aide de tableaux HTML 3 commencent à faire leur apparition. Dès que nous aurons plus de détails à ce sujet, nous afficherons l’information sur ce site.

Exemple : Texte en colonnes parallèles

À l’aide de la fonction TABLEAU du HTML 3.0, il est possible de créer des colonnes de texte. Dans l’exemple à deux colonnes ci-dessous, chaque paragraphe à gauche correspond au paragraphe à droite. (Affichez le code source pour voir comment l’exemple est structuré.)

Centre de technologie informatique adaptée.	Ouvert du lundi au vendredi, de 8 h à 16 h.
La technologie informatique adaptée permet l’accès à l’informatique en compensant les déficiences visuelles, motrices ou sensorielles.	La technologie informatique adaptée comprend entre autres des outils tels que les lecteurs sonores d’écran, les systèmes de reconnaissance vocale, les logiciels d’agrandissement de caractères, les afficheurs et imprimantes braille et les contrôles environnementaux.
Le Centre de TIA offre des services pour promouvoir la mise en oeuvre efficace des outils de technologie informatique adaptée.	Nos services comprennent l’évaluation des besoins en matière de travail et de technologie, l’étude de produits et de compatibilité, l’intégration des produits et le soutien technique, la formation des utilisateurs finaux et la sensibilisation des gestionnaires et du personnel.

Comment votre FURETEUR affiche-t-il cet exemple?

Si vous ne voyez pas deux colonnes de texte, vous n’utilisez pas un fureteur compatible avec le HTML 3.0. L’exemple ci-dessus ressemblerait à :

Centre de technologie informatique adaptée. Ouvert du lundi au vendredi, de 8 h à 16 h. La technologie informatique adaptée permet l’accès à l’informatique en compensant les déficiences visuelles, motrices ou sensorielles. La technologie informatique adaptée comprend entre autres des outils tels que les lecteurs sonores d’écran, les systèmes de reconnaissance vocale, les logiciels d’agrandissement de caractères, les afficheurs et imprimantes braille et les contrôles environnementaux. Le Centre de TIA offre des services pour promouvoir la mise en oeuvre efficace des outils de technologie informatique adaptée. Nos services comprennent l’évaluation des besoins en matière de travail et de technologie, l’étude de produits et de compatibilité, l’intégration des produits et le soutien technique, la formation des utilisateurs finaux et la sensibilisation des gestionnaires et du personnel.

Si vous utilisez un fureteur en mode texte comme LYNX, ou si vous utilisez un fureteur graphique compatible avec le HTML 2.0, cette page devrait être lue comme s’il s’agissait d’un long paragraphe de texte, le premier paragraphe de la première colonne étant suivi du premier paragraphe de la deuxième colonne, etc. Dans l’exemple ci-dessus, l’information est présentée presque selon l’ordre et la façon prévus par le concepteur malgré la disparition des colonnes.

Comment votre LECTEUR SONORE D’ÉCRAN lit-il le premier exemple?

Si vous utilisez votre lecteur sonore d’écran avec un fureteur compatible avec le HTML 3.0, vous entendrez peut-être le message suivant, selon la configuration de votre fureteur :

Centre de technologie informatique adaptée. Ouvert du lundi au vendredi, de 8 h à 16 h.
La technologie informatique adaptée permet La technologie informatique adaptée comprend entre autres
l’accès à l’informatique en compensant les déficiences des outils tels que les lecteurs sonores d’écran, les systèmes de

et ainsi de suite ligne par ligne, de gauche à droite sur la page, ce qui est tout à fait inacceptable.

Début de la page.

Exemple 2 : Texte en colonnes journal

À l’aide de la fonction TABLEAU du HTML 3.0, cet exemple ressemble à l’exemple précédent. Toutefois, le formatage est fait de façon assez différente. Dans cet exemple à deux colonnes, chaque paragraphe à gauche correspond au paragrahe à droite. (Affichez le code source pour voir comment l’exemple est structuré.)

Ouvert du lundi au vendredi, de 8 h à 16 h.

La technologie informatique adaptée comprend entre autres des outils tels que les lecteurs sonores d’écran, les systèmes de reconnaissance vocale, les logiciels d’agrandissement de caractères, les afficheurs et imprimantes braille et les contrôles environnementaux.

Nos services comprennent l’évaluation des besoins en matière de travail et de technologie, l’étude de produits et de compatibilité, l’intégration des produits et le soutien technique, la formation des utilisateurs finaux et la sensibilisation des gestionnaires et du personnel.

Comment votre FURETEUR affiche-t-il le deuxième exemple?

Si vous ne voyez pas deux colonnes de texte, vous n’utilisez pas un fureteur compatible avec le HTML 3.0. L’exemple ci-dessus ressemblerait à :

Centre de technologie informatique adaptée.
La technologie informatique adaptée permet l’accès à l’informatique en compensant les déficiences visuelles, motrices ou sensorielles.
Le Centre de TIA offre des services pour promouvoir la mise en oeuvre efficace des outils de technologie informatique adaptée.
Ouvert du lundi au vendredi, de 8 h à 16 h.
La technologie informatique adaptée comprend entre autres des outils tels que les lecteurs sonores d’écran, les systèmes de reconnaissance vocale, les logiciels d’agrandissement de caractères, les afficheurs et imprimantes braille et les contrôles environnementaux.
Nos services comprennent l’évaluation des besoins en matière de travail et de technologie, l’étude de produits et de compatibilité, l’intégration des produits et le soutien technique, la formation des utilisateurs finaux et la sensibilisation des gestionnaires et du personnel.

Si vous utilisez un fureteur en mode texte seulement, comme LYNX, ou si vous utilisez un fureteur compatible avec le HTML 2.0, cette page devrait se lire comme s’il s’agissait d’un long paragraphe de texte, le texte de la première colonne devant d’abord être lu en entier, suivi du texte de la deuxième colonne. Dans cet exemple, les paragraphes dans la première colonne ne correspondent à aucun paragraphe dans la deuxième colonne.

Comment votre LECTEUR SONORE D’ÉCRAN lit-il le deuxième exemple?

Si vous utilisez votre lecteur sonore d’écran avec un fureteur compatible avec le HTML 3.0, la lecture de cet exemple sera identique à celle du premier, ce qui est tout à fait inacceptable.

Début de la page.

Exemple 3 : Colonnes de texte utilisant du texte PRÉFORMATÉ.

Ce dernier exemple fait appel à des balises de texte PRÉFORMATÉ offertes dans toutes les versions du HTML :


Centre de technologie informatique      Ouvert du lundi au vendredi, 
adaptée.                                de 8 h à 16 h.

La technologie informatique adaptée     La technologie informatique adaptée 
permet l’accès à l’informatique en      comprend entre autres des outils tels
l’accès à l’informatique en compensant  que les lecteurs sonores d’écran, les
les déficiences visuelles, motrices     systèmes de reconnaissance vocale, les 
ou sensorielles.                        logiciels d’agrandissementde caractères, 
                                        les afficheurs et imprimantes braille 
                                        et les contrôles environnementaux.
   
Le Centre de TIA offre des services     Nos services comprennent l’évaluation 
pour promouvoir la mise en oeuvre       des besoins en matière de travail
efficace des outils de technologie      et de technologie, l’étude de produits 
informatique adaptée.                   et de compatibilité, l’intégration des 
                                        produits et le soutien technique, la 
                                        formation des utilisateurs finaux et la 
                                        sensibilisation des gestionnaires et du 
                                        personnel.

Cet exemple a l’avantage d’avoir à peu près la même allure, peu importe le fureteur que vous utilisez. Malheureusement, il a les mêmes lacunes majeures que les deux autres exemples. Le lecteur sonore d’écran lira la page de gauche à droite, et l’utilisateur aura beaucoup de difficulté à comprendre l’information sur la page.