Summary list visually hidden text on Android

[chrimesdev]

Originally posted on https://github.com/nhsuk/nhsuk-service-manual-backlog/issues/36#issuecomment-780401497

On the NHS App our testers found an issue with visually hidden text.

They found that the hidden text wasn’t reliable on Android (including on the example NHS page https://service-manual.nhs.uk/design-system/components/summary-list) in that it would sometimes read out the visible part separately from the invisible part. They've used an aria-label instead which they confirmed works as expected.

Video shows the problem, it was reading out the first Change link incorrectly but the second one correctly. But on iOS and jaws it worked fine. https://user-images.githubusercontent.com/38656667/108178567-7ca21a80-70fc-11eb-9b28-e7153ac469b2.mov

---

Here is a clearer example of the visually hidden text from the summary list not being very useful when read out on an Android tablet with talkback enabled.

https://user-images.githubusercontent.com/1411085/108202644-59399880-7119-11eb-82b2-1dd7c9fb84d3.mp4