Interaktionen

Was ein Klick, eine Taste oder ein Hover über das Drücken eines Buttons hinaus bewirkt. Jeder Fall ist eine Bank: probiere es zuerst mit dem Zeiger, dann nur mit der Tastatur.

Wert kopieren

copy_button({ value }): das Symbol allein, wo der Button neben dem sitzt, was er kopiert, oder mit seinem Wort. Ein Häkchen für zwei Sekunden, nachdem es kopiert wurde, ein Kreuz, wenn die Zwischenablage abgelehnt hat — nie eine Behauptung, die nicht passiert ist.

Kopieren, was die Seite anzeigt

copy_button({ target }): der Text eines Elements, gelesen wie er im Moment des Klicks ist.

Ein Block von Code

code-block mit copy: true — der Button wird in der Ecke angezeigt, während der Block angezielt oder mit Tab erreicht wird, und bleibt auf einem Bildschirm ohne Zeiger sichtbar.

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

In einem Fallback

Der Wert eines Fallbacks kommt mit seinem Kopier-Button.

Was zu prüfen ist

• Tab erreicht jeden Button; Enter und Space kopieren.
• Über reines http (ein Entwicklungs-Host) funktioniert das Kopieren weiterhin, auf die alte Art.
• Anderswo eingefügt, ist der Text genau der Wert: kein Leerzeichen, keine Zeile hinzugefügt.
• Ein Screenreader sagt « Kopiert » nach dem Klick.