-
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,
IsmaelDear Ismael,
Thank you for your response. I appreciate your support.
However, I believe there may have been a misunderstanding regarding the issue. The problem is not with the icon itself or its aria-hidden attribute, but with the structure and function of the link that wraps the icon.
Accessibility tools such as WAVE still flag this element because: The link href=”?s=” does not lead to meaningful content.
It is interpreted as a broken or contextless link (“suspicious link text”), since it doesn’t visibly describe its purpose and doesn’t lead to a proper search page.If the only way to resolve this is by modifying core theme files, I’m afraid I won’t proceed with that, as any such changes would be lost with the next theme update.
Is there any other way?Best regards,
Diana
- You must be logged in to reply to this topic.