[Webkit-unassigned] [Bug 222613] New: AX: dynamically adding list items are skipped by VoiceOver

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=222613

            Bug ID: 222613
           Summary: AX: dynamically adding list items are skipped by
                    VoiceOver
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: iOS 14
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: hessj1 at aetna.com
                CC: webkit-bug-importer at group.apple.com

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210302/58e5297e/attachment-0001.htm>