Fix screen reader support - Githubissues

jakji93 / airon-fitness

AIRON Fitness is an AI-powered fitness companion supporting your personal health journey by delivering customized fitness and meal plans tailored to your goals and preferences.

https://airon-fitness.onrender.com/

MIT License

4 stars 2 forks source link

Fix screen reader support #117

Closed kevin-wu01 closed 1 year ago

kevin-wu01 commented 1 year ago

Bug

Went through the app with a screen reader using keyboard, some ui elements were unreachable or had vague reader descriptions (eg. a button).

Changes

All areas of the application should be reachable now using screen reader and keyboard to support someone who is visually impaired
Updated some aria labels for better readings
Input fields with unit endAdornments include the unit in the reading

Exceptions

Statistics graphs: difficult to provide an understandable text description of a graph
Chat bot: Would be too spammy for the reader imo, especially when entire schedules are returned

Example

https://github.com/jakji93/airon-fitness/assets/66554168/407926aa-6f67-472e-9fa7-75b65afc9bce