Un agrandissement est simplement le fait d'augmenter la taille d'un contenu sur une page WEB. Lorsqu'un utilisateur navigue sur un site et plus particulièrement depuis un téléphone, il se peut qu'il n'arrive pas à lire le texte ou désire regarder plus précisément une image, dans ce cas de figure, il zoomera sur la page afin d'obtenir une taille convenable.
Il est possible d'interdire l'agrandissement d'une page WEB via la balise "meta viewport" qui donne des instructions quant à la taille et à l'échelle des éléments selon la fenêtre du navigateur. Lorsque cette interdiction est définie, l'utilisateur ne sera pas en mesure d'agrandir le contenu et il se peut qu'il ne parvienne même pas à lire le texte de la page. Cette frustration dégrade l'expérience utilisateur et risque de le faire fuire.
Par défaut, les navigateurs autorisent le zoom, si aucune balise "meta viewport" n'est définie, il n'est pas nécéssaire d'intervenir.
Si une balise "meta viewport" est définie, veillez à ce que :
Exemple d'une "meta viewport" interdisant l'agrandissement :
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
Exemple d'une "meta viewport" autorisant l'agrandissement :
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=6" />