[a11y] add missing labels on voucher-input and fix input.focus when revealing voucher-input via JS (#1998)

This commit is contained in:
Richard Schreiber
2021-03-16 12:17:47 +01:00
committed by GitHub
parent 09b2e69178
commit 1357b010de
4 changed files with 10 additions and 6 deletions

View File

@@ -298,10 +298,11 @@
<form method="get" action="{% eventurl event "presale:event.redeem" cart_namespace=cart_namespace %}">
<div class="row-voucher">
<div class="col-md-8 col-sm-6 col-xs-12">
<label for="voucher" class="sr-only">{% trans "Voucher code" %}</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-ticket fa-fw" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="voucher" id="voucher"
placeholder="{% trans "Voucher code" %}" aria-label="{% trans "Voucher code" %}">
placeholder="{% trans "Voucher code" %}">
</div>
</div>
<input type="hidden" name="subevent" value="{{ subevent.id|default_if_none:"" }}" />