added aria-hidden to fontawesome and some aria-label if needed

src/pretix/presale/templates/pretixpresale/event/base.html

@@ -22,7 +22,7 @@
     {% if not event.live %}
         <div class="offline-banner">
             <div class="container">
-                <span class="fa fa-user-secret"></span>
+                <span class="fa fa-user-secret" aria-hidden="true"></span>
                 {% trans "This shop is currently only visible to you and your team." %}
                 <a href="{{ site_url }}{% url "control:event.live" event=event.slug organizer=event.organizer.slug %}">
                     {% trans "Take it live now" %}

src/pretix/presale/templates/pretixpresale/event/checkout_addons.html

@@ -20,17 +20,17 @@
                             <strong>{{ form.item.name }}{% if form.variation %}
                                 – {{ form.variation }}
                             {% endif %}</strong>
-                            <i class="fa fa-angle-down collapse-indicator"></i>
+                            <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                         </h4>
                     </summary>
                     <div id="cp{{ form.cartpos.pk }}">
                         <div class="panel-body">
                             {% if form.cartpos.subevent %}
                                 <p>
-                                    <span class="fa fa-calendar"></span>
+                                    <span class="fa fa-calendar" aria-hidden="true"></span>
                                     {{ form.cartpos.subevent.name }} &middot; {{ form.cartpos.subevent.get_date_range_display }}
                                     {% if form.cartpos.event.settings.show_times %}
-                                        <span class="fa fa-clock-o"></span>
+                                        <span class="fa fa-clock-o" aria-hidden="true"></span>
                                         {{ form.cartpos.subevent.date_from|date:"TIME_FORMAT" }}
                                     {% endif %}
                                 </p>

src/pretix/presale/templates/pretixpresale/event/checkout_base.html

@@ -7,7 +7,7 @@
         <summary class="panel-heading">
             <h3 class="panel-title">
                 <span>
-                    <i class="fa fa-shopping-cart"></i>
+                    <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                     <strong>{% trans "Your cart" %}</strong>
                 </span>
                 <span>
@@ -18,7 +18,7 @@
                             {% trans "Cart expired" %}
                         {% endif %}
                     </strong>
-                    <i class="fa fa-angle-down collapse-indicator"></i>
+                    <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                 </span>
             </h3>
         </summary>
@@ -39,7 +39,7 @@
     </details>
     {% if not has_prev and request.event.has_subevents and request.session.iframe_session %}
         <a class="btn btn-primary btn-block btn-lg" href="{{ prev_url }}">
-            <span class="fa fa-reply"></span>
+            <span class="fa fa-reply" aria-hidden="true"></span>
             {% trans "Add tickets for a different date" %}
         </a>
     {% endif %}

src/pretix/presale/templates/pretixpresale/event/checkout_confirm.html

@@ -23,13 +23,13 @@
                     </strong>
                     <span class="helper-display-block cart-modify">
                         <a href="{% eventurl request.event "presale:event.index" cart_namespace=cart_namespace|default_if_none:"" %}">
-                            <span class="fa fa-edit"></span>
+                            <span class="fa fa-edit" aria-hidden="true"></span>
                             {% trans "Add or remove tickets" %}
                         </a>
                     </span>
                 </div>
                 <h3 class="panel-title">
-                    <i class="fa fa-shopping-cart"></i>
+                    <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                     {% trans "Your cart" %}
                 </h3>
             </div>
@@ -57,7 +57,7 @@
                     {% if payment_provider.identifier != "free" %}
                         <div class="pull-right flip">
                             <a href="{% eventurl request.event "presale:event.checkout" step="payment" cart_namespace=cart_namespace|default_if_none:"" %}">
-                                <span class="fa fa-edit"></span>
+                                <span class="fa fa-edit" aria-hidden="true"></span>
                                 {% trans "Modify" %}
                             </a>
                         </div>
@@ -79,7 +79,7 @@
                         <div class="panel-heading">
                             <div class="pull-right flip">
                                 <a href="{% eventurl request.event "presale:event.checkout" step="questions" cart_namespace=cart_namespace|default_if_none:"" %}?invoice=1">
-                                    <span class="fa fa-edit"></span>
+                                    <span class="fa fa-edit" aria-hidden="true"></span>
                                     {% trans "Modify" %}
                                 </a>
                             </div>
@@ -129,7 +129,7 @@
                     <div class="panel-heading">
                         <div class="pull-right flip">
                             <a href="{% eventurl request.event "presale:event.checkout" step="questions" cart_namespace=cart_namespace|default_if_none:"" %}">
-                                <span class="fa fa-edit"></span>
+                                <span class="fa fa-edit" aria-hidden="true"></span>
                                 {% trans "Modify" %}
                             </a>
                         </div>

src/pretix/presale/templates/pretixpresale/event/checkout_questions.html

@@ -16,7 +16,7 @@
                 <summary class="panel-heading">
                     <h4 class="panel-title">
                         <strong>{% trans "Contact information" %}</strong>
-                        <i class="fa fa-angle-down collapse-indicator"></i>
+                        <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                     </h4>
                 </summary>
                 <div id="contact">
@@ -36,7 +36,7 @@
                                 {% trans "(optional)" %}
                             {% endif %}</strong>
 
-                            <i class="fa fa-angle-down collapse-indicator"></i>
+                            <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                         </h4>
                     </summary>
                     <div id="invoice">
@@ -66,10 +66,10 @@
                                         <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 %}
-                                    <i class="fa fa-angle-down collapse-indicator"></i>
+                                    <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                                 </span>
                             {% else %}
-                                <i class="fa fa-angle-down collapse-indicator"></i>
+                                <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                             {% endif %}
                         </h4>
                     </summary>
