Replace displaynone class with visually-hidden

[galette.git] / galette / templates / default / pages / transaction_form.html.twig

diff --git a/galette/templates/default/pages/transaction_form.html.twig b/galette/templates/default/pages/transaction_form.html.twig
index f1bcf27d414fbeea8e54821b638e1c7f07559d6a..684093a4867433aa6a4fb9b512c9886807e4bda3 100644 (file)
--- a/galette/templates/default/pages/transaction_form.html.twig
+++ b/galette/templates/default/pages/transaction_form.html.twig
@@ -95,7 +95,7 @@
                                             >
                                                 <i class="plus tiny icon" aria-hidden="true"></i>
                                                 <i class="user check icon" aria-hidden="true"></i>
-                                                <span class="displaynone">{{ _T("Create a new fee that will be attached to the current transaction") }}</span>
+                                                <span class="visually-hidden">{{ _T("Create a new fee that will be attached to the current transaction") }}</span>
                                             </a>
                                             <a
                                                 href="{{ url_for("addContribution", {"type": constant('Galette\\Entity\\Contribution::TYPE_DONATION')}) }}?trans_id={{ transaction.id }}"
@@ -104,7 +104,7 @@
                                             >
                                                 <i class="plus tiny icon" aria-hidden="true"></i>
                                                 <i class="gift icon" aria-hidden="true"></i>
-                                                <span class="displaynone">{{ _T("Create a new donation that will be attached to the current transaction") }}</span>
+                                                <span class="visually-hidden">{{ _T("Create a new donation that will be attached to the current transaction") }}</span>
                                             </a>
                                             <a
                                                 href="#"
@@ -113,7 +113,7 @@
                                                 id="contribslist"
                                             >
                                                 <i class="receipt icon" aria-hidden="true"></i>
-                                                <span class="displaynone">{{ _T("Select an existing contribution in the database, and attach it to the current transaction") }}</span>
+                                                <span class="visually-hidden">{{ _T("Select an existing contribution in the database, and attach it to the current transaction") }}</span>
                                             </a>
                                         </div>
                                     </th>