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:
- Disable the “WP ADA Compliance Check” plugin v3.1.3 (tested).
- 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).
- Upgrade the “WP ADA Compliance Check” plugin (untested).
- Use the “WP ADA Compliance Check Basic” plugin instead (tested).
- 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"