Réaliser l'audit d'un site web

Définir la compatibilité W3C HTML et CSS

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez maintenant prendre en main les outils du consortium W3C pour valider le code HTML du site.
03:25

Transcription

Nous allons maintenant passer le site au travers des mailles du test du validateur W3C. Alors, W3C est le consortium qui établit les standards du web et qui normalise le web. Il est donc très important de vérifier si le site respecte bien ces standards. Le respect de ces standards va permettre aussi d'assurer la compatibilité sur un maximum de périphériques, et une bonne accessibilité du site. Allons-y. Je bascule sur mon navigateur, et je vais aller sur le site des validateurs W3C. « w3c validator » et je rentre l'adresse de mon site. L'analyse de mon site est générée assez rapidement, et je vais pouvoir tirer les conclusions. Nous avons quelques petites erreurs et quelques warnings. Très peu de messages, en réalité, suite à l'exécution de ce test. Ici, nous avons un div qui n'a pas le droit d'être utilisé comme élément enfant d'un bouton, dans ce contexte. Donc c'est une astuce, en fait, en vue de rendre la zone accessible. Donc pour moi, c'est pas forcément un gros problème. Ici, quelques warnings. Rien de grave, ce ne sont que des warnings. Et ici, pareil. Donc c'est la même erreur que celle du dessus, un div en tant qu'élément enfant d'un bouton. Et ici, un attribut qui doit pointer vers un élément dans le même document. Très peu d'erreurs, donc, mais suffisamment pour que je ne passe pas la validation, puisque j'en ai quand-même deux. Bon, ça reste très raisonnable, mais il serait quand-même intéressant de voir s'il est possible de les contourner. Rien d'alarmant, cependant, je vous propose tout de même de lancer le test sur une sous-page pour vérifier sa construction, puisque la page d'accueil est toujours un peu particulière. Je vais charger une actualité. Je la rentre dans mon validateur, et je lance à nouveau le test. Alors, ici, j'ai une erreur. Toujours la même, un div qui est inclus dans un élément bouton. Et cinq warnings. Donc on pourrait considérer qu'il n'y a pas d'erreur, car cette action vise à rendre le site accessible Donc, quand-même, c'est un très bon résultat. Nous allons maintenant passer à un autre validateur. Le validateur CSS. Et donc, pareil, nous allons rentrer d'abord l'adresse de la page d'accueil et lancer le test. Alors, ici j'ai 41 erreurs pour un test CSS 3. C'est tout de même beaucoup d'erreurs, même si elles se répètent assez fréquemment. Il suffirait donc de corriger quelques petites erreurs pour instantanément diviser, peut-être par deux, le nombre d'erreurs, puisque là on retrouve souvent la même erreur. Et il s'agit d'erreurs relativement mineures sur des propriétés qui ne sont pas reconnues. Donc là, je dirais qu'on est plutôt bons, mais qu'il y aurait un petit effort à faire pour passer le test. Je vous propose de mettre la note de sept sur dix en ce qui concerne la validation HTML et CSS.

Réaliser l'audit d'un site web

Évaluez la qualité du travail de développement et d'intégration de votre site Internet. Détectez les éventuels problèmes de performance, de compatibilité, etc.

1h47 (24 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !