Accessibility improvements

Hi allangarland,

we have a high contrast theme that – if I remember correctly – is compliant to the WCAG 2.0 AA standard. You can select the theme in the Shariff settings on the design tab. You want to choose the last one called “wcag”. This works in the shortcode options as well.

We left the default theme with the official network company colors there as well because not every site owner wants / likes the high contrast version or has other tool sets in place which change colors or inverse them on demand.

Regarding the label issue: We actually have the aria labels in place. So there is no real world impact for screen reader users. What the test tool is referring to ist the fact that the visible button is called “tweet” and the aria label is called “Share on Twitter”. So the word “tweet” is not part of the area label, which might confuse users (not really likely though). This is only the case with Twitter. Since Twitter is dead anyways and should – if at all – be replaced with X in the next release, this issue should simply disappear automatically one way or the other.

I hope I could clear things up a bit. For now the only thing you need to do is to switch to the wcag design theme.

Cheers

JP

• This reply was modified 11 months, 3 weeks ago by Jan-Peter.

Hi JP,

thanks for the answer.

Seems that I’m blind :/

Is there a way to change the aria labels as well and customize them?

Allan

Hi Allan,

the problem with the aria labels should now be gone due to the renaming of Twitter in the new release.

JP

Hi JP,

awesome, thanks for letting me know.

Tried it today and it looks great!

There seem to be a small issue in combination with the plugin “LiteSpeed Cache” and CSS combination / minification. For me the icons didnt show up in the cached version. But excluding the css file from Shariff from now from combining did the trick for now.

Allan