Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →

Responsive

Comment audite-t-on un élément seul sur toutes les tailles d'écran?

Un élément seul s'audit en le désignant précisément et en le mesurant individuellement sur chaque taille d'appareil. Le service de contrôle fait exactement cela: il cherche l'élément nommé — par exemple un tableau de tarifs, un formulaire d'inscription ou un calendrier intégré — sur téléphone, tablette et bureau et vérifie s'il est présent et visible, rentre complètement dans la largeur de l'appareil et est facile à utiliser.

Ces questions posées par l'audit d'élément

Par taille d'appareil, l'audit répond à cinq questions. L'élément est-il présent? Certains composants disparaissent complètement sur les petits écrans. Est-il visible, avec une largeur et une hauteur mesurables? S'adapte-t-il à la largeur de l'appareil ou dépasse-t-il latéralement le bord de l'écran? Toutes les surfaces d'interaction — boutons, liens, champs de saisie — sont-elles au moins 24 par 24 pixels, comme l'exige la règle d'accessibilité WCAG 2.5.8? Et chaque texte dedans reste-t-il complètement lisible au lieu d'être tronqué? Pour chaque profil d'appareil, le rapport fournit une capture d'écran marquée où l'élément audité est mis en évidence — l'état est ainsi prouvé, pas seulement affirmé.

Alors un regard sur un élément seul vaut la peine

L'audit ciblé est le bon outil quand un endroit spécifique préoccupe ou vient d'être réparé. Cas typiques: un tableau de tarifs dépassait sur le téléphone, et après la correction, c'est à prouver qu'il rentre maintenant sur les quatre tailles d'appareil. Un nouveau formulaire de contact doit être audité pour la facilité d'utilisation avant la mise en ligne. Ou un contenu intégré étranger — une carte, une fenêtre de réservation, un widget d'évaluation — se comporte différemment du reste de la page parce qu'il vient d'un autre fournisseur. Au lieu d'auditer toute la page à nouveau, l'audit d'élément donne une réponse claire à exactement cet endroit.

Nommez l'élément qui vous préoccupe aussi précisément que possible — par exemple « le tableau de tarifs sur la page d'offre ».
Après chaque réparation, auditez spécifiquement l'élément affecté sur les quatre tailles d'appareil au lieu de vous fier à l'impression du bureau.
Regardez les captures d'écran marquées du rapport — elles montrent l'élément dans l'état de chaque taille d'appareil.
Faites auditer séparément le contenu intégré étranger comme les cartes ou les fenêtres de réservation, car ils suivent leurs propres règles.

Deutsche Fassung dieser Seite

FAQ

Qu'est-ce qu'un viewport?

Le viewport est la zone d'affichage visible du navigateur — simplement: la fenêtre à travers laquelle les visiteurs voient le site Web. Sur le téléphone, il est étroit, sur le bureau, il est large. Le service de contrôle fonctionne avec quatre profils de viewport de 390, 768, 1440 et 1920 pixels de largeur, car le comportement d'une page change avec la largeur.

Pourquoi un élément disparaît-il sur le téléphone?

Beaucoup de sites désactivent délibérément les composants sur les petits écrans pour économiser l'espace — parfois volontairement, parfois accidentellement par un paramètre de modèle. L'audit d'élément le révèle: il signale par taille d'appareil si l'élément est présent et visible. S'il ne manque que sur le téléphone, vous savez que la vue mobile doit être définie séparément.

Peut-on auditer le contenu intégré comme les cartes ou fenêtres de réservation?

Oui, c'est exactement pour cela que l'audit d'élément convient. Le contenu intégré provient de fournisseurs étrangers et suit ses propres règles — il peut être plus large que l'appareil ou avoir des surfaces d'interaction trop petites. L'audit mesure l'élément sur les quatre tailles d'appareil et prouve l'état avec une capture d'écran marquée par profil.