Retour

Taille des éléments tactiles

Qu'est-ce qu'un élement tactile ?

Un élément tactile est un élement HTML de la page sur lequel les utilisateurs peuvent appuyer (ou cliquer), il s'agit principalement de liens et de boutons.

Pourquoi leur taille est importante ?

Lorsqu'un élément tactile est trop petit, les utilisateurs sur téléphone peuvent rencontraient des diffultés à intéragir avec celui-ci ,ce qui nuit à l'expérience utilisateur et donc au positionnement de la page sur les SERPs.

Comment les rendre accessibles ?

Afin que les éléments tactiles soient facilement accessibles, il est nécessaire qu'ils occupent une taille minimale de 48px x 48px et que les espacements entres ces différents éléments soit de 8px au minimum.

Lorsque ce type de problème est présent sur une page, il est nécessaire d'intervenir au niveau des styles CSS afin d'agrandir la taille des éléments concernés, en augmentant la propriété "padding" par exemple. De même l'espacement entres différents éléments peut être ajusté grâce à la propriété "margin".