-
Posts
-
Dear Enfold Support Team,
I’m working on making my website more accessible:
https://www.schlosswirtschaft-schwaige.de
I’m using the built-in search icon in the main menu (top right), enabled via the Enfold settings.
However, accessibility tools (like WAVE) report two problems:
– The search icon has no accessible label (aria-label or similar).
– It’s also flagged as a “suspicious link”.
Could you please tell me the best way to solve this so it meets accessibility standards (WCAG)?
Thank you very much for your help!Best regards, Diana
Hey Diana,
Thank you for the inquiry.
Looks like you have already added the aria-label attribute to the search icon link. Is this still an issue?
< li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special" role="menuitem"><a class="avia-svg-icon avia-font-svg_entypo-fontello" <strong>aria-label="Suche"</strong> href="?s=" rel="nofollow" >Best regards,
IsmaelDear Ismael,
Unfortunately, the issue still persists. Firstly, I can’t find the code you mentioned. Also, I tested the element again, and WAVE still shows multiple errors:The main issue is that “the link text is not understood” – for example:
.
This single issue seems to trigger additional errors such as “Suspicious link text” and “Redundant link”.
Best regards DianaHi,
Thank you for the update.
What happens when you edit line 120 of the enfold\includes\config-enfold\functions-enfold.php file?
$icon = avia_font_manager::get_frontend_icon( 'svg__search', false, [ 'aria-hidden' => 'true', 'title' => $title, 'desc' => $title ] );Try to set aria-hidden to false:
$icon = avia_font_manager::get_frontend_icon( 'svg__search', false, [ 'aria-hidden' => 'false', 'title' => $title, 'desc' => $title ] );Or remove the attributes completely.
$icon = avia_font_manager::get_frontend_icon( 'svg__search', false, [ ] );Let us know the result.
Best regards,
Ismael
- You must be logged in to reply to this topic.