Template:2012FR/Form-section/Radiobuttons/Default: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
adding hidden <legend> elements for screenreaders
add tabindex="-1" to errors so they can be focused by js and announced by screenreaders
 
(2 intermediate revisions by the same user not shown)
Line 40: Line 40:
<label class="frb-btn" for="input_amount_3"></html>{{CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
<label class="frb-btn" for="input_amount_3"></html>{{CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
</li>
</li>
</ul>
<ul>
<li class="radiobuttons-cell input_amount_4">
<li class="radiobuttons-cell input_amount_4">
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
Line 62: Line 60:
</li>
</li>
</ul>
</ul>
<!-- tabindex="-1" allows focus with js so errors can be announced -->
<div style="display: none;" class="lp-error lp-error-smallamount"></html>{{int:Donate_interface-smallamount-error}}<html></div>
<div style="display: none;" class="lp-error lp-error-bigamount"></html>{{int:Donate_interface-bigamount-error}}<html></div>
<div style="display: none;" tabindex="-1" class="lp-error lp-error-smallamount">
</html>{{int:Donate_interface-smallamount-error}}<html>
</div>
<div style="display: none;" tabindex="-1" class="lp-error lp-error-bigamount">
</html>{{int:Donate_interface-bigamount-error}}<html>
</div>
</fieldset>
</fieldset>
</html>
</html>

Latest revision as of 19:16, 20 November 2024

Donation amount (USD)
How often would you like to donate?
Donation amount (USD)