Suggestions to improve the accessibility of this plugin

I know, the topic thread is a mousetrap ??

First of all, thanks for this plugin. I’ve used it in the WordCamp Lisboa 2023 website to improve accessibility as the website is mixed Portuguese (main) / English (secondary) languages, yet I found some accessibility/usability issues that I would like to share with you.

1) Inability to set language for a whole block

While selecting text may make sense in some scenarios, I’m pretty confident (by the experience on the said website) that most of the times entires paragraphs will be written in a single language, even groups of paragraphs, titles, image alt/titles, etc. It would be way easier to set language on entire blocks (including the ones on the “template” part of the website, for example, navigation blocks and inner/partial navigation blocks inside full menus), groups of blocks, or even an entire page.

I’ve made a quick test with content from the said website and setting lang attributes on outer html elements (main block element, group block, etc) does work (screen reader changes the language and applies it to all the inner blocks): https://gist.github.com/webdados/fc892ea1713720fa9491afab99752148

When that element is closed, the screen reader goes back to the main language.

2) Select the language from a combobox or autocomplete

While typing the 2 letters language code is easy and fast, it can be easily a source for typos. Maybe having a select element with all the languages or a “autocomplete” feature that would show the language name but in the back apply the language code would help.

3) Visual indication

Maybe this one is not a good idea or even possible, as it would hijack the block editor, and if every plugin would be able to apply visual indication to blocks, the block editor would become (even more of) a mess, but it would be useful to have a visual indication of which parts of the text or which blocks have a lang attribute applied to it.

If you look at the WordCamp Lisboa 2023 homepage, you can imagine it’s a nightmare to know, while editing, which English parts are already correctly set as English.

4) Bug showing up the dialog

A lot of times the dialog shows up in the editor’s top left corner, more than half hidden, as you can see here: https://snipboard.io/1dfU2z.jpg

Not sure of the circumstances or how to replicate it, but I normally manage to fix it by scrolling the page a bit and then opening the dialog again.

If you think this should be split into several tickets or maybe issues on a Github repository, let me know.

Again, thanks for this plugin and helping the block editor become more accessible to everyone ??