title: What is the difference between aria-label and title attributes?
body: <p>I am used to use <code>title=""</code> attribute on my links/buttons/... to detail them. But bootstrap uses lots of <code>aria-label=""</code> attributes, for accessibility reasons as far as I understood.</p>
  
  <p>So I come up to create buttons like:</p>
  
  <pre><code>&lt;button
      id="show-raw-result"
      class="btn btn-default btn-sm btn-twigfiddle"
      title="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw"
      aria-label="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw"&gt;
      &lt;span class="glyphicon glyphicon-asterisk"&gt;&lt;/span&gt; Show raw result
  &lt;/button&gt;
  </code></pre>
  
  <p>But copying/pasting the title to create an aria-label looks just ugly. Which one should I choose, and why?</p>