
It would be great to see continuous a11y improvements on StoryGraph, small or big! I noticed that web version of the app already supports keyboard navigation, so that's pretty awesome!
Some other issues that could be fixed:
A. Colour contrast: Currently not all datavis colours have enough contrast with the background - e.g. I noticed that dark magenta really doesn't stand out against the background colour in dark mode (see "slow pace" part of the pie chart on the screenshot attached) even as a person with no contrast perception issues, so it definitely doesn't pass a contrast check.
B. Touch target sizes: It would be great if all touch targets on mobile passed the 44px minimum. Some can be pretty challenging to tap.
C. Semantic structure of the pages.
In the future, it would be very cool to somehow be able to add full alt text descriptions for book covers, not just book title/author, - although that is probably a much more complicated solution beyond any quick fix.
I love StoryGraph and would love to see it become more and more accessible for everyone to use.
Accessibility is always on my mind when I'm developing. One thing I've started working on slowly over time is the semantic structure of the pages!
We could probably use AI in the future to help with the full alt text description.
This post will probably be addressed over several more specific posts over time.
Nadia great stuff! Although I want to mention that AI generated captions have a lot of limitations and don't necessarily provide a great experience: https://blog.pope.tech/2022/03/03/ai-generated-alternative-text-missing-the-point-of-context/
4erepawko Yup, don't worry! I'm aware that there are limitations and would always do thorough research before implementing something like this.
Nadia Thank you!! :)