@@ -116,7 +116,7 @@
                                             {{ pos.subevent.name }} &middot; {{ pos.subevent.get_date_range_display }}
                                             {% if pos.event.settings.show_times %}
                                                 <span data-time="{{ pos.subevent.date_from.isoformat }}" data-timezone="{{ request.event.timezone }}">
-                                                    <span class="fa fa-clock-o"></span>
+                                                    <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                     {{ pos.subevent.date_from|date:"TIME_FORMAT" }}
                                                 </span>
                                             {% endif %}

src/pretix/presale/templates/pretixpresale/event/fragment_availability.html

@@ -10,7 +10,7 @@
         {% if event.settings.waiting_list_enabled and item.allow_waitinglist %}
             <br/>
             <a href="{% eventurl event "presale:event.waitinglist" cart_namespace=cart_namespace|default_if_none:"" %}?item={{ item.pk }}{% if var %}&var={{ var.pk }}{% endif %}{% if subevent %}&subevent={{ subevent.pk }}{% endif %}">
-                <span class="fa fa-plus-circle"></span>
+                <span class="fa fa-plus-circle" aria-hidden="true"></span>
                 {% trans "Waiting list" %}
             </a>
         {% endif %}
@@ -23,7 +23,7 @@
         {% if event.settings.waiting_list_enabled and item.allow_waitinglist %}
             <br/>
             <a href="{% eventurl event "presale:event.waitinglist" cart_namespace=cart_namespace|default_if_none:"" %}?item={{ item.pk }}{% if var %}&var={{ var.pk }}{% endif %}{% if subevent %}&subevent={{ subevent.pk }}{% endif %}">
-                <span class="fa fa-plus-circle"></span>
+                <span class="fa fa-plus-circle" aria-hidden="true"></span>
                 {% trans "Waiting list" %}
             </a>
         {% endif %}

src/pretix/presale/templates/pretixpresale/event/fragment_cart.html

@@ -23,13 +23,13 @@
                 {{ line.seat }}
             {% endif %}
             {% if line.voucher %}
-                <br /><span class="fa fa-tags fa-fw"></span> {% trans "Voucher code used:" %} {{ line.voucher.code }}
+                <br /><span class="fa fa-tags fa-fw" aria-hidden="true"></span> {% trans "Voucher code used:" %} {{ line.voucher.code }}
             {% endif %}
             {% if line.subevent %}
-                <br /><span class="fa fa-calendar fa-fw"></span> {{ line.subevent.name }} &middot; {{ line.subevent.get_date_range_display }}
+                <br /><span class="fa fa-calendar fa-fw" aria-hidden="true"></span> {{ line.subevent.name }} &middot; {{ line.subevent.get_date_range_display }}
                 {% if event.settings.show_times %}
                     <span data-time="{{ line.subevent.date_from.isoformat }}" data-timezone="{{ request.event.timezone }}" data-time-short>
-                        <span class="fa fa-clock-o"></span>
+                        <span class="fa fa-clock-o" aria-hidden="true"></span>
                         {{ line.subevent.date_from|date:"TIME_FORMAT" }}
                     </span>
                 {% endif %}
@@ -100,7 +100,7 @@
                         <dd>
                             {% if q.answer %}
                                 {% if q.answer.file %}
-                                    <span class="fa fa-file"></span>
+                                    <span class="fa fa-file" aria-hidden="true"></span>
                                     <a href="{{ q.answer.frontend_file_url }}?token={% answer_token request q.answer %}">
                                         {{ q.answer.file_name }}
                                     </a>
@@ -131,7 +131,7 @@
                         {% csrf_token %}
                         <button type="submit"
                                 class="btn btn-sm {% if b.identifier == "pdf" %}btn-primary{% else %}btn-default{% endif %}">
-                            <span class="fa {{ b.icon }}"></span> {{ b.text }}
+                            <span class="fa {{ b.icon }}" aria-hidden="true"></span> {{ b.text }}
                         </button>
                     </form>
                 {% endfor %}
@@ -154,11 +154,11 @@
                         method="post" data-asynctask>
                     {% csrf_token %}
                     <input type="hidden" name="id" value="{{ line.id }}" />
-                    <button class="btn btn-mini btn-link" title="{% trans "Remove one" %}">
+                    <button class="btn btn-mini btn-link" title="{% trans "Remove one" %}" aria-label="{% trans "Remove one" %}">
                         {% if line.seat %}
-                            <i class="fa fa-trash"></i>
+                            <i class="fa fa-trash" aria-hidden="true"></i>
                         {% else %}
-                            <i class="fa fa-minus"></i>
+                            <i class="fa fa-minus" aria-hidden="true"></i>
                         {% endif %}
                     </button>
                 </form>
@@ -182,8 +182,8 @@
                         <input type="hidden" name="price_{{ line.item.id }}"
                                 value="{% if event.settings.display_net_prices %}{{ line.bundle_sum_net }}{% else %}{{ line.bundle_sum }}{% endif %}" />
                     {% endif %}
-                    <button class="btn btn-mini btn-link {% if line.seat %}btn-invisible{% endif %}" title="{% trans "Add one more" %}" {% if line.seat %}disabled{% endif %}>
+                    <button class="btn btn-mini btn-link {% if line.seat %}btn-invisible{% endif %}" title="{% trans "Add one more" %}" aria-label="{% trans "Add one more" %}" {% if line.seat %}disabled{% endif %}>
-                        <i class="fa fa-plus"></i>
+                        <i class="fa fa-plus" aria-hidden="true"></i>
                     </button>
                 </form>
                 {% endif %}
@@ -300,17 +300,17 @@
         {% if editable and vouchers_exist and not cart.all_with_voucher %}
             <br>
             <a class="js-only apply-voucher-toggle" href="#">
