EnsembleUI / ensemble

Build native apps 20x faster than Flutter, RN or any other tech
https://ensembleui.com/
BSD 3-Clause "New" or "Revised" License
125 stars 15 forks source link

require `textToSpeech` action to support accessibility in Flutter Web #1702

Open TheNoumanDev opened 3 weeks ago

TheNoumanDev commented 3 weeks ago

The Semantic Tree feature in Flutter does not support screen reader functionality for web accessibility. To achieve this, we typically rely on external software like NVDA (free for Windows) or JAWS (paid for Windows). However, since these solutions are platform-specific, they are not ideal for cross-platform accessibility.

A Practical Alternative Approach: Text-to-Speech Integration Using the flutter_tts package (flutter_tts) in Flutter, we can implement custom text-to-speech (TTS) announcements for key UI states like onLoad, onFocus, and onTap, providing audio feedback without depending on external screen readers. This approach delivers essential context and interaction details, mimicking basic screen reader feedback.

Implementation Flow:

  1. We can introduce a new action in the Ensemble framework, named something like textToSpeech.
  2. This action can then be added to onLoad, onResume, onTap, and widgets with onFocus. When triggered, it will read aloud the specified message, providing the user with immediate audio feedback."

Project: KPN webui