Hey,
I built a virtual Assistant app, the app has animation (lottie) that if you click on it the assistant will start listening.
Recently a blind user contacted me and told me that he likes the assistant and she helps him do things much faster, the problem is that his screen reader reads the listen button as “unlabeled” (instead of “listen button”) so it makes it harder to use the app . He also notes that a label cannot be added to animation (as can be done in many other cases).
So I have two questions:
- How can I add a label to the lottie animation component so that the screen reader can read it?
- How can I hide the label (I don’t want it written on the animation: “listen button”) in addition to the screen reader being able to read the animation component as the “listen button”?