From 269ee4c355bc705294910edef319c8c9e1771d88 Mon Sep 17 00:00:00 2001
From: Daniel Persson <mailto.woden@gmail.com>
Date: Thu, 23 Feb 2017 20:06:47 +0100
Subject: [PATCH 1/3] Added aria label to the element so it is in the same
 shadow dom and read by screen readers.

---
 iron-autogrow-textarea.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/iron-autogrow-textarea.html b/iron-autogrow-textarea.html
index b70d6ae..d9237f9 100644
--- a/iron-autogrow-textarea.html
+++ b/iron-autogrow-textarea.html
@@ -104,7 +104,9 @@
 
     <!-- size the input/textarea with a div, because the textarea has intrinsic size in ff -->
     <div class="textarea-container fit">
+      <label id$="textarea-aria-label-[[_ariaLabelId]]">[[label]]</label>
       <textarea id="textarea"
+        aria-labelledby$="textarea-aria-label-[[_ariaLabelId]]"
         name$="[[name]]"
         autocomplete$="[[autocomplete]]"
         autofocus$="[[autofocus]]"
@@ -227,8 +229,22 @@
        */
       maxlength: {
         type: Number
-      }
+      },
 
+      /**
+       * Aria label to present to screen readers.
+       */
+      label: {
+        type: String
+      },
+
+      /**
+       * Aria label id used to get a unique id for element
+       */
+      _ariaLabelId: {
+        type: Number,
+        value: Polymer.PaperInputHelper.NextLabelID++
+      }
     },
 
     listeners: {

From 90e3c36efb194dd4c5dbeee18733b08f630664de Mon Sep 17 00:00:00 2001
From: Daniel Persson <mailto.woden@gmail.com>
Date: Thu, 23 Feb 2017 20:34:09 +0100
Subject: [PATCH 2/3] Added test case for label.

---
 test/basic.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/test/basic.html b/test/basic.html
index 51f3aba..0a95773 100644
--- a/test/basic.html
+++ b/test/basic.html
@@ -50,6 +50,12 @@
       </template>
     </test-fixture>
 
+    <test-fixture id="label">
+      <template>
+        <iron-autogrow-textarea label="foo"></iron-autogrow-textarea>
+      </template>
+    </test-fixture>
+
     <script>
 
       suite('basic', function() {
@@ -184,6 +190,16 @@
         });
       });
 
+
+      suite('a11y', function() {
+
+        test('has aria-labelledby', function() {
+          var autogrow = fixture('label');
+          assert.isTrue(autogrow.textarea.hasAttribute('aria-labelledby'))
+          assert.equal(autogrow.textarea.getAttribute('aria-labelledby'), Polymer.dom(input.root).querySelector('label').id, 'aria-labelledby points to the label');
+        });
+      });
+
     </script>
 
   </body>

From 1bb2e8d8f5e8930672734932b76e2f0d2b932340 Mon Sep 17 00:00:00 2001
From: Daniel Persson <mailto.woden@gmail.com>
Date: Thu, 23 Feb 2017 21:26:59 +0100
Subject: [PATCH 3/3] Fixes for test cases.

---
 iron-autogrow-textarea.html | 6 ++++--
 test/basic.html             | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/iron-autogrow-textarea.html b/iron-autogrow-textarea.html
index d9237f9..1671442 100644
--- a/iron-autogrow-textarea.html
+++ b/iron-autogrow-textarea.html
@@ -106,7 +106,7 @@
     <div class="textarea-container fit">
       <label id$="textarea-aria-label-[[_ariaLabelId]]">[[label]]</label>
       <textarea id="textarea"
-        aria-labelledby$="textarea-aria-label-[[_ariaLabelId]]"
+				aria-labelledby$="textarea-aria-label-[[_ariaLabelId]]"
         name$="[[name]]"
         autocomplete$="[[autocomplete]]"
         autofocus$="[[autofocus]]"
@@ -123,6 +123,8 @@
 </dom-module>
 
 <script>
+  Polymer.IronAutogrowHelper = {};
+  Polymer.IronAutogrowHelper.NextLabelID = 1;
 
   Polymer({
 
@@ -243,7 +245,7 @@
        */
       _ariaLabelId: {
         type: Number,
-        value: Polymer.PaperInputHelper.NextLabelID++
+        value: Polymer.IronAutogrowHelper.NextLabelID++
       }
     },
 
diff --git a/test/basic.html b/test/basic.html
index 0a95773..09b233e 100644
--- a/test/basic.html
+++ b/test/basic.html
@@ -195,8 +195,9 @@
 
         test('has aria-labelledby', function() {
           var autogrow = fixture('label');
+
           assert.isTrue(autogrow.textarea.hasAttribute('aria-labelledby'))
-          assert.equal(autogrow.textarea.getAttribute('aria-labelledby'), Polymer.dom(input.root).querySelector('label').id, 'aria-labelledby points to the label');
+          assert.equal(autogrow.textarea.getAttribute('aria-labelledby'), Polymer.dom(autogrow.root).querySelector('label').id, 'aria-labelledby points to the label');
         });
       });