-                <span class="fa fa-tag"></span> {% trans "Redeem a voucher" %}
+                <span class="fa fa-tag" aria-hidden="true"></span> {% trans "Redeem a voucher" %}
             </a>
             <form action="{% eventurl event "presale:event.cart.voucher" cart_namespace=cart_namespace|default_if_none:"" %}"
                   data-asynctask-headline="{% trans "We're applying this voucher to your cart..." %}"
                   method="post" data-asynctask class="apply-voucher">
                 {% csrf_token %}
                 <div class="input-group">
-                    <input type="text" class="form-control" name="voucher" placeholder="{% trans "Voucher code" %}">
+                    <input type="text" class="form-control" name="voucher" placeholder="{% trans "Voucher code" %}" aria-label="{% trans "Voucher code" %}">
                     <span class="input-group-btn">
-                        <button class="btn btn-primary" type="submit">
+                        <button class="btn btn-primary" type="submit" aria-label="{% trans "Redeem voucher" %}">
-                            <span class="fa fa-check"></span>
+                            <span class="fa fa-check" aria-hidden="true"></span>
                         </button>
                     </span>
                 </div>

src/pretix/presale/templates/pretixpresale/event/fragment_checkoutflow.html

@@ -5,7 +5,7 @@
             <div class="checkout-step-bar-left"></div>
             <div class="checkout-step-bar-right"></div>
             <div class="checkout-step-icon">
-                <span class="fa {% if step.c_is_before %}fa-check{% elif step.icon %}fa-{{ step.icon }}{% else %}fa-pencil{% endif %}"></span>
+                <span class="fa {% if step.c_is_before %}fa-check{% elif step.icon %}fa-{{ step.icon }}{% else %}fa-pencil{% endif %}" aria-hidden="true"></span>
             </div>
             <div class="checkout-step-label">
                 {{ step.label }}
@@ -16,7 +16,7 @@
         <div class="checkout-step-bar-left"></div>
         <div class="checkout-step-bar-right"></div>
         <div class="checkout-step-icon">
-            <span class="fa fa-ticket"></span>
+            <span class="fa fa-ticket" aria-hidden="true"></span>
         </div>
         <div class="checkout-step-label">
             {% trans "Order confirmed" context "checkoutflow" %}

src/pretix/presale/templates/pretixpresale/event/fragment_downloads.html

@@ -9,7 +9,7 @@
         </div>
         <div class="panel-body text-center">
             <h4>
-                <span class="fa fa-envelope text-muted fa-2x"></span><br><br>
+                <span class="fa fa-envelope text-muted fa-2x" aria-hidden="true"></span><br><br>
                 {% trans "Please check your email account, we've sent you your tickets." %}
             </h4>
             <p class="text-muted">
@@ -45,7 +45,7 @@
                             {% csrf_token %}
                             <button type="submit"
                                     class="btn btn-lg {% if b.identifier == "pdf" %}btn-primary{% else %}btn-default{% endif %}">
-                                <span class="fa {{ b.icon }}"></span> {{ b.multi_text }}
+                                <span class="fa {{ b.icon }}" aria-hidden="true"></span> {{ b.multi_text }}
                             </button>
                         </form>
                     {% endif %}
@@ -66,7 +66,7 @@
                         {% csrf_token %}
                         <button type="submit"
                                 class="btn btn-lg {% if b.identifier == "pdf" %}btn-primary{% else %}btn-default{% endif %}">
-                            <span class="fa {{ b.icon }}"></span> {{ b.long_text }}
+                            <span class="fa {{ b.icon }}" aria-hidden="true"></span> {{ b.long_text }}
                         </button>
                     </form>
                 {% endfor %}

src/pretix/presale/templates/pretixpresale/event/fragment_subevent_calendar.html

@@ -11,7 +11,7 @@
         <div class="col-sm-4 hidden-xs text-left flip">
             <a href="?{% url_replace request "year" before.year "month" before.month %}"
                     class="btn btn-default">
-                <span class="fa fa-arrow-left"></span>
+                <span class="fa fa-arrow-left" aria-hidden="true"></span>
                 {{ before|date:"F Y" }}
             </a>
         </div>
@@ -33,7 +33,7 @@
         <div class="col-sm-4 hidden-xs text-right flip">
             <a href="?{% url_replace request "year" after.year "month" after.month %}" class="btn btn-default">
                 {{ after|date:"F Y" }}
-                <span class="fa fa-arrow-right"></span>
+                <span class="fa fa-arrow-right" aria-hidden="true"></span>
             </a>
         </div>
     </div>

src/pretix/presale/templates/pretixpresale/event/fragment_subevent_calendar_week.html

@@ -11,7 +11,7 @@
         <div class="col-sm-4 hidden-xs text-left flip">
             <a href="?{% url_replace request "year" before.isocalendar.0 "week" before.isocalendar.1 %}"
                     class="btn btn-default">
-                <span class="fa fa-arrow-left"></span>
+                <span class="fa fa-arrow-left" aria-hidden="true"></span>
                 {{ before|date:week_format }}
             </a>
         </div>
@@ -34,7 +34,7 @@
             <a href="?{% url_replace request "year" after.isocalendar.0 "week" after.isocalendar.1 %}"
                     class="btn btn-default">
                 {{ after|date:week_format }}
-                <span class="fa fa-arrow-right"></span>
+                <span class="fa fa-arrow-right" aria-hidden="true"></span>
             </a>
         </div>
     </div>
@@ -43,12 +43,12 @@
 <div class="col-sm-4 visible-xs text-center">
     <a href="?{% url_replace request "year" before.isocalendar.0 "week" before.isocalendar.1 %}"
             class="btn btn-default">
