The-seo-framework: List issues in the SEO Bar, instead of writing them out.

[sybrew]

The SEO Bar talks to you when you hover over or tap it.

It's a nice little anthropomorphic touch to the plugin. However, there are a few problems with it:

1. Translating this doesn't go well.
   
   
   
   • For example, the "But/And" at the beginning begs for consideration.
   
   
2. The users can get confused, as they have to assimilate the sentence structure.
   
   
   
   • Ref: https://github.com/sybrew/the-seo-framework/issues/265#issuecomment-373803828
   
   

So, I'm proposing to list all "why" issues with the item.
When there aren't any issues (bar block is green), we should state that everything's OK.

For example:

%s may not be indexed:<ol><li>This blog isn't set to public.</li><li>%s is in draft</li></ol>

Result:

Note: WordPress' and browser CSS interfere, we need to adjust this:

.widefat p,
.widefat ol,
.widefat ul {
    color: #32373c;
}

ol {
    margin: ?;
}

Cross-issue: Aria-labels shouldn't contain HTML tags. Fixed in 9fbf39e255e53181c2518d37b0f06883713110a2

[tobifjellner]

I like this from a translation point of view.

[sybrew]

We have to rewrite the SEO Bar for #345. As such, we might as well do this.