When to use the required attribute vs the aria-required attribute for input elements?
<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>