Chinese (People's Republic of China)  English  Français


Supinfo-Projects.com
Tous les projets des élèves ingénieurs de Supinfo



Projets
  Dernier Projet
  Les plus populaires
  Tous les Projets

273 Visiteurs
3168 Projets


My Supinfo-Projects

   Connectez-vous
   Créez un Compte


Synopsis

   13 Visites
   Note INTERNET : 18
    (3 Votants)
   225 Commentaires

   Lire l'article

Evaluez cet article

20
18
16
14
12
10
8
6
4
2
0


Commentez cet article

Auteur :

Email :

Votre commentaire :



 
2005 - Pérennisation
Accessibilité des sites web
[25 mn de lecture - paru le 4/16/2005 9:32:19 PM - Public : Confirmé]

Auteur

matonfireMatthieu CARTON
Elève-Ingénieur Supinfo Paris
Promotion SUPINFO 2006

   Lui écrire
   Tous les projets de cet auteur
   Le mini-CV de cet auteur

4. Utiliser des outils pour l'accessibilité

Les outils permettant de travailler pour l'accessibilité d'un site Web sont répartis en 3 grandes catégories : les outils d'évaluation, les outils de réparation et les outils de transformation.

Les outils d'évaluation réalisent des analyses statiques de vos pages Web en fonction des critères d'accessibilité établis par le W3C et le WCAG puis fournissent un rapport sur le niveau d'accessibilité obtenu.

Pour les outils de réparation, en plus de tester les normes en matière d'accessibilité, ils offrent l'avantage de proposer des corrections à vos erreurs ce qui vous permettra facilement de rendre vos pages plus accessibles.

Derniers types d'outils, ceux appelés outils de transformation sont le plus souvent directement intégrés dans votre navigateur et vous permettent de réaliser différents réglages pour une optimisation plus pointue de l'accessibilité.

4.1. Un outil d'évaluation : WebXACT

WebXACT est un outil d’évaluation en ligne mis au point par la société Watchfire. Il est très complet et simple d’utilisation, il vous permettra en quelques secondes de visualiser vos erreurs classées selon leur niveau de priorité.

 

Etape 1 : la configuration de l’analyse : spécifier l’url du site à tester, fixer le niveau d’accessibilité choisi, ajouter l’analyse des liens…

capture d'écran webXACT

La configuration de l’évaluation d’un site avec notamment le niveau WCAG désiré

 


Etape 2 :
l’analyse : elle prend quelques secondes puis vous redirige vers la page des résultats.

 

Analyse WebXACT


Durant l’analyse (ici l’analyse de la validité des liens)

 

 


Etape 3 :
les résultats de l’analyse, c’est ici un résumé qui rappelle les propriétés de votre page, un résumé des balises de méta-données et du contenu de la page (image, CSS, contenu multimédia). Vous avez également un aperçu de l’état d’accessibilité de la page dans la case Accessibility. Ici, le site est au niveau A.

 

 

webxact-bilan.gif


Le résultat de l’analyse (ici les informations génériques sur la page évaluée)


Etape 4 :
les détails de l’analyse d’accessibilité. Ici, les erreurs et avertissements sont détaillés pour chaque niveau de priorité. Pour chacun d’entre eux, vous avez une description de l’erreur ainsi que son numéro de ligne dans la page. Vous pouvez obtenir plus d’informations en cliquant sur le lien au début de chaque erreur.

 webxact-accessibility.gif

La partie Accessibilité des résultats de l’analyse

 

 

D'autres outils d'évaluation :
 
Accessibility Wizard : outil plutôt adressé aux développeurs en équipe, les points de contrôle du WAI sont répartis en tâches attribuées à chaque membre de l'équipe. 
Cynthia Says : outil permettant le test des standards Section 508 ou WCAG.
Deque Ramp Grade : outil permettant également le test des normes Section 508 et WCAG mais offrant en plus la possibilité de s'intégrer aux logiciels de développement Web (Microsoft Frontpage, Macromedia Dreamweaver...).
WebXM : plate-forme de tests automatisés très complète.

4.2. Un outil de réparation : A-Prompt

A-Prompt est un outil de réparation très intuitif qui vous permettra de comprendre et corriger vos problèmes liés à l'accessibilité (Section, WAI). Commencez par sélectionner le type d'accessibilité à tester.


Une fois cela fait, sélectionnez la page à tester.


Vous obtiendrez ensuite les résultats de l'analyse, les différents problèmes détectés étant regroupés selon leur importance.


A-Prompt vous propose ensuite un assistant pour la réparation de vos pages. Ici par exemple, la correction d'un texte alternatif manquant pour une animation Flash.


Une liste des points de contrôle à réaliser soi-même sera également à valider pour parvenir au terme de la correction de la page analysée.

D'autres outils de réparation :

SWAP : outil comportant de nombreuses fonctionnalités comme la possibilité de tester l'accessibilité aux personnes handicapées, aux utilisateurs d'unités mobiles.
Tidy : outil complet permettant la réparation d'erreurs, la conversion de HTML en XHTML, le contrôle des fichiers XML.

4.3. Un outil de transformation : Lynx Viewer

Le Lynx Viewer de Delorie (http://www.delorie.com/web/lynxview.html) est un simulateur d'affichage de sites Internet sur le navigateur texte Lynx. C'est un très bon test pour savoir comment sera retranscrit votre site sur les navigateurs texte, les lecteurs d'écran et autres systèmes proposés aux utilisateurs ayant un handicap visuel.

Pour faire le test, rien de plus simple, entrez l'URL à tester dans le formulaire proposé sur le site puis validez.


Le résulat obtenu

Le site sous un navigateur graphique


D'autres outils de transformation :

The Proxomitron : filtre intervenant sur les éléments de votre page.
Web Intermediaries (WBI) :framework Open Source d'IBM permettant la mise au point de filtres et d'outils de transformation pour les sites web.

4.4. Un autre outil de transformation : BrowserCam

BrowserCam est un outil mis au point pour les développeurs web qui souhaitent tester l'affichage de leur site pour différents utilisateurs. Grâce à cet outil en ligne, vous pouvez tester tout ou partie de votre site pour différents systèmes d'exploitation, navigateurs, résolutions d'écran ou plug-ins. L'analyse est rapide et simple, vous offrant des résultats clairs et efficaces. Par la suite, vous pourrez donc effectuer divers changements sur votre site grâce aux captures d'écran obtenues suivant les différents scénarios de configuration.

Vous pouvez utiliser un compte gratuit d'évaluation de BrowserCam durant une période de 24 heures et dans la limite de 200 captures d'écran. Si la solution vous satisfait, vous pouvez passer à la version payante qui offre en plus l'accès distant au parc de machines de test pour effectuer des analyses et des réglages plus pointus.

Etape 1 : entrez une ou plusieurs URL et préciser les réglages spécifiques que vous souhaitez tester à l'aide de BrowserCam (systèmes d'exploitation, navigateurs, résolutions d'écran, plug-ins...).

 

 browsercam


BrowserCam : Assistant de captures d'écran

 

 

browsercam


BrowserCam : sélection des URL à tester

 

 

browsercam

 

BrowserCam : configuration des détails de l'analyse

 

 

Etape 2 : vous validez le formulaire de départ puis vous sélectionnez les URL concernées par votre analyse avant de préciser les détails du traitement (systèmes d'exploitation, navigateurs, plug-ins, résolutions d'écran). Vous serez ensuite rediriger vers la page des résultats.

  

 browsercam


BrowserCam : Screen captures results

 

Ensuite, il vous est possible de faire différents traitements sur les captures d'écran obtenues comme les agrandir, les télécharger au format PSD.



Articles de la même catégorie

 Pages : Top


148 Visites
1 Commentaires
Manipulations de fichiers en c#
[20 mn de lecture - paru le 4/15/2005 11:29:33 AM - Public : Débutant]

En savoir plus


24 Visites
0 Commentaires
Création d'un Addin pour Visual Studio .Net
[40 mn de lecture - paru le 4/12/2005 2:22:43 PM - Public : Confirmé]

En savoir plus


44 Visites
0 Commentaires
Les bases du langage C
[20 mn de lecture - paru le 4/11/2005 11:24:01 AM - Public : Débutant]

En savoir plus

   Tous les Articles


SUPINFO Training Center peut vous proposer une formation ...

   Devenez Ingénieur Système Microsoft en 35 jours avec SUPINFO Training Center
   Devenez Certifiés Cisco en 13 jours avec SUPINFO Training Center
   Devenez Administrateur Système Microsoft avec SUPINFO Training Center
   Devenez Développeur Microsoft .NET en 13 jours avec SUPINFO Training Center



Powered by Campus-Booster Technology
Conditions d'utilisation & Copyright | Respect de la vie privée
© Copyright 1965-2006 Supinfo Paris, Paris Academy of Computer Science
Supinfo, Ecole Supérieure d'Informatique et Paris Academy Of Computer Science are trade marks.
23, rue de Château LANDON - 75010 PARIS - Phone : +33 (0) 153359 700 Fax : +33 (0) 153359 701

Web site autided by :