title: ARIA attributes in ember core form components
body: <p>I'd like to use ARIA attributes in Ember core form components, such input and textarea fields.</p>
  
  <p>I noticed that using an aria attribute within the component in my template, it doesn't work at all</p>
  
  <pre><code>{{input aria-label="Your name"}}
  {{textarea aria-label="Your address"}}
  </code></pre>
  
  <p>So I decided to reopen the core components in an initializer to add this attribute to the components</p>
  
  <pre><code>export default {
      name: 'reopenTextAreaComponent',
  
      initialize: function () {
          Ember.TextArea.reopen({
              attributeBindings: ['aria-label']
          });
      }
  };
  </code></pre>
  
  <p>Since I did that, the performance of my application is pretty bad. The integration tests take much more time than before.</p>
  
  <p>I tried not to use their components and simply a HTML tag:</p>
  
  <pre><code>&lt;textarea {{bind-attr aria-label="Your address"}}&gt;{{value}}&lt;/textarea&gt;
  </code></pre>
  
  <p>But this doesn't compile with handlebars! It returns an error because of the <code>{{value}}</code> within the textarea tag.</p>
  
  <p>What is the solution to avoid reopening? Should I create my own component?</p>
  
  <p>Thanks</p>