[example] add announcement of text being copied

github · Oct 23, 2023 · bd69de3 · bd69de3
1 parent a043058
commit bd69de3
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/examples/index.html b/examples/index.html
@@ -35,8 +35,10 @@
     <script>
       document.addEventListener('clipboard-copy', function (event) {
         const notice = event.target.querySelector('.notice')
+        announce.setAttribute('aria-label', 'Copied');
         notice.hidden = false
         setTimeout(function () {
+          announce.setAttribute('aria-label', '');
           notice.hidden = true
         }, 1000)
       })
@@ -45,6 +47,7 @@
   <body>
     <main aria-labelledby="h">
       <h1 id="h">Demo</h1>
+      <div aria-live="polite" id="announce"></div>
       <section>
         <p>Copy from <code>value</code> attribute:</p>
         <clipboard-copy value="@hubot copied from [value]">