-        <span class="fa fa-arrow-left"></span>
+        <span class="fa fa-arrow-left" aria-hidden="true"></span>
         {{ before|date:week_format }}
     </a>
     <a href="?{% url_replace request "year" after.isocalendar.0 "week" after.isocalendar.1 %}"
             class="btn btn-default">
         {{ after|date:week_format }}
-        <span class="fa fa-arrow-right"></span>
+        <span class="fa fa-arrow-right" aria-hidden="true"></span>
     </a>
 </div>

src/pretix/presale/templates/pretixpresale/event/fragment_subevent_list.html

@@ -8,11 +8,11 @@
                 <strong>{{ subev.name }}</strong>
             </div>
             <div class="col-md-4">
-                <span class="fa fa-calendar"></span>
+                <span class="fa fa-calendar" aria-hidden="true"></span>
                 {{ subev.get_date_range_display }}
                 {% if event.settings.show_times %}
                     <span data-time="{{ subev.date_from.isoformat }}" data-timezone="{{ event.timezone }}" data-time-short>
-                        <span class="fa fa-clock-o"></span>
+                        <span class="fa fa-clock-o" aria-hidden="true"></span>
                         {{ subev.date_from|date:"TIME_FORMAT" }}
                     </span>
                 {% endif %}

src/pretix/presale/templates/pretixpresale/event/index.html

@@ -30,7 +30,7 @@
             <summary class="panel-heading">
                 <h3 class="panel-title">
                     <span>
-                        <i class="fa fa-shopping-cart"></i>
+                        <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                         <strong>{% trans "Your cart" %}</strong>
                     </span>
                     <span>
@@ -41,7 +41,7 @@
                                 {% trans "Cart expired" %}
                             {% endif %}
                         </strong>
-                        <i class="fa fa-angle-down collapse-indicator"></i>
+                        <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                     </span>
                 </h3>
             </summary>
@@ -62,16 +62,16 @@
                             <form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
                                 {% csrf_token %}
                                 <button class="btn btn-block btn-default btn-lg" type="submit">
-                                    <i class="fa fa-close"></i> {% trans "Empty cart" %}</button>
+                                    <i class="fa fa-close" aria-hidden="true"></i> {% trans "Empty cart" %}</button>
                             </form>
                         </div>
                         <div class="col-md-4 col-sm-6 col-md-offset-4 col-xs-12">
                             <a class="btn btn-block btn-primary btn-lg"
                                     href="{% eventurl request.event "presale:event.checkout.start" cart_namespace=cart_namespace  %}">
                                 {% if has_addon_choices or cart.total == 0 %}
-                                    <i class="fa fa-shopping-cart"></i> {% trans "Continue" %}
+                                    <i class="fa fa-shopping-cart" aria-hidden="true"></i> {% trans "Continue" %}
                                 {% else %}
-                                    <i class="fa fa-shopping-cart"></i> {% trans "Proceed with checkout" %}
+                                    <i class="fa fa-shopping-cart" aria-hidden="true"></i> {% trans "Proceed with checkout" %}
                                 {% endif %}
                             </a>
                         </div>
@@ -79,7 +79,7 @@
                             <form method="post" data-asynctask action="{% eventurl request.event "presale:event.cart.clear" cart_namespace=cart_namespace %}">
                                 {% csrf_token %}
                                 <button class="btn btn-block btn-default btn-lg" type="submit">
-                                    <i class="fa fa-close"></i> {% trans "Empty cart" %}</button>
+                                    <i class="fa fa-close" aria-hidden="true"></i> {% trans "Empty cart" %}</button>
                             </form>
                         </div>
                         <div class="clearfix"></div>
@@ -106,7 +106,7 @@
         {% if subevent and "year" not in request.GET %}
             {% if show_cart %}
                 <a class="subevent-toggle btn btn-primary btn-block btn-lg">
-                    <span class="fa fa-reply"></span>
+                    <span class="fa fa-reply" aria-hidden="true"></span>
                     {% trans "Add tickets for a different date" %}
                 </a>
             {% else %}
@@ -187,15 +187,15 @@
             <div>
                 {% if ev.location %}
                     <div class="info-row">
-                        <span class="fa fa-map-marker fa-fw"></span>
+                        <span class="fa fa-map-marker fa-fw" aria-hidden="true"></span>
-                        <p>
+                        <p><span class="sr-only">{% trans "Location" %}:</span>
                             {{ ev.location|linebreaksbr }}
                         </p>
                     </div>
                 {% endif %}
                 {% if ev.settings.show_dates_on_frontpage %}
                     <div class="info-row">
-                        <span class="fa fa-clock-o fa-fw"></span>
+                        <span class="fa fa-clock-o fa-fw" aria-hidden="true"></span>
                         <p>
                             {{ ev.get_date_range_display }}
                             {% if event.settings.show_times %}
@@ -270,12 +270,12 @@
                                 <button class="btn btn-block btn-primary btn-lg" type="submit" id="btn-add-to-cart">
                                     {% if request.event.settings.redirect_to_checkout_directly %}
                                         {% if allfree %}
-                                            <i class="fa fa-check"></i> {% trans "Register" context "free_tickets" %}
+                                            <i class="fa fa-check" aria-hidden="true"></i> {% trans "Register" context "free_tickets" %}
                                         {% else %}
-                                           <i class="fa fa-shopping-cart"></i> {% trans "Proceed with checkout" %}
+                                           <i class="fa fa-shopping-cart" aria-hidden="true"></i> {% trans "Proceed with checkout" %}
                                         {% endif %}
                                     {% else %}
