title: Bootstrap Dropdown.js: Which HTML attributes are really necessary? (data-target, role, aria...)
body: <p>We use the <a href="http://twitter.github.io/bootstrap/javascript.html#dropdowns" rel="nofollow">Dropdown.js of Bootstrap</a>.</p>
  
  <p>As we don't use Bootstrap for any other part of our application, we don't use aria attributes in general, so now we are unsure, which attributes we can strip out of the copy&amp;pasted HTML structure.</p>
  
  <p>In my opinion, we only need this:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;a href='#' class='dropdown-toggle' data-toggle='dropdown'&gt;Dropdown&lt;/a&gt;
  &lt;ul class='dropdown-menu'&gt;
    &lt;li&gt;&lt;a...&gt;...&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But a co-developer thinks, we also need <code>data-target='#'</code> and <code>role='button/menu'</code>, and even <code>aria-labelledby=...</code> stuff. Is this right? We really only want the dropdown functionality, no additional accessibility related stuff.</p>
  
  <p>Thanks for information.</p>