Interactions

Ce que fait un clic, une touche ou un survol au-delà d'un bouton qu'on presse. Chaque cas est un banc d'essai : à tester à la souris, puis au clavier seul.

Copier une valeur

copy_button({ value }) : l'icône seule quand le bouton est à côté de ce qu'il copie, ou avec son mot. Une coche pendant deux secondes une fois copié, une croix si le presse-papier a refusé — jamais l'annonce d'une copie qui n'a pas eu lieu.

Copier ce que la page affiche

copy_button({ target }) : le texte d'un élément, lu tel qu'il est au moment du clic.

Un bloc de code

code-block avec copy: true — le bouton apparaît dans le coin quand on survole le bloc ou qu'on l'atteint avec Tab, et reste affiché sur un écran sans pointeur.

9483a-8b194
28811-eb8b3
b44d2-eb15a
9d935-03932

Dans une solution de secours

La valeur d'une solution de secours vient avec son bouton de copie.

À vérifier

• Tab atteint chaque bouton ; Entrée et Espace copient.
• En http simple (un hôte de développement), la copie marche quand même, à l'ancienne.
• Collé ailleurs, le texte est exactement la valeur : ni espace ni ligne en plus.
• Un lecteur d'écran annonce « Copié » après le clic.