L'attribut "unselectable" en HTML : contrôler la sélection de texte

L'attribut HTML peu connu "unselectable" permet de rendre du texte non sélectionnable par l'utilisateur. Examinons ensemble son utilité.

1. Fonctionnement de "unselectable"

Ajouté à un élément HTML, l'attribut unselectable" empêche la sélection de son contenu texte par l'utilisateur.

<p unselectable="on">Ce texte ne peut pas être sélectionné.</p>

L'attribut accepte les valeurs "on" et "off".

1. "on": Cette valeur spécifique permet de rendre un élément non sélectionnable, empêchant l'utilisateur de le choisir ou de le copier comme on l'a vu plus haut.

2. "off": Contrairement à "on", cette valeur autorise la sélection de l'élément par l'utilisateur. C'est la valeur par défaut de cet attribut.

2. Cas d'utilisation

L'attribut "unselectable" présente 2 intérêts majeurs :

• Contrôler l'interaction utilisateur sur des zones sensibles (numéros confidentiels, etc.)

• Préserver la structure visuelle d'éléments graphiques complexes

3. Bonnes pratiques

Quelques conseils d'utilisation de "unselectable" :

• Ne pas en abuser, la sélection reste une fonctionnalité importante

• Bien indiquer visuellement le caractère "verrouillé" du texte

• Offrir une alternative si nécessaire (masquage partiel du texte, par exemple)

Bien exploité, l'attribut "unselectable" aide ainsi à améliorer l'expérience utilisateur.