Vous venez de créer un nouveau site Web.
Est-il accessible au plus grand nombre et conforme aux spécifications actuelles du Web ?
Il est sage de vérifier que vous avez une bonne méthode avant de continuer votre développement. Ce petit investissement vous permettra d’économiser beaucoup de temps par la suite.
Les vérifications de l’accessibilité
Ne réduisez pas votre développement à l’affichage sous Microsoft Internet Explorer. Ce navigateur grand public, techniquement et fonctionnellement obsolète, et utilisé par les internautes non avertis, est de plus en plus concurrencé par des navigateurs conformes aux spécifications actuelles du Web.
- Internet Explorer 6.01 fonctionne aussi bien que Internet Explorer 5.0 sur des Pentium 133Mhz (en fait peu d’évolution de ce navigateur depuis 1999), donc ne cherchez pas à obtenir une présentation précise pour IE5, assurez seulement l’accessibilité de l’ensemble des liens, même si l’affichage est altéré.
- Navigateurs actuels : Mozilla, FireFox, Panorama des navigateurs ...
- Parts de marchés des navigateurs : Journal du Net, Panorama de eStat, Browser News, W3 Schools
Ne réduisez pas votre développement à une résolution spécifique. Eviter les mentions du style “Optimisé pour 800x600”. Essayez votre site depuis les résolutions 800x600 (voire 640x480 sur les PDA maintenant) jusqu’à 1600x1200. Définissez, autant que possible, des tailles de blocs (calques, cellules de tableau, ...) en dimensions relatives et non en pixels.
- Parts des différentes résolutions utilisées : Journal du Net
N’imposez pas JavaScript pour que votre site soit accessible. Les services informatiques de certaines grandes entreprises ont désactivé Javascript pour des raisons de sécurité (et parce que c’est rarement nécessaire à la définition d’un contenu). N’utilisez Javascript que pour quelques effets visuels spécifiques.
- Parts des navigateurs ayant Javascript activé/désactivé :
Limiter le poids des pages :
- par le poids des images : limiter chaque image à un grand maximum de 15 ko (30ko grand maximum si elle est importante), et l’ensemble de la page à 50ko (100ko grand maximum si il y a du contenu)
- par le poids du html lui-même, en évitant les nombreuses tables imbriquées dans les tables, tables qui ne doivent aujourd’hui plus servir à faire de la présentation, mais seulement à fournir des données tabulaires.
Eviter de définir des tailles de polices en pixels (12px). Préférez plutôt une taille de police en points (10pt), pour laquelle les mal-voyants peuvent augmenter la taille d’affichage par leur navigateur.
Définir toujours un texte alternatif pour chaque image, par l’attribut « alt=’descriptif’ » de la balise « img src=’...’... ». Les non-voyants obtiennent ainsi une synthèse vocale du descriptif de l’image.
Les vérifications de la conformité aux standards du Web
Eviter de mettre des attributs de mise en forme ou de positionnement dans votre fichier HTML. Le fichier HTML ne doit contenir que des informations de contenu, avec la syntaxe et le vocabulaire adapté (h1, h2, h3, p, ul, ol, li, blockquote, ...) et être lié à une feuille de style CSS qui, elle, contient tous les éléments de mise en forme.
- De plus, si cette feuille de style est commune à tout votre site, vous pouvez modifier l’apparence de l’ensemble du site par la modification de la seule feuille de style CSS.
- La maîtrise de la présentation d’une page Web par feuille de style externe demande un travail certain d’apprentissage. Mais cet investissement est appréciable par la suite dans la qualité du travail et dans le gain de temps obtenu.
Vérifiez la conformités de vos pages aux standards du Web :
- Appliquez les outils de validation XHTML, CSS, liens et accessibilité à vos pages
- Les balises et attributs obsolètes selon les DTD et les alternatives à leur utilisation par OpenWeb
Des liens
Profitez de la communauté Internet
- Demandez l’avis technique d’une communauté de passionnés présents sur les forums gratuits de UseNet : news:fr.comp.infosystemes.www.auteurs
- UseNet est accessible par votre logiciel de Messagerie tel que Outlook express, mais nous vous recommandons plutôt la messagerie Mozilla, ou mieux encore MesNews spécialisé dans les forums UseNet.
- C’est votre fournisseur d’accès à Internet qui propose ce service. Le nom du serveur est en général de la forme : news://news.wanadoo.fr, news://news.tiscali.fr ou news://news.free.fr. L’adresse complète du service serait alors : news://news.free.fr/fr.comp.infosys...
Edition Web
- http://www.laltruiste.com : Guide des langages Web
Gestion des CSS
- http://openweb.eu.org/ : pour les standards du Web
- http://www.opquast.com/ : Ensemble de bonnes pratiques à respecter pour la qualité d’un site
- http://www.la-grange.net/accessibilite/ : Plongez dans l’accessibilité. 30 jours pour rendre votre site plus accessible.
- http://www.laltruiste.com/document.... : les feuilles de style et la compatibilité sur les différents navigateurs
- http://centricle.com/ref/css/filters/ : Compatibilité des navigateurs avec les filtres et règles CSS
- http://incongru.webdynamit.net/LaNo... : ressource interactive sur les Standards du Web.
Outils divers