title: When to use the required attribute vs the aria-required attribute for input elements?
body: <p>I'm trying to make a form accessible. Should I make my inputs have both <code>required</code> and <code>aria-required</code> attributes, or just one?</p>
  
  <pre><code>&lt;label for="textbox1"&gt;Input&lt;/label&gt;
  &lt;input id="textbox1" type="text" name="Text Box" required&gt;
  </code></pre>
  
  <p>Or like this?</p>
  
  <pre><code>&lt;label for="textbox1"&gt;Input&lt;/label&gt;
  &lt;input id="textbox1" type="text" name="Text Box" aria-required="true"&gt;
  </code></pre>
  
  <p>Or like this?</p>
  
  <pre><code>&lt;label for="textbox1"&gt;Input&lt;/label&gt;
  &lt;input id="textbox1" type="text" name="Text Box" aria-required="true" required&gt;
  </code></pre>
  
  <p>The article <a href="http://john.foliot.ca/required-inputs/" rel="noreferrer"><em>Accessible HTML5 Forms – Required Inputs</em></a> claims it is best to implement both.</p>