Flutter desktop web support for Microsoft Edge Read Aloud

[omatt]

Microsoft Read Aloud provides accessibility on reading through web pages. However, Read Aloud is unable to read text displayed on Flutter web apps.

Steps to Reproduce

1. Using Microsoft Edge, go to https://gallery.flutter.dev/#/reply

2. Click 'Read Aloud' available on the address bar. The 'Read Aloud' function can also be accessible from the menu.

   

3. A toolbar for Read Aloud should appear and start reading the text available on the page.

Expected results:

Read Aloud should be able to read text displayed in Flutter web on desktop.

Actual results:

Read Aloud is unable to read the text displayed in Flutter web on desktop.

Code sample

```dart ```

Logs

``` ``` ``` ``` ``` ```

[darshankawar]

Thanks for the report. I didn't find an existing issue related to this, so I am going ahead and labeling this for team's thoughts on feasibility and potential support.

[fideldonson]

I am seeing the same. Looks like the 'Read Aloud' extension has issues traversing the shadow dom.

[fideldonson]

This is a pretty serious issue from an accessibility stand point. Read aloud is integrated fully into edge - also on mobile platforms - and as such is the default option for tts for the users. Do you have any updates on ways to mitigate the issue.

[fideldonson]

I should say - the Read Aloud function in Edge has no problem reading/traversing shadow dom of other components utilising it - it seems there is a problem between flutter and Edge Read Aloud

[afucher]

Should this be listed here: https://github.com/flutter/flutter/projects/68 ? I was looking there first, and did not found it.