No flags visible

  • Resolved michelstanek

    (@michelstanek)


    3 years ago

    (no link to page – it’s internal server at this moment)

    A few weeks ago all flags disappeared, only visible elements are: button and when I click it, grey bar where flags should appear. Translator itself is working, but I can’t see any flags. I’ve reinstalled plugin, with no effect with the problem.

    It seems like this.

    Any solutions?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author edo888

    (@edo888)

    3 years ago

    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! 🙂

    Thread Starter michelstanek

    (@michelstanek)

    3 years ago

    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.

    Larry Daniele

    (@larrydaniele)

    3 years ago

    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 3 years ago by Larry Daniele. Reason: Added solution option
    • This reply was modified 3 years ago by Larry Daniele. Reason: Marked "extra CSS" option as "tested"
    Thread Starter michelstanek

    (@michelstanek)

    3 years ago

    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.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘No flags visible’ is closed to new replies.

Tags