-                                        <i class="fa fa-shopping-cart"></i> {% trans "Add to cart" %}
+                                        <i class="fa fa-shopping-cart" aria-hidden="true"></i> {% trans "Add to cart" %}
                                     {% endif %}
                                 </button>
                             </div>
@@ -299,9 +299,9 @@
                 <div class="row-voucher">
                     <div class="col-md-8 col-sm-6 col-xs-12">
                         <div class="input-group">
-                            <span class="input-group-addon"><i class="fa fa-ticket fa-fw"></i></span>
+                            <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" %}">
+                                    placeholder="{% trans "Voucher code" %}" aria-label="{% trans "Voucher code" %}">
                         </div>
                     </div>
                     <input type="hidden" name="subevent" value="{{ subevent.id|default_if_none:"" }}" />

src/pretix/presale/templates/pretixpresale/event/order.html

@@ -10,7 +10,7 @@
 {% block content %}
     {% if "thanks" in request.GET or "paid" in request.GET %}
         <div class="thank-you">
-            <span class="fa fa-check-circle"></span>
+            <span class="fa fa-check-circle" aria-hidden="true"></span>
 
             <h2>{% trans "Thank you!" %}</h2>
             {% if order.status != 'p' %}
@@ -121,7 +121,7 @@
                             {% elif r.state == "done" %}
                                 {% if r.provider == "giftcard" %}
                                     <a href="#" class="print-this-page btn btn-default btn-sm pull-right hidden-print">
-                                        <span class="fa fa-print"></span>
+                                        <span class="fa fa-print" aria-hidden="true"></span>
                                         {% trans "Print" %}
                                     </a>
                                     {% blocktrans trimmed with amount=r.amount|money:request.event.currency %}
@@ -129,7 +129,7 @@
                                         us, you can use the following gift card code during payment:
                                     {% endblocktrans %}
                                     <div class="text-center refund-gift-card-code">
-                                        <span class="fa fa-credit-card"></span>
+                                        <span class="fa fa-credit-card" aria-hidden="true"></span>
                                         {{ r.giftcard.secret }}
                                     </div>
                                     {% if r.giftcard.value != r.amount %}
@@ -170,7 +170,7 @@
             {% if order.can_modify_answers %}
                 <div class="pull-right flip">
                     <a href="{% eventurl event "presale:event.order.modify" secret=order.secret order=order.code %}">
-                        <span class="fa fa-edit"></span>
+                        <span class="fa fa-edit" aria-hidden="true"></span>
                         {% trans "Change details" %}
                     </a>
                 </div>
@@ -264,7 +264,7 @@
                         {% if order.can_modify_answers %}
                             <div class="pull-right flip">
                                 <a href="{% eventurl event "presale:event.order.modify" secret=order.secret order=order.code %}">
-                                    <span class="fa fa-edit"></span>
+                                    <span class="fa fa-edit" aria-hidden="true"></span>
                                     {% trans "Change details" %}
                                 </a>
                             </div>
@@ -337,7 +337,7 @@
                         </p>
                         <a href="{% eventurl event 'presale:event.order.change' secret=order.secret order=order.code %}"
                                 class="btn btn-default">
-                            <span class="fa fa-edit"></span>
+                            <span class="fa fa-edit" aria-hidden="true"></span>
                             {% trans "Change order" %}
                         </a>
                     </li>
@@ -405,7 +405,7 @@
                             {% endif %}
                             <a href="{% eventurl event 'presale:event.order.cancel' secret=order.secret order=order.code %}"
                                     class="btn btn-danger">
-                                <span class="fa fa-remove"></span>
+                                <span class="fa fa-remove" aria-hidden="true"></span>
                                 {% trans "Cancel order" %}
                             </a>
                         {% else %}
@@ -417,7 +417,7 @@
                             </p>
                             <a href="{% eventurl event 'presale:event.order.cancel' secret=order.secret order=order.code %}"
                                     class="btn btn-danger">
-                                <span class="fa fa-remove"></span>
+                                <span class="fa fa-remove" aria-hidden="true"></span>
                                 {% trans "Cancel order" %}
                             </a>
                         {% endif %}

src/pretix/presale/templates/pretixpresale/event/order_change.html

@@ -32,7 +32,7 @@
                                     <ul class="addon-list">
                                         {{ pos.subevent.name }} &middot; {{ pos.subevent.get_date_range_display }}
                                         {% if pos.event.settings.show_times %}
-                                            <span class="fa fa-clock-o"></span>
+                                            <span class="fa fa-clock-o" aria-hidden="true"></span>
                                             {{ pos.subevent.date_from|date:"TIME_FORMAT" }}
                                         {% endif %}
                                     </ul>

src/pretix/presale/templates/pretixpresale/event/order_modify.html

@@ -33,7 +33,7 @@
                                     {% trans "Contact information" %}
                                 {% endif %}
                             </strong>
-                            <i class="fa fa-angle-down collapse-indicator"></i>
+                            <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                         </h4>
                     </summary>
                     <div id="invoice" class="panel-collapse">
@@ -55,7 +55,7 @@
                             <strong>{{ pos.item.name }}{% if pos.variation %}
                                 – {{ pos.variation }}
                             {% endif %}</strong>
-                            <i class="fa fa-angle-down collapse-indicator"></i>
+                            <i class="fa fa-angle-down collapse-indicator" aria-hidden="true"></i>
                         </h4>
                     </summary>
                     <div id="cp{{ pos.id }}">

src/pretix/presale/templates/pretixpresale/event/voucher.html

@@ -14,7 +14,7 @@
         <h3>{{ subevent.name }}</h3>
         {% with ev=subevent %}
             <div class="info-row">
