CGM_Public/pretix_cgo
1
0
Fork 0
forked from CGM_Public/pretix_original
Code Pull Requests Actions Activity

[A11y] improve questions step (#5199)

Browse Source 
* [A11y] fix copy-answer buttons being inside interactive summary

* fix legends missing fieldsets

* indent explanation-texts

* Do not indent explanation, move copy-button after explanation

* fix code indent

* remove unneccessary change
This commit is contained in:
Richard Schreiber
2025-06-03 10:06:40 +02:00
committed by GitHub
parent 3f9b52ad0c
commit f600200ec6
1 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/pretix/presale/templates/pretixpresale/event/checkout_questions.html
View File

@@ -1,5 +1,6 @@
{% extends "pretixpresale/event/checkout_base.html" %} {% extends "pretixpresale/event/checkout_base.html" %}
{% load i18n %} {% load i18n %}
{% load icon %}
{% load bootstrap3 %} {% load bootstrap3 %}
{% load rich_text %} {% load rich_text %}
{% load lists %} {% load lists %}
@@ -74,14 +75,6 @@
{% if pos.variation %} {% if pos.variation %}
– {{ pos.variation }} – {{ pos.variation }}
{% endif %}</strong> {% endif %}</strong>
{% if forloop.counter > 1 %}
<span class="text-right flip">
{% if event.settings.checkout_show_copy_answers_button %}
<button type="button" data-id="{{ forloop.counter0 }}" name="copy"
class="js-copy-answers btn btn-default btn-xs">{% trans "Copy answers from above" %}</button>
{% endif %}
</span>
{% endif %}
</h3> </h3>
</summary> </summary>
<div> <div>
@@ -89,6 +82,17 @@
{% if event.settings.attendee_data_explanation_text and pos.item.ask_attendee_data %} {% if event.settings.attendee_data_explanation_text and pos.item.ask_attendee_data %}
{{ event.settings.attendee_data_explanation_text|rich_text }} {{ event.settings.attendee_data_explanation_text|rich_text }}
{% endif %} {% endif %}
{% if forloop.counter > 1 and event.settings.checkout_show_copy_answers_button %}
<div class="form-group">
<div class="col-md-9 col-md-offset-3">
<button type="button" data-id="{{ forloop.counter0 }}" name="copy"
class="js-copy-answers btn btn-default btn-sm">
{% icon "files-o" %}
{% trans "Copy answers from above" %}
</button>
</div>
</div>
{% endif %}
{% if pos.seat %} {% if pos.seat %}
<div class="form-group"> <div class="form-group">
<label class="col-md-3 control-label"> <label class="col-md-3 control-label">
@@ -127,15 +131,14 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
<fieldset>
<legend class="sr-only">{{ pos.item.name }}{% if pos.variation %} – {{ pos.variation }}{% endif %}</legend>
{% for form in forms %} {% for form in forms %}
{% if form.pos.item != pos.item %} {% if form.pos.item != pos.item %}
</fieldset>
<fieldset>
{# Add-Ons #} {# Add-Ons #}
<legend{% if profiles_data %} class="profile-add-on-legend"{% endif %}> <legend{% if profiles_data %} class="profile-add-on-legend"{% endif %}>
{% if form.show_copy_answers_to_addon_button and event.settings.checkout_show_copy_answers_button %}
<span class="pull-right flip">
<button type="button" data-id="{{ forloop.parentloop.counter0 }}" data-addonid="{{ forloop.counter0 }}" name="copy" class="js-copy-answers-addon btn btn-default btn-xs">{% trans "Copy answers" %}</button>
</span>
{% endif %}
+ {{ form.pos.item.name }}{% if form.pos.variation %} – {{ form.pos.variation.value }}{% endif %} + {{ form.pos.item.name }}{% if form.pos.variation %} – {{ form.pos.variation.value }}{% endif %}
</legend> </legend>
{% endif %} {% endif %}
@@ -157,8 +160,20 @@
</div> </div>
{% endif %} {% endif %}
{% if form.show_copy_answers_to_addon_button and event.settings.checkout_show_copy_answers_button %}
<div class="form-group">
<div class="col-md-9 col-md-offset-3">
<button type="button" data-id="{{ forloop.parentloop.counter0 }}" data-addonid="{{ forloop.counter0 }}" name="copy" class="js-copy-answers-addon btn btn-default btn-sm">
{% icon "files-o" %}
{% trans "Copy answers from above" %}
</button>
</div>
</div>
{% endif %}
{% bootstrap_form form layout="checkout" %} {% bootstrap_form form layout="checkout" %}
</div> </div>
</fieldset>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>