From ffab83729cb4ee368291b70296a5a9a672291f6b Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Mon, 13 Feb 2017 14:05:03 +0000
Subject: [PATCH] Make screen reader announce when API key is copied
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Currently screen reader users would click the ‘Copy API key’ button but
not get any feedback. This commit adds an ARIA attribute which tells the
screenreader to announce any changes in to the content of the element
(eg when it changes from showing the API to showing the text ‘API key
copied to clipboard’).
---
 app/templates/components/api-key.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/components/api-key.html b/app/templates/components/api-key.html
index 74bce2b55..81e909d66 100644
--- a/app/templates/components/api-key.html
+++ b/app/templates/components/api-key.html
@@ -2,7 +2,7 @@
   <h2 class="api-key-name">
     {{ name }}
   </h2>
-  <div data-module="api-key" data-key="{{ key }}" data-thing="{{ thing }}">
+  <div data-module="api-key" data-key="{{ key }}" data-thing="{{ thing }}" aria-live="assertive">
     <span class="api-key-key">{{ key }}</span>
   </div>
 {% endmacro %}