-                <span class="fa fa-clock-o fa-fw"></span>
+                <span class="fa fa-clock-o fa-fw" aria-hidden="true"></span>
                 <p>
                     {{ ev.get_date_range_display }}
                     {% if event.settings.show_times %}
@@ -340,12 +340,12 @@
                         <button class="btn btn-block btn-primary btn-lg" id="btn-add-to-cart" type="submit">
                             {% if request.event.settings.redirect_to_checkout_directly %}
                                 {% if allfree %}
-                                    <i class="fa fa-check"></i> {% trans "Register" context "free_tickets" %}
+                                    <i class="fa fa-check" aria-hidden="true"></i> {% trans "Register" context "free_tickets" %}
                                 {% else %}
-                                    <i class="fa fa-shopping-cart"></i> {% trans "Proceed with checkout" %}
+                                    <i class="fa fa-shopping-cart" aria-hidden="true"></i> {% trans "Proceed with checkout" %}
                                 {% endif %}
                             {% else %}
-                                <i class="fa fa-shopping-cart"></i> {% trans "Add to cart" %}
+                                <i class="fa fa-shopping-cart" aria-hidden="true"></i> {% trans "Add to cart" %}
                             {% endif %}
                         </button>
                     </div>

src/pretix/presale/templates/pretixpresale/forms/addon_choice_option.html

@@ -1,3 +1,3 @@
 {% load rich_text %}
-<label{% if widget.attrs.id %} for="{{ widget.attrs.id }}"{% endif %}>{% include "django/forms/widgets/input.html" %} {{ widget.label }}</label> {% if widget.attrs.description %}<span class="fa fa-info-circle toggle-variation-description"></span>
+<label{% if widget.attrs.id %} for="{{ widget.attrs.id }}"{% endif %}>{% include "django/forms/widgets/input.html" %} {{ widget.label }}</label> {% if widget.attrs.description %}<span class="fa fa-info-circle toggle-variation-description" aria-hidden="true"></span>
 <div class="variation-description addon-variation-description">{{ widget.attrs.description|rich_text }}</div>{% endif %}

src/pretix/presale/templates/pretixpresale/fragment_calendar.html

@@ -52,7 +52,7 @@
                                         {% if not event.continued %}
                                             {% if event.time %}
                                                 <span class="event-time" data-time="{{ event.event.date_from.isoformat }}" data-timezone="{{ event.timezone }}" data-time-short>
-                                                    <span class="fa fa-clock-o"></span>
+                                                    <span class="fa fa-clock-o" aria-hidden="true"></span>
                                                     {% if not show_names|default_if_none:True %}
                                                         <strong>
                                                     {% endif %}
@@ -71,29 +71,29 @@
                                             <span class="event-status">
                                                 {% if event.event.presale_is_running and show_avail %}
                                                     {% if event.event.best_availability_state == 100 %}
-                                                        <span class="fa fa-ticket"></span> {% trans "Book now" %}
+                                                        <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Book now" %}
                                                     {% elif event.event.settings.waiting_list_enabled and event.event.best_availability_state >= 0 %}
-                                                        <span class="fa fa-ticket"></span> {% trans "Waiting list" %}
+                                                        <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Waiting list" %}
                                                     {% elif event.event.best_availability_state == 20 %}
-                                                        <span class="fa fa-ticket"></span> {% trans "Reserved" %}
+                                                        <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Reserved" %}
                                                     {% elif event.event.best_availability_state < 20 %}
                                                         {% if event.event.has_paid_item %}
-                                                            <span class="fa fa-ticket"></span> {% trans "Sold out" %}
+                                                            <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Sold out" %}
                                                         {% else %}
-                                                            <span class="fa fa-ticket"></span> {% trans "Fully booked" %}
+                                                            <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Fully booked" %}
                                                         {% endif %}
                                                     {% endif %}
                                                 {% elif event.event.presale_is_running %}
-                                                    <span class="fa fa-ticket"></span> {% trans "Book now" %}
+                                                    <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Book now" %}
                                                 {% elif event.event.presale_has_ended %}
-                                                    <span class="fa fa-ticket"></span> {% trans "Sale over" %}
+                                                    <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Sale over" %}
                                                 {% elif event.event.settings.presale_start_show_date and event.event.presale_start %}
-                                                    <span class="fa fa-ticket"></span>
+                                                    <span class="fa fa-ticket" aria-hidden="true"></span>
                                                     {% blocktrans with start_date=event.event.presale_start|date:"SHORT_DATE_FORMAT" %}
                                                         from {{ start_date }}
                                                     {% endblocktrans %}
                                                 {% else %}
-                                                    <span class="fa fa-ticket"></span> {% trans "Soon" %}
+                                                    <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Soon" %}
                                                 {% endif %}
                                             </span>
                                         {% endif %}

src/pretix/presale/templates/pretixpresale/fragment_modals.html

@@ -4,7 +4,7 @@
 <div id="loadingmodal">
     <div class="modal-card">
         <div class="modal-card-icon">
-            <i class="fa fa-cog big-rotating-icon"></i>
+            <i class="fa fa-cog big-rotating-icon" aria-hidden="true"></i>
         </div>
         <div class="modal-card-content">
             <h3></h3>

src/pretix/presale/templates/pretixpresale/fragment_week_calendar.html

@@ -4,7 +4,7 @@
         <details class="weekday {% if day.events %}has-events{% else %}no-events{% endif %} {% if day.today %}today{% endif %}"
                 data-date="{{ day.date|date:"SHORT_DATE_FORMAT" }}" open>
             <summary>
-                <h3><span class="fa fa-fw"></span> {{ day.day_formatted }}</h3>
+                <h3><span class="fa fa-fw" aria-hidden="true"></span> {{ day.day_formatted }}</h3>
             </summary>
             <div class="events">
                 {% for event in day.events %}
