A11y improvements (#2081)

Co-authored-by: Raphael Michel <michel@rami.io>
Co-authored-by: Raphael Michel <mail@raphaelmichel.de>
This commit is contained in:
Richard Schreiber
2021-10-17 16:56:16 +02:00
committed by GitHub
parent cc13ca1c3f
commit 3dcfa57b70
61 changed files with 1505 additions and 990 deletions

View File

@@ -6,21 +6,26 @@
bank account, using a personal reference code:
{% endblocktrans %}</p>
<address>
{% if settings.bank_details_type == "sepa" %}
{% trans "Account holder" %}: {{ settings.bank_details_sepa_name }}<br>
{% trans "IBAN" %}: {{ settings.bank_details_sepa_iban|ibanformat }}<br>
{% trans "BIC" %}: {{ settings.bank_details_sepa_bic }}<br>
{% trans "Bank" %}: {{ settings.bank_details_sepa_bank }}<br>
{% endif %}
{% if details %}
{{ details|linebreaksbr }}<br>
{% endif %}
{% if code %}
<strong>{% trans "Reference code (important):" %} {{ code }}</strong>
{% else %}
{% if settings.bank_details_type == "sepa" %}
<dl class="dl-horizontal">
<dt>{% trans "Account holder" %}: </dt><dd>{{ settings.bank_details_sepa_name }}</dd>
<dt>{% trans "IBAN" %}: </dt><dd>{{ settings.bank_details_sepa_iban|ibanformat }}</dd>
<dt>{% trans "BIC" %}: </dt><dd>{{ settings.bank_details_sepa_bic }}</dd>
<dt>{% trans "Bank" %}: </dt><dd>{{ settings.bank_details_sepa_bank }}</dd>
</dl>
{% endif %}
{% if details %}
{{ details|linebreaks }}
{% endif %}
{% if code %}
<dl class="dl-horizontal">
<dt>{% trans "Reference code (important):" %} </dt><dd><strong>{{ code }}</strong></dd>
</dl>
{% else %}
<p>
<strong>
{% trans "We will assign you a personal reference code to use after you completed the order." %}
</strong>
{% endif %}
</address>
</p>
{% endif %}

View File

@@ -16,34 +16,43 @@
<div class="row">
<div class="{% if settings.bank_details_type == "sepa" %}col-md-6{% else %}col-md-12{% endif %} col-xs-12">
<p>
{% if settings.bank_details_type == "sepa" %}
<strong>{% trans "Account holder" %}:</strong> {{ settings.bank_details_sepa_name }}<br>
<strong>{% trans "IBAN" %}:</strong> {{ settings.bank_details_sepa_iban|ibanformat }}<br>
<strong>{% trans "BIC" %}:</strong> {{ settings.bank_details_sepa_bic }}<br>
<strong>{% trans "Bank" %}:</strong> {{ settings.bank_details_sepa_bank }}<br>
<dl class="dl-horizontal">
<dt>{% trans "Account holder" %}:</dt><dd>{{ settings.bank_details_sepa_name }}</dt>
<dt>{% trans "IBAN" %}:</dt><dd>{{ settings.bank_details_sepa_iban|ibanformat }}</dt>
<dt>{% trans "BIC" %}:</dt><dd>{{ settings.bank_details_sepa_bic }}</dt>
<dt>{% trans "Bank" %}:</dt><dd>{{ settings.bank_details_sepa_bank }}</dt>
{% if details %}
</dl>
{% endif %}
{% endif %}
{% if details %}
{{ details|linebreaksbr }}<br>
{{ details|linebreaks }}
<dl class="dl-horizontal">
{% endif %}
<strong>{% trans "Amount:" %}</strong> {{ amount|money:event.currency }}<br/>
<strong>{% trans "Reference code (important):" %} {{ code }}</strong>
</p>
{% if not settings.bank_details_type == "sepa" and not details %}
<dl class="dl-horizontal">
{% endif %}
<dt>{% trans "Amount:" %}</dt><dd>{{ amount|money:event.currency }}</dd>
<dt>{% trans "Reference code (important):" %}</dt><dd><b>{{ code }}</b></dd>
</dl>
<p>
{% trans "After you sent the bank transfer, you can close this window. We will send you an email as soon as we received your payment." %}
</p>
</div>
{% if settings.bank_details_type == "sepa" %}
<div class="col-md-3 col-sm-6 hidden-xs text-center">
BezahlCode<br>
<a href="bank://singlepaymentsepa?name={{ settings.bank_details_sepa_name|urlencode }}&iban={{ settings.bank_details_sepa_iban }}&bic={{ settings.bank_details_sepa_bic }}&amount={{ amount|commadecimal }}&reason={{ code }}&currency={{ event.currency }}">
<script type="text/plain" data-size="150" data-replace-with-qr>bank://singlepaymentsepa?name={{ settings.bank_details_sepa_name|urlencode }}&iban={{ settings.bank_details_sepa_iban }}&bic={{ settings.bank_details_sepa_bic }}&amount={{ amount|commadecimal }}&reason={{ code }}&currency={{ event.currency }}</script>
<div class="col-md-3 col-sm-6 hidden-xs text-center js-only">
<h4>BezahlCode</h4>
<p>
<a aria-label="{% trans "Open BezahlCode in your banking app to start the payment process." %}" href="bank://singlepaymentsepa?name={{ settings.bank_details_sepa_name|urlencode }}&iban={{ settings.bank_details_sepa_iban }}&bic={{ settings.bank_details_sepa_bic }}&amount={{ amount|commadecimal }}&reason={{ code }}&currency={{ event.currency }}">
<script type="text/plain" data-size="150" data-replace-with-qr data-desc="{% trans 'BezahlCode for your order. Scan this image with your banking apps QR-Reader to start the payment process.' %}">bank://singlepaymentsepa?name={{ settings.bank_details_sepa_name|urlencode }}&iban={{ settings.bank_details_sepa_iban }}&bic={{ settings.bank_details_sepa_bic }}&amount={{ amount|commadecimal }}&reason={{ code }}&currency={{ event.currency }}</script>
</a>
<p>&nbsp;</p>
</p>
</div>
<div class="col-md-3 col-sm-6 hidden-xs text-center">
GiroCode / EPC-QR<br>
<script type="text/plain" data-size="150" data-replace-with-qr>BCD
<div class="col-md-3 col-sm-6 hidden-xs text-center js-only">
<h4>GiroCode / EPC-QR</h4>
<p>
<script type="text/plain" data-size="150" data-replace-with-qr data-desc="{% trans 'GiroCode / EPC-QR for your order. Scan this image with your banking apps QR-Reader to start the payment process.' %}">BCD
002
2
SCT
@@ -56,6 +65,7 @@ SCT
{{ code }}
</script>
</p>
</div>
<div class="visible-xs-block text-center">
<p>