No flags visible

Hi,

It is hard to tell anything without experiencing the issue.

You can check the browser console to see if any javascript errors are logged. Most likely it is a javascript related issue.

Thanks! ??

Thanks for Your answer. In a few days I’ll migrate to public addres, so then I’ll give url here. Unfortunately I’m not good in javascript, so I’m not able to find erros in it by myself.

I saw this same problem on one of the sites I managed. In the end, I tracked it down to a conflict with the “WP ADA Compliance Check” plugin version 3.1.3. This plugin changes HTML such as <a ... title="English"> to <a ... aria-label="English"> which in turn no longer triggers “Google Language Translator” CSS in the plugin’s style.css file such as this:

#flags.size24 a.united-states[title="English"],
.tool-container a.united-states[title="English"],
a.single-language.united-states[title="English"] span.size24 {
    background: url('../images/flags.png') -116px -351px no-repeat !important;
}

Potential solutions/work-arounds:

1. Disable the “WP ADA Compliance Check” plugin v3.1.3 (tested).
2. In the “WP ADA Compliance Check” plugin Settings > Content Filters, set the “Using the aria-label attribute on links instead of the title attribute results in less confusion to VoiceOver screen reader users.” option to “No” instead of “Yes” (tested).
3. Upgrade the “WP ADA Compliance Check” plugin (untested).
4. Use the “WP ADA Compliance Check Basic” plugin instead (tested).
5. Write some extra CSS to handle “aria-label” in addition to “title” (tested).

• This reply was modified 2 years ago by Larry Daniele. Reason: Added solution option
• This reply was modified 2 years ago by Larry Daniele. Reason: Marked "extra CSS" option as "tested"

I’ve found the source of the problem: “WP Accessibility” plugin causes the conflict. I have no idea how to solve it, ’cause I need accessibility features. I guess I’ll look for another accessibility plugin.