@@ -38,7 +38,7 @@
                         {% if not event.continued %}
                             {% if event.time %}
                                 <span class="event-time" data-time="{{ event.event.date_from.isoformat }}" data-timezone="{{ event.timezone }}" data-time-short>
-                                    <span class="fa fa-clock-o"></span>
+                                    <span class="fa fa-clock-o" aria-hidden="true"></span>
                                     {% if not show_names|default_if_none:True %}
                                         <strong>
                                     {% endif %}
@@ -57,29 +57,29 @@
                             <span class="event-status">
                                 {% if event.event.presale_is_running and show_avail %}
                                     {% if event.event.best_availability_state == 100 %}
-                                        <span class="fa fa-ticket"></span> {% trans "Book now" %}
+                                        <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Book now" %}
                                     {% elif event.event.settings.waiting_list_enabled and event.event.best_availability_state >= 0 %}
-                                        <span class="fa fa-ticket"></span> {% trans "Waiting list" %}
+                                        <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Waiting list" %}
                                     {% elif event.event.best_availability_state == 20 %}
-                                        <span class="fa fa-ticket"></span> {% trans "Reserved" %}
+                                        <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Reserved" %}
                                     {% elif event.event.best_availability_state < 20 %}
                                         {% if event.event.has_paid_item %}
-                                            <span class="fa fa-ticket"></span> {% trans "Sold out" %}
+                                            <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Sold out" %}
                                         {% else %}
-                                            <span class="fa fa-ticket"></span> {% trans "Fully booked" %}
+                                            <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Fully booked" %}
                                         {% endif %}
                                     {% endif %}
                                 {% elif event.event.presale_is_running %}
-                                    <span class="fa fa-ticket"></span> {% trans "Book now" %}
+                                    <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Book now" %}
                                 {% elif event.event.presale_has_ended %}
-                                    <span class="fa fa-ticket"></span> {% trans "Sale over" %}
+                                    <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Sale over" %}
                                 {% elif event.event.settings.presale_start_show_date and event.event.presale_start %}
-                                    <span class="fa fa-ticket"></span>
+                                    <span class="fa fa-ticket" aria-hidden="true"></span>
                                     {% blocktrans with start_date=event.event.presale_start|date:"SHORT_DATE_FORMAT" %}
                                         from {{ start_date }}
                                     {% endblocktrans %}
                                 {% else %}
-                                    <span class="fa fa-ticket"></span> {% trans "Soon" %}
+                                    <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Soon" %}
                                 {% endif %}
                             </span>
                         {% endif %}

src/pretix/presale/templates/pretixpresale/organizers/calendar.html

@@ -21,24 +21,24 @@
             <div class="col-sm-4 col-xs-12 text-left flip">
                 <div class="btn-group" role="group">
                     <a href="?{% url_replace request "style" "list" "week" "" "year" "" "month" "" %}" type="button" class="btn btn-default">
-                        <span class="fa fa-list"></span>
+                        <span class="fa fa-list" aria-hidden="true"></span>
                         {% trans "List" %}
                     </a>
                     <a href="?{% url_replace request "style" "week" "old" "" "month" "" "year" "" %}" type="button"
                             class="btn btn-default">
-                        <span class="fa fa-calendar"></span>
+                        <span class="fa fa-calendar" aria-hidden="true"></span>
                         {% trans "Week" %}
                     </a>
                     <a href="?{% url_replace request "style" "calendar" "old" "" "week" "" %}"
                             type="button"
                             class="btn btn-default active">
-                        <span class="fa fa-calendar"></span>
+                        <span class="fa fa-calendar" aria-hidden="true"></span>
                         {% trans "Month" %}
                     </a>
                 </div>
                 <a href="{% eventurl request.organizer "presale:organizer.ical" %}?{% url_replace request "locale" request.LANGUAGE_CODE "page" "" "old" "" "week" "" "style" "" "month" "" "year" "" %}"
                         class="btn btn-default">
-                    <span class="fa fa-calendar-plus-o"></span>
+                    <span class="fa fa-calendar-plus-o" aria-hidden="true"></span>
                     {% trans "iCal" %}
                 </a>
             </div>
@@ -60,13 +60,13 @@
             <div class="col-sm-4 hidden-xs text-right flip">
                 {% if has_before %}
                     <a href="?{% url_replace request "year" before.year "month" before.month %}" class="btn btn-default">
-                        <span class="fa fa-arrow-left"></span>
+                        <span class="fa fa-arrow-left" aria-hidden="true"></span>
                         {{ before|date:"F Y" }}
                     </a>
                 {% endif %}
                 {% if has_after %}
                     <a href="?{% url_replace request "year" after.year "month" after.month %}" class="btn btn-default">
-                        <span class="fa fa-arrow-right"></span>
+                        <span class="fa fa-arrow-right" aria-hidden="true"></span>
                         {{ after|date:"F Y" }}
                     </a>
                 {% endif %}

src/pretix/presale/templates/pretixpresale/organizers/calendar_week.html

@@ -23,24 +23,24 @@
                 <div class="btn-group" role="group">
                     <a href="?{% url_replace request "style" "list" "week" "" "year" "" "month" "" %}" type="button"
                        class="btn btn-default">
-                        <span class="fa fa-list"></span>
+                        <span class="fa fa-list" aria-hidden="true"></span>
                         {% trans "List" %}
                     </a>
                     <a href="?{% url_replace request "style" "week" "month" "" "old" "" %}" type="button"
                        class="btn btn-default active">
-                        <span class="fa fa-calendar"></span>
+                        <span class="fa fa-calendar" aria-hidden="true"></span>
                         {% trans "Week" %}
                     </a>
                     <a href="?{% url_replace request "style" "calendar" "week" "" "old" "" "year" "" %}"
                        type="button"
                        class="btn btn-default">
