About modal window with Narrator

[llemeurfr]

There is a problem with this About window, it seems one cannot close it using Narrator.

Please verify and advise.

[panaC]

It's work with "escape" and tabulation

[llemeurfr]

More precisely, after test, when the modal is open, we hear a sentence "empty content" and there is no mention that a close button is available (the focus is from start on the close button).
This could be the same for all modal windows, to be tested.

[panaC]

Why narrator say "The document is empty" on the about modal ?

under the hood : the about info is parsed from md and convert to html string then inject with https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml into an empty div

at the execution the inner html is loaded

What is the problem with narrator ?
I don't know

[panaC]

I tried this facebook/react#12014

unsuccessfully

[panaC]

In brief :

The used of dangerouslysetinnerhtml in empty div doesn't works with accessibility DOM.
The process is to create a dedicated react component for about information.

1. convert text from markdown to json i18n files with P1,2,3 and Bullet1,2,3 ... entries.
2. create a new design layout on the react component

there are 2 advantages to this solution

• no FS access to read MD files
• no html injection

in pending : design the new about information before implement code logic

[panaC]

Will be fixed with #1199