Some slight accessibility related improvements

[galette.git] / galette / templates / default / macros.twig

diff --git a/galette/templates/default/macros.twig b/galette/templates/default/macros.twig
index fe21d3986a6fbcbe9988dc3e967865ad17130c4c..93eb8c14cb1c199169cfeaa57f19c67ebe2c9a2f 100644 (file)
--- a/galette/templates/default/macros.twig
+++ b/galette/templates/default/macros.twig
@@ -5,7 +5,7 @@
     {% endfor %}
     {% if mode == "compact" %}
         <div class="ui{% if cur_route in my_routes %} active-menu{% endif %} dropdown item no-touch tooltip" data-html="{{ title }}" data-position="right center">
-            <i class="{{ icon }} icon"></i>
+            <i class="{{ icon }} icon" aria-hidden="true"></i>
             <span class="displaynone">{{ title }}</span>
             <div class="menu">
                 {% for item in items %}
@@ -16,9 +16,9 @@
     {% else %}
         <div class="item">
             <div class="image header title{% if cur_route in my_routes %} active{% endif %}">
-                <i class="{{ icon }} icon"></i>
+                <i class="{{ icon }} icon" aria-hidden="true"></i>
                 {{ title }}
-                <i class="dropdown icon"></i>
+                <i class="dropdown icon" aria-hidden="true"></i>
             </div>
             <div class="content{% if cur_route in my_routes %} active{% endif %}">
                 {% for item in items %}
@@ -54,7 +54,7 @@
     <a class="ui card" href="{{ url_for(route.name, route.args|default([])) }}" title="{{ title }}">
         <div class="content">
             <div class="ui header">
-                <em data-emoji="{{ icon }}" class="medium"></em>
+                <em data-emoji="{{ icon }}" class="medium" aria-hidden="true"></em>
                 <div class="content">
                     {{ label }}
                 </div>
@@ -89,9 +89,9 @@
     <div class="checkboxes ui basic horizontal segments">
         <div class="ui basic fitted segment batch-selection">
             <div class="ui blue tertiary dropdown icon button batch-select-action">
-                <i class="tasks icon"></i>
+                <i class="tasks icon" aria-hidden="true"></i>
                 {{ _T('For the selection:') }}
-                <i class="dropdown icon"></i>
+                <i class="dropdown icon" aria-hidden="true"></i>
                 <div class="menu">
                 {% for batch_action in batch_actions %}
                     {{ _self.drawBatchAction(batch_action.name, batch_action.label, batch_action.icon, batch_action.title ?? null) }}
@@ -104,6 +104,6 @@
 
 {% macro drawBatchAction(name, label, icon, title) %}
     <span class="ui item batch-action batch-{{ name }}" data-value="{{ name }}"{% if title %} title="{{ title }}"{% endif %}>
-        <i class="{{ icon }} icon"></i> {{ label }}
+        <i class="{{ icon }} icon" aria-hidden="true"></i> {{ label }}
     </span>
 {% endmacro %}