Accessibility Compliance - Social Icons/Site Language

Support
#1

Hi there, I’m working on improving the accessibility of my site, and I actually have two questions.

  1. The social icons, which I’ve set up in the theme options of X, open in new tabs. In order to be compliant, I need to incorporate some kind of warning, that the page will open in a new tab or window. Any idea where I might be able to do this?
  2. I also need to define the Language of the site. I know this is done already in the wordpress general settings, but it also needs to be specified in the html somewhere or somehow. Does anyone have any experience with this?

Thanks!

Ken

#2

Hello Ken,

Thanks for writing in!

1.) How did you modify the social icons to open in a new tab? Did you modify the html code by adding target="_blank"? If that is the case, you will also need to a link title like title="Link will open in a new tab" so that when you hover over the image, you will have something like this:

2.) The site language has already been defined in the source code of the site.

To know how you can define the langue for the site, please check this out:

Hope this helps.

#3

Hey thanks for the reply!

  1. No, I didn’t modify the code, it’s just whatever the X default is, and the screenshot you attached is from another site. The site in this instance is ethosdesign.ca
  2. I see the language setting, but from an accessibility perspective, is there anything that needs to be added?
    The reason I ask is that these are the two issues that come up when I run the site through an online accessibility test tool.

Cheers,

Ken

#4

Hi Ken,

  1. Thanks for clarification, I think what you need is a Exit Notifier plugin, it popups or warn user if they are about to exit your site (linking to external site). Please check this https://wpbuffs.com/exit-intent-popup-plugins-for-wordpress/. And if you don’t wish to use any plugin then it would require custom development just to implement that feature. For that, I recommend a developer to properly implement it.

  2. May I know which issue? Please note that language are set by Wordpress which is connected to the setting or plugin responsible for localization. This is something controllable through the theme. I can’t promise any solution but I’m interested to know the issue.

Thanks!

#5

Hi Ken,

That code seems to be snippet related which isn’t part of Wordpress by default, and not even related to Wordpress locale or language.

And please check this standard https://www.w3.org/International/questions/qa-html-language-declarations as seems you’re only basing it on HTML 4, Wordpress and our theme is even using HTML 5 now. But regardless, HTML language declaration should be the same.

And as Ruenel’s screenshot, the language declaration is correct based on the standard provided on that URL. Plus your provided list are all referring to lang attributes, which is the same as lang="fr" which makes <html lang="fr"> correct. All in all, it follows the standard for language declaration correctly.

Or do you mean your tools has it’s own standard than https://www.w3.org/ specifications? Does that mean the tool is looking for the language declaration from that snippet instead of HTML4/5 standard ( <html lang="fr"> )? That seems be the tool’s fault or issue.

Thanks!

#6

Ok yeah that makes sense. Do you guys ever run into these types of questions, and if so, is there an accessibility testing tool that you might recommend?

#7

Hi Ken,

You can try the tools mentioned here https://www.w3.org/WAI/ER/tools/, though, I’m still confused about the snippet. Perhaps it’s a different issue which then just affect how the HTML are read even though it’s correct. Please try those other tools and maybe we could use them for comparison.

Thanks!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.