-                        <span class="fa fa-calendar"></span>
+                        <span class="fa fa-calendar" aria-hidden="true"></span>
                         {% trans "Month" %}
                     </a>
                 </div>
                 <a href="{% eventurl request.organizer "presale:organizer.ical" %}?{% url_replace request "locale" request.LANGUAGE_CODE "page" "" "old" "" "week" "" "style" "" "month" "" "year" "" %}"
                    class="btn btn-default">
-                    <span class="fa fa-calendar-plus-o"></span>
+                    <span class="fa fa-calendar-plus-o" aria-hidden="true"></span>
                     {% trans "iCal" %}
                 </a>
             </div>
@@ -66,7 +66,7 @@
                 {% if has_before %}
                     <a href="?{% url_replace request "year" before.isocalendar.0 "week" before.isocalendar.1 %}"
                        class="btn btn-default">
-                        <span class="fa fa-arrow-left"></span>
+                        <span class="fa fa-arrow-left" aria-hidden="true"></span>
                         {{ before|date:week_format }}
                     </a>
                 {% endif %}
@@ -74,7 +74,7 @@
                     <a href="?{% url_replace request "year" after.isocalendar.0 "week" after.isocalendar.1 %}"
                        class="btn btn-default">
                         {{ after|date:week_format }}
-                        <span class="fa fa-arrow-right"></span>
+                        <span class="fa fa-arrow-right" aria-hidden="true"></span>
                     </a>
                 {% endif %}
             </div>
@@ -90,7 +90,7 @@
         {% if has_before %}
             <a href="?{% url_replace request "year" before.isocalendar.0 "week" before.isocalendar.1 %}"
                class="btn btn-default">
-                <span class="fa fa-arrow-left"></span>
+                <span class="fa fa-arrow-left" aria-hidden="true"></span>
                 {{ before|date:week_format }}
             </a>
         {% endif %}
@@ -98,7 +98,7 @@
             <a href="?{% url_replace request "year" after.isocalendar.0 "week" after.isocalendar.1 %}"
                class="btn btn-default">
                 {{ after|date:week_format }}
-                <span class="fa fa-arrow-right"></span>
+                <span class="fa fa-arrow-right" aria-hidden="true"></span>
             </a>
         {% endif %}
     </div>

src/pretix/presale/templates/pretixpresale/organizers/index.html

@@ -30,23 +30,23 @@
         <div class="btn-group" role="group">
             <a href="?{% url_replace request "style" "list" "week" "" "year" "" "month" "" %}" type="button"
                     class="btn btn-default active">
-                <span class="fa fa-list"></span>
+                <span class="fa fa-list" aria-hidden="true"></span>
                 {% trans "List" %}
             </a>
             <a href="?{% url_replace request "style" "week" "month" "" "old" "" "page" "" %}" type="button"
                     class="btn btn-default">
-                <span class="fa fa-calendar"></span>
+                <span class="fa fa-calendar" aria-hidden="true"></span>
                 {% trans "Week" %}
             </a>
             <a href="?{% url_replace request "style" "calendar" "week" "" "old" "" "page" "" %}" type="button"
                     class="btn btn-default">
-                <span class="fa fa-calendar"></span>
+                <span class="fa fa-calendar" aria-hidden="true"></span>
                 {% trans "Month" %}
             </a>
         </div>
         <a href="{% eventurl request.organizer "presale:organizer.ical" %}?{% url_replace request "locale" request.LANGUAGE_CODE "page" "" "old" "" "week" "" "style" "" "month" "" "year" "" %}"
                 class="btn btn-default">
-            <span class="fa fa-calendar-plus-o"></span>
+            <span class="fa fa-calendar-plus-o" aria-hidden="true"></span>
             {% trans "iCal" %}
         </a>
         {% if "old" in request.GET %}
@@ -109,9 +109,9 @@
                             <span class="label label-warning">{% trans "Reserved" %}</span>
                         {% elif e.best_availability_state < 20 %}
                             {% if e.has_paid_item %}
-                                <span class="fa fa-ticket"></span> {% trans "Sold out" %}
+                                <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Sold out" %}
                             {% else %}
-                                <span class="fa fa-ticket"></span> {% trans "Fully booked" %}
+                                <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Fully booked" %}
                             {% endif %}
                         {% endif %}
                     {% elif e.presale_is_running %}
@@ -130,11 +130,11 @@
                 </div>
                 <div class="col-md-2 col-xs-6 text-right flip">
                     <a class="btn btn-primary btn-block" href="{{ url }}">
-                        {% if e.has_subevents %}<span class="fa fa-ticket"></span> {% trans "Tickets" %}
+                        {% if e.has_subevents %}<span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Tickets" %}
                         {% elif e.presale_is_running and e.best_availability_state == 100 %}
-                            <span class="fa fa-ticket"></span> {% trans "Tickets" %}
+                            <span class="fa fa-ticket" aria-hidden="true"></span> {% trans "Tickets" %}
                         {% else %}
-                            <span class="fa fa-info"></span> {% trans "More info" %}
+                            <span class="fa fa-info" aria-hidden="true"></span> {% trans "More info" %}
                         {% endif %}
                     </a>
                 </div>

src/pretix/presale/templates/pretixpresale/waiting.html

@@ -17,7 +17,7 @@
 </head>
 <body>
     <div class="container">
-        <i class="fa fa-cog big-rotating-icon"></i>
+        <i class="fa fa-cog big-rotating-icon" aria-hidden="true"></i>
 
         <h1>{% trans "We are processing your request …" %}</h1>