Comment faire pour que le contenu des champs de texte html, des zones de texte et des zones de sélection soit sélectionnable en utilisant CTRL-A?

Question

maintenant lorsque je fais CTRL A sur mes pages Web (assez boiteuses), le contenu des zones de texte et des zones de liste/sélections n'est pas sélectionné et ne peut donc pas être facilement copié. Est-il possible de résoudre ce problème, soit directement, soit en remplaçant ces widgets boiteux par des widgets similaires qui prennent explicitement en charge cette fonctionnalité?

Answer 1

La solution la plus simple consiste peut-être à créer une autre version de la page, qui a le texte dans les champs sur les différents contrôles de formulaire afin qu'il puisse être copié. Donc, au lieu d'une "version imprimable", vous feriez une "version copiable".

L'autre option consisterait à créer des champs de type Semble avec CSS, puis de simplement recréer la fonctionnalité de chaque type de champ de formulaire avec JS. Probablement plus de travail que cela en vaut la peine, et vous allez presque certainement rompre l'accessibilité.