NEW 222613
AX: dynamically adding list items are skipped by VoiceOver 
https://bugs.webkit.org/show_bug.cgi?id=222613
Summary AX: dynamically adding list items are skipped by VoiceOver
Josh Hess
Reported 2021-03-02 12:45:38 PST
I am a web developer at Aetna health. I’m creating an infinite scroll list with reactjs for the web. Part of the requirements is that it is accessible and works with all the major screen readers. In testing we found it works on all but voiceover for iOS (Voiceover on mac, NVAD, JAWS works). What is happening is after a set of articles are added to the list, as I swipe through the list voiceOver will skip the last batch of articles added to the DOM. As the items are there in the DOM, and it works on other readers, I’m not sure how I can change things so that the screen reader reads them. I have tried many ways of getting it to work and searched the web for solutions and none have worked. I have created a code sandbox that reproduces the issue. https://codesandbox.io/s/serene-nightingale-9c8op?file=/src/App.js Steps to reproduce On an iOS device Turn on voiceover In safari(or chrome, or edge) navigate to the sand box https://9c8op.csb.app/ Swipe through the list and press the “show all” button Continue swiping and note that when you swipe out of article “Son’s Room, The (Stanza delfiglio, La)“ the expected behavior is that it reads the next article “Notorious Landlady, The” however it moves to the bottom and highlights “Showing 23 of 23” It appears to me that voiceOver is not seeing the change to the DOM. I’m aware of the role feed https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Feed_Role. What this is a list of links to articles and not a list of articles so I don’t thing FEED matches semantically. Also I have tried switching to a role of feed and have the same issue and additional issue with how it functions. I’m happy to answer any more questions I have spent quite a bit of time and research attempting to get this to work I have tried to only include enough information to not be overwhelming. Thank you, Josh Hess
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-03-02 12:45:50 PST
<rdar://problem/74943388>
Note You need to log in before you can comment on or make changes to this bug.