Accessibility issue with WPML language switcher in mobile menu

Hello,

I have an accessibility issue with WPML language switcher in Mobile Menu.

For example, given the icon markup <img alt="English">, the adjacent text also says “English”. In such a scenario, a screen reader will announce this content to the user as “English English”. The redundancy is unnecessary and potentially confusing:

<a href="https://www.example.com/" class="woodmart-nav-link">
    <img src="https://www.example.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.svg" alt="English" class="wd-nav-img">
    <span class="nav-link-text">English</span>
</a>

Must be something like this:

<a href="https://www.example.com/" class="woodmart-nav-link">
    <img src="https://www.example.com/wp-content/plugins/sitepress-multilingual-cms/res/flags/de.svg" alt="English flag icon" class="wd-nav-img">
    <span class="nav-link-text">English</span>
</a>

Is there any hook or filter to change this? Or can you provide a fix through Woodmart patcher.

• This topic was modified 1 month, 2 weeks ago by prokreeger.
• This topic was modified 1 month, 2 weeks ago by prokreeger.
• This topic was modified 1 month, 2 weeks ago by prokreeger.