Three notes to all this a11y stuff from my investigation:
- I tried to write this up clearly, but there are likely some parts that are closer to "Matt shorthand" than "easily understandable by others". Let me know if I should expand on or clarify any of these.
- In many cases I've included suggested fixes. Please feel free to overrule that with different/improved text.
- I've tried to do a first pass on triaging these by importance. 1 is "must do", 2 is "should do", 3 is "nice to have". Feel free to edit my comment (if Phab allows it) to reprioritize any of these. This was just my first shot at priority.
Explore tab:
- 1. The three dots (by every card) giving feed options are not selectable w/ VoiceOver (either while scrolling through or by tapping items on the page).
- 2. “In the news” card - No indication that the title of sentence (of top news story) is tappable, which opens the full in the news feed. Only part that reads with “link” is “more current events link”. (And remember, users can’t tap to related articles until you dig in to the detail view.) So in sum, the VoiceOver read is “In the news, [article headline], more current events link”. “More current events” goes to same detail view as if the article headline was tapped. Maybe for clarity, have title of that link be read as “Article links and more current events” - so the read is “In the news, [article headline], article links and more current events link”.
- 3. First item read on this page is “Settings button”. Seems like we should lead with something else - maybe the “Search wikipedia” box, and read the Settings after that?
- 3. “In the news” detail view - When opened, there are a few mini-boxes with links to the actual articles. Should we read subheads for articles links in these? They seemed (to me) unnecessary and in the way in this context.
- 3. “Picture of the day” - read picture description (if available), don’t read title?
- 2. “Top read” card doesn’t read the ranking number, just reads titles.