Whodunit

Jb Audras

Guillaume TURPIN

Disclaimer: This plugin was merged into WordPress Core. It is not relevant anymore to install it. I plan to ask for a removal from the repo by the end of the year.
The intent of this plugin is to provide a way to ensure any language change in the content of a page is indicated to assistive technologies. This feature is not available by default in the block editor so it is difficult to make a website fully compliant to WCAG guidelines using the block editor for now.
We clearly hope this feature will be natively implemented in the block editor in middle term, because this very simple feature is really needed to help people to create accessible websites. But in short terms, we need a solution and this plugin is a solution you may want to use to make your website compliant to accessibility guidelines 🙂
For more context: this plugin helps you to make your website compliant to the Web Content Accessibility Guidelines (WCAG) success criterion 3.1.2: “Language of Parts”. The purpose of this success Criterion is to ensure that user agents can correctly present content written in multiple languages.
As per Web Content Accessibility Guidelines:
This makes it possible for user agents and assistive technologies to present content according to the presentation and pronunciation rules for that language. This applies to graphical browsers as well as screen readers, braille displays, and other voice browsers.
Both assistive technologies and conventional user agents can render text more accurately if the language of each passage of text is identified. Screen readers can use the pronunciation rules of the language of the text. Visual browsers can display characters and scripts in appropriate ways.
This is especially important when switching between languages that read from left to right and languages that read from right to left, or when text is rendered in a language that uses a different alphabet. Users with disabilities who know all the languages used in the Web page will be better able to understand the content when each passage is rendered appropriately.

Lang Attribute for the Block Editor

Add lang attribute to the text formatting toolbar in the block editor.

julienvdg

hreflang Flag plugin uses <a href="http://www.w3.org/TR/css3-selectors/#attribute-selectors" title="W3C CSS3 Attribute selectors description" rel="nofollow ugc">css3 selectors</a> to add a flag icon to your links depending on their <a href="http://www.w3.org/TR/html401/struct/links.html#adef-hreflang" title="hreflang attribute description on W3C" rel="nofollow ugc">hreflang attribute</a>.
This is really useful if you regularly link to pages in other languages and you want to inform your visitors about the language of the link target.
It’s even more useful if your own blog is multilingual.

hreflang Flag

Add a flag icon to link corresponding to the hreflang attribute.

Lang Attribute for the Block Editor vs hreflang Flag