Menu items in frontend now render icons with aria-hidden="true" for accessibility (fixes #1629)

CHANGELOG.md

@@ -9,6 +9,8 @@
         - Add support for `{% pageblock bottom %}...{% endpageblock %}` to add HTML into the page (#1161)
           - where first parameter is one of: `body_top` | `top` | `bottom` | `body_bottom`
           - supports also `with { priority: n }` to set the priority for the block (recommended range 10 ... -10)
+    1. [](#improved)
+        - Menu items in frontend now render icons with `aria-hidden="true"` for accessibility (#1629)
     1. [](#bugfix)
         - Fixed a bug in `|html` filter
         - Fixed wrong ordering of custom CSS/JS assets

engines/common/nucleus/particles/menu.html.twig

@@ -51,7 +51,7 @@
                 {% if item.image %}
                     <img src="{{ url(item.image) }}" alt="{{ item.title }}" />
                 {% elseif item.icon %}
-                    <i class="{{ item.icon }}"></i>
+                    <i class="{{ item.icon }}" aria-hidden="true"></i>
                 {% endif %}
                 {% if item.url %}
                     <span class="g-menu-item-content">