La mise en page du site vous semble bizarre ? Découvrez pourquoi en cliquant ici.

Logo du CAMO pour personnes handicapées

La compétence au-delà de la différence

logo du CAMO adapté pour l'imprimé
Mme Denis de l'Office municipal d'habitation de Montréal.
Réunion à laquelle participent des personnes handicapées et des interprètes en langue des signes.
Travailleur ayant une déficience auditive, signant le mot « travail »

Vous êtes ici : Accueil > Emplois et formation > Nouvelles technologies et accessibilité > Formation > Les outils d'évaluation et de réparation

Emploi et formation : NTIC et accessibilité

Formation : Les outils d'évaluation et de réparation

Bobby

Le premier outil d'évaluation s'appelle Bobby. Il est gratuit dans sa version en ligne, mais coûte 99 $ US pour sa version autonome. Vous pouvez trouver ces deux versions à l'adresse suivante : (http://www.cast.org/bobby). Bobby n'est disponible qu'en anglais actuellement mais une version française est en chantier.

La version en ligne (http://www.cast.org/bobby)

Bobby comporte les options de configuration suivantes :

  • 1. Indiquer l'URL
  • 2. Choisir le niveau de priorité
  • 3. « Text-only » évite de reproduire la page au début du rapport.
  • 4. « HTML source » donne le contenu de la ligne et non seulement son numéro.
  • 5. « Error pages » pour analyser la page d'erreur générée s'il y a lieu.
  • 6. « Browser Impersonation » pour que Bobby simule un navigateur particulier sur les pages où le contenu envoyé par le serveur varie selon le navigateur.

La version autonome

Cette version peut évaluer aussi bien des pages locales que dans Internet.

Il faut taper l'URL ou utiliser le bouton « Browse » pour choisir un fichier local.

Deux boîtes à listes déroulantes permettent de choisir la façon de suivre ou non les liens inclus dans la page afin de poursuivre la recherche sur l'ensemble d'un site ou d'une section d'un site. Vous pouvez également choisir le niveau hiérarchique du site jusqu'où vous voulez poursuivre votre analyse.

Le bouton « Go » lance l'analyse.

Capture d'écran de la fenêtre de Bobby

« Bobby Report... » génère un rapport pour la page sélectionnée selon vos préférences. Nous y reviendrons plus loin.

« Summary report... » est un rapport récapitulatif sur l'ensemble des pages analysées. Ce rapport se divise en trois sections : le statut de conformité, les problèmes d'accessibilité triés par ordre de priorité et, pour chaque problème potentiel, la liste des pages touchées.

Choisir la configuration du « Bobby Report » dans le menu Options, item Preferences :

  • 1. Choisir le niveau de conformité.
  • 2. Choisir l'outil de visualisation et indiquer si l'on veut inclure le contenu du code pour chaque ligne ou seulement les numéros de ligne.
  • 3. Choisir le navigateur que l'on veut simuler.
  • 4. Indiquer l'URL du serveur proxy s'il y a lieu.
  • 5. Choisir la langue pour les mécanismes de négociation de contenu.
  • 6. Indiquer si l'on accepte les « cookies ».

Note : Bobby ne peut analyser des pages protégées par mot de passe.

On peut générer un rapport en utilisant le menu Options et l'item « Bobby Report » ou avec CTRL + R ou en double cliquant sur la ligne de la page.

Bobby présente son rapport en quatre parties : le niveau de conformité et les trois niveaux de priorité.

Pour chaque niveau de priorité, Bobby peut présenter selon le cas jusqu'à trois sous-sections : les vérifications automatiques, les vérifications manuelles et les autres points à vérifier pour lesquels Bobby ne peut s'appuyer sur aucune donnée.

Les vérifications automatiques détectent des problèmes factuels comme l'absence d'équivalents textuels (P1) ou l'imbrication inappropriée des en-têtes (P2). Dans la fenêtre principale, pour chaque page analysée, Bobby indique le nombre d'erreurs détectées automatiquement sur le nombre total d'erreurs détectées pour chaque niveau de priorité.

Les vérifications manuelles portent sur des points pour lesquels Bobby ne sait pas quoi conclure mais peut indiquer les lignes de code à vérifier. Par exemple : les images ont-elles besoin d'une longue description ?

Les autres points à vérifier sont ceux pour lesquels Bobby n'a aucun élément à sa disposition et ne peut donc indiquer les lignes à vérifier, mais que vous devez vérifier sur l'ensemble de la page ou des pages analysées. Par exemple : l'utilisation du langage le plus simple possible, tout en étant approprié au contenu.

Remonter

A-Prompt (français)

A-Prompt est un logiciel autonome entièrement gratuit d'évaluation et de réparation de pages Web. Contrairement à Bobby, il ne produit pas de rapport, mais peu vous guider pas à pas pour réparer les problèmes qu'il a détectés. Conséquemment, il ne peut être utilisé pour des pages en ligne.

A-Prompt a été conçu par le Adaptive Technology Resource Centre (ATRC) et le Trace Centre de l'Université du Wisconsin. La traduction française a été réalisée par Jean-Marie D'Amour du CAMO pour personnes handicapées.

Installer A-Prompt

La version française peut être téléchargée à l'adresse : www.aprompt.ca/fr. L'installation est standard.

Configurer A-Prompt

Le bouton Règlages donne accès à l'onglet Niveau de conformité qui vous permet de choisir le niveau ou le degré d'accessibilité tel que déterminé par les Règles d'accessibilité de la Web Accessibility Initiative (WAI) et les exigences de conformité tracées à la Section 508 des amendements de 1998 à la loi américaine Federal Government Rehabilitation Act.

Quand le bouton radio « Niveau A » est activé, A-Prompt examine chaque document en regard des barrières les plus fondamentales à l'accessibilité (comme les équivalents textuels manquants) et propose les solutions les plus efficaces pour chaque problème d'accessibilité. (Les boîtes de dialogue de A-Prompt conduisent l'utilisateur pas à pas à travers chaque processus de réparation.)

Au « Niveau AA », en plus des problèmes d'accessibilité fondamentaux, A-Prompt identifie et répare également les problèmes intermédiaires comme les métadonnées manquantes, l'utilisation des feuilles de style et l'information sur les tableaux.

Choisir le « Niveau AAA » assure que le document Web analysé offrira le plus haut degré d'accessibilité pour tous les utilisateurs. Le réglage par défaut de A-Prompt est le Niveau de conformité « AAA ».

Quand la « Conformité à la Section 508 » est demandée, A-Prompt évalue chaque document en rapport avec les 13 normes fondamentales d'accessibilité de la FITAI pour l'information ou les applications Web. Ces normes ont été extraites des règles proposées par le Access Board.

Le bouton « Avancé... » vis-à-vis le « Niveau A », le « Niveau AA » et la « Conformité à la Section 508 » permet aux auteurs de contenu Web d'ajouter des problèmes d'accessibilité spécifiques à la liste de vérification par défaut de A-Prompt. Lisez le fichier d'aide « Niveau de conformité avancé » pour plus d'information.

Vous devez également configurer l'onglet Enregistrement des fichiers. En effet, après avoir complété une réparation, les utilisateurs de A-Prompt ont les quatre possibilités suivantes en ce qui a trait à l'enregistrement des fichiers :

  • 1. supprimer le fichier original et utiliser le fichier réparé,
  • 2. renommer l'original avec cette extension : [A-Prompt offre une zone d'édition pour entrer l'extension](Et enregistrer le fichier réparé sous le nom de fichier original.),
  • 3. renommer le fichier réparé avec l'extension : [A-Prompt offre une zone d'édition pour entrer l'extension](Et ne pas toucher au fichier original.),
  • 4. laisser l'utilisateur choisir un nom pour le fichier réparé.

Si « Supprimer le fichier original et utiliser le fichier réparé » est activé, A-Prompt remplace le document original par le fichier réparé.

Choisir « Renommer l'original avec cette extension » enregistre le document réparé sous le nom de fichier existant et permet aux utilisateurs de modifier l'extension du fichier (ex. accueil.html renommé accueil.htm).

Le troisième bouton radio, « Renommer le fichier réparé avec l'extension », laisse le fichier original inchangé et enregistre le document réparé séparément en utilisant une extension de fichier différente.

Le quatrième bouton radio, « Laisser l'utilisateur choisir un nom pour le fichier réparé », permet aux utilisateurs d'enregistrer le document qui vient d'être réparé sous n'importe quel nom, incluant le nom de fichier original.

Utiliser A-Prompt

Le dialogue du « Sélecteur de fichiers » de A-Prompt permet aux développeurs de contenu Web de trouver l'emplacement de fichiers spécifiques et de s'assurer qu'ils sont conformes aux règles d'accessibilité de la Web Accessibility Initiative (WAI).

Le menu déroulant « Choisissez les fichiers à réparer » affiche l'icône du « Bureau » et liste les noms complets de tous les disques trouvés sur le système de l'utilisateur. Quand une sélection est faite, une arborescence apparaît, dans la fenêtre de la liste, affichant tous les dossiers et fichiers disponibles permettant aux auteurs de contenu de localiser le ou les documents Web qui doivent être testés. Le bouton « Monter d'un niveau » permet aux utilisateurs de retracer leur chemin à travers l'arborescence des dossiers et fichiers.

Le « Sélecteur de fichiers » comporte aussi trois cases à cocher sous le titre « Afficher ces types de fichiers » situées au bas du dialogue. Les développeurs de contenu peuvent choisir d'afficher les « Fichiers HTML », les « Fichiers texte » ou « Tous les fichiers ». (Note : si la case à cocher « Tous les fichiers » est activée, les deux autres options sont alors grisées.) De plus, un bouton « Actualiser » met à jour automatiquement la liste. Si, par exemple, un nouveau fichier a été ajouté au site mais n'est pas affiché dans la liste, activez le bouton « Actualiser » et le document apparaîtra alors dans la liste.

Une fois que le ou les types de fichiers à évaluer ont été sélectionnés, le « Sélecteur de fichiers » les liste dans la fenêtre prévue à cet effet et donne des informations comme le nom de fichier, la taille, la date de la dernière modification et le type de fichier.

Quand un fichier est sélectionné pour évaluation, A-Prompt lance le dialogue de réparation des « Problèmes d'accessibilité ». (Note : en tenant la touche « Ctrl » enfoncée, vous pouvez sélectionner plusieurs fichiers à évaluer.) Le dialogue des « problèmes d'accessibilité » identifie et liste tous les problèmes d'accessibilité trouvés dans les documents sélectionnés. Si l'utilisateur retourne au dialogue du « Sélecteur de fichiers » sans faire les réparations recommandées, A-Prompt place un « X » noir à côté du nom de fichier, indiquant que les problèmes d'accessibilité n'ont pas été traités.

Si seulement une partie des réparations est complétée, le « Sélecteur de fichiers » place un « ? » noir à côté du nom de fichiers pour indiquer que des problèmes d'accessibilité demeurent dans le document.

Quand toutes les réparations d'accessibilité ont été effectuées, le « Sélecteur de fichiers place un crochet vert à côté du nom de fichier.

Si un fichier autre qu'un fichier HTML ou texte est sélectionné, A-Prompt affiche un message d'alerte demandant à l'utilisateur de confirmer qu'il veut bien tenter de réparer ce fichier.

Tenter de réparer des fichiers qui ne contiennent ni code source HTML, ni texte (comme des fichiers de programme, par exemple) fait apparaître un second message d'alerte qui indique que le fichier ne peut être évalué.

Un point d'exclamation bleu apparaît dans le « Sélecteur de fichiers » à côté de tous les fichiers identifiés par A-Prompt comme n'étant pas des fichiers HTML ou texte.

Une fois que la réparation des documents sélectionnés a été complétée, activez le bouton « Quitter » et A-Prompt enregistrera automatiquement toutes les modifications faites aux fichiers du site. Ceci va aussi fermer automatiquement le programme.

A-Prompt emmagasine toutes les modifications apportées à un document de sorte que si un développeur de contenu accède à un fichier à une date ultérieure, le programme indique si le document a été réparé, partiellement réparé, non réparé ou si ce document n'est pas un fichier HTML ou un fichier texte. De plus, si un fichier est modifié en dehors de A-Prompt, le statut du fichier est de nouveau considéré comme inconnu (non marqué) dans le dialogue du « Sélecteur de fichiers ».

Le dialogue de réparation « Problèmes d'accessibilité » liste, dans la colonne de gauche, les groupes de problèmes trouvés dans le document et, dans la colonne de droite, l'identification, le statut de réparation, le niveau de priorité ainsi que l'état de la réparation automatique pour chaque problème spécifique. Sélectionnez l'identification du problème dans la colonne de droite et activez le bouton « Réparer ». A-Prompt ouvre automatiquement une autre boîte de dialogue pour chaque problème d'accessibilité identifié dans le document.

Les utilisateurs sont renvoyés au dialogue « Problèmes d'accessibilité » après que les réparations aient été faites à un document particulier. La barre de progression marque le nombre de réparations complétées et une icône à la fin de la barre d'état indique si le document rencontre ou non le niveau de conformité présélectionné par l'utilisateur. Au-dessus de la barre d'état, se trouve une case à cocher intitulée « Réparations terminées non sélectionnables ». Cocher cette case empêche l'utilisateur de sélectionner un fichier déjà réparé.

Quand toutes les questions d'accessibilité ont été abordées, activez le bouton « Terminer » pour retourner au dialogue « Sélecteur de fichiers ». Notez bien que vous n'êtes pas obligé d'effectuer toutes les réparations suggérées. En effet, A-Prompt dressera par exemple la liste de toutes les images en vous demandant si elles ont besoin d'une longue description. Si vous connaissez bien le contenu de la page et savez qu'aucune image ne le requiert, vous pouvez passer cette réparation. La barre de progression ne se rendra pas jusqu'au bout et vous n'aurez pas de crochet vert devant le nom du fichier à votre retour dans le « Sélecteur de fichiers », mais vous saurez tout de même que les réparations requises ont été effectuées.

Ajoutons enfin que, quand la page contient un ou plusieurs tableaux, le processus de réparation démarre toujours en vous demandant de préciser si ces tableaux sont des tableaux de mise en page ou des tableaux de données. Cette vérification est importante car les règles ne sont pas les mêmes pour ces deux situations. Pour les tableaux de mise en page, A-Prompt vous demandera de vérifier si le tableau se linéarise correctement et vous offrira un bouton pour le visualiser cellule par cellule. Si l'ordre n'est pas logique, A-Prompt ne peut le rétablir par lui-même et vous devrez repenser l'organisation de votre page dans votre logiciel auteur.

Utiliser l'Aide de A-Prompt

A-Prompt dispose d'une documentation en ligne très complète qui, en plus de présenter son fonctionnement, fournit des explications détaillées sur chacun des problèmes d'accessibilité en s'appuyant sur des exemples et décrit la façon de corriger ces problèmes avec A-Prompt.

Remonter

Validation du code HTML et CSS

Les règles d'accessibilité recommandent d'utiliser du code HTML valide par rapport aux définitions de types de documents reconnues.

Pour utiliser le Service de validation HTML (http://validator.w3.org/), il faut donc d'abord attribuer une DTD au document. A Prompt peut vous aider à le faire. Il est recommandé d'utiliser la DTD HTML 4.01 transitionnel à moins d'utiliser des cadres.

Les erreurs signalées par le validateur doivent être corrigées.

Il existe également un service de validation CSS (http://jigsaw.w3.org/css-validator/) pour s'assurer que les feuilles de styles sont également valides.

Remonter

Ordinateur adapté pour une personne ayant une déficience visuelle.
Ajuster la taille du texte (2)
  • Redimensionner le texte à 75%
  • Redimensionner le texte à 90%
  • Redimensionner le texte à 100%
  • Redimensionner le texte à 115%
  • Redimensionner le texte à 125%
Capsules LSQ Offres d'emploi de nos partenaires

Votre navigation

La Commission des partenaires du marché du travail contribue au financement des activités du
Comité d'adaptation de la main-d'oeuvre (CAMO) pour personnes handicapées.

Commission des partenaires du marché du travail.

Pour plus de renseignements sur le marché du travail et sur les programmes et services publics d'emploi, consultez le site d'Emploi-Québec.