• 8 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 10/30/23

Explorez le site en prenant des notes

Les choses sérieuses commencent. Vous avez déterminé si vous allez faire un audit intégral, un check rapide ou une vérification de conformité. Vous avez sous la main votre référentiel et ses critères. Vous avez affiché l’accueil du site dans votre navigateur. Vous avez ouvert votre support de prise de notes.

Découvrez le site

Vous allez explorer votre site ou service en ligne : il s’agit de parcourir rapidement ses contenus ou d’utiliser ses principales fonctionnalités. L’objectif est de vous familiariser avec ceux-ci, et d’en établir un échantillon de pages représentatives.

Mais c’est aussi l’occasion d’une première évaluation, informelle : si l’interface présente des défauts évidents, ils vont généralement vous apparaître immédiatement. Il se peut aussi que des contenus ou des fonctionnalités apparaissent tout de suite plus complexes : ils vont nécessiter un examen approfondi, il peut être intéressant de le noter pour la suite. À l’inverse, vous allez peut-être remarquer des points très positifs, qu’il faut également noter brièvement.

Notez vos premiers constats

En même temps que vous établissez votre échantillon, vous êtes en réalité en train d’effectuer une première inspection, informelle, des défauts ou des atouts du site. Il faut capitaliser sur celle-ci : c’est le moment de prendre quelques premières notes et même de faire quelques tests rapides.

Organisez votre prise de notes par page, puisque vous êtes en train d’établir votre échantillon. Relevez les défauts ou atouts qui vous sautent aux yeux. Notez les points à regarder de plus près par la suite.

Faites quelques tests rapides

Quelques tests simples sont intéressants à faire pour nourrir cette exploration. Ils vous permettront d’avoir une première idée de la qualité de l’interface sur quelques critères stratégiques, souvent très révélateurs. Vous pouvez en particulier :

  • parcourir une page en naviguant au clavier à l’aide des touches « tabulation » et « entrée », ou des touches flèches, échappement et barre d’espacement dans les composants d’interface ;

  • visualiser la table des matières d’une page, à l’aide de l’extension Web Developer que nous allons vous montrer dans une étape suivante ;

  • vérifier rapidement que les étiquettes visibles de champ de formulaires sont bien rattachées à ceux-ci : un clic sur l’étiquette doit donner le focus au champ ;

  • tester quelques contrastes de couleurs à l’aide d’un outil adapté (le Colour Contrast Analyser que nous allons également installer).

Rentabilisez votre exploration du site

Si votre audit est un check rapide, cette première prise de notes devient en fait la première partie votre audit lui-même : vous faites une première passe pour détecter le plus évident, et le documenter dans votre prise de notes. Vous ferez ensuite une seconde passe, rapide là encore, en vous appuyant davantage sur la checklist, pour vous assurer que vous n’avez rien laissé de côté.

Si vous avez opté pour un audit complet, vous pourrez ainsi démarrer celui-ci avec une première idée de points prioritaires, qui sont immédiats pour l’utilisateur. Vous aurez également déterminé votre échantillon de pages représentatives des contenus ou du service. Nous allons préciser à l’étape suivante la composition de celui-ci.

En résumé

  • Avec une simple exploration du site, vous allez tout de suite détecter des défauts et anticiper la suite de votre audit.

  • L’exploration rapide va vous aider à anticiper l’audit et préparer le choix de votre échantillon de pages.

  • Vous allez également faire vos premiers tests et sentir là où ça va et là où ça va moins bien. Dans tous les cas, prenez des notes.

Le nombre de pages d’un site peut varier de quelques pages à quelques centaines de milliers de pages. Pour pouvoir effectuer un audit dans toutes les situations, autant savoir choisir un échantillon de pages. C’est ce que nous allons détailler à l’étape suivante.

Example of certificate of achievement
Example of certificate of achievement