Replace displaynone class with visually-hidden

[galette.git] / galette / templates / default / elements / navigate.html.twig

diff --git a/galette/templates/default/elements/navigate.html.twig b/galette/templates/default/elements/navigate.html.twig
index 7336fbc0cc99a8c039d00c4d0ec196642e357d07..899807365e7a7712d0a10f0452d07679bf471ff3 100644 (file)
--- a/galette/templates/default/elements/navigate.html.twig
+++ b/galette/templates/default/elements/navigate.html.twig
@@ -6,7 +6,7 @@
             title="{{ _T("Previous")|escape }}"
         >
             <i class="step backward icon" aria-hidden="true"></i>
-            <span class="displaynone">{{ _T("Previous") }}</span>
+            <span class="visually-hidden">{{ _T("Previous") }}</span>
         </a>
         <div class="item">{{ navigate.pos }} / {{ navigate.count }}</div>
         <a
@@ -14,7 +14,7 @@
             class="item{% if navigate.next is not defined %} disabled{% endif %}"
             title="{{ _T("Next")|escape }}"
         >
-            <span class="displaynone">{{ _T("Next") }}</span>
+            <span class="visually-hidden">{{ _T("Next") }}</span>
             <i class="step forward icon" aria-hidden="true"></i>
         </a>
     </nav>