190437 2018-10-10 12:17:39 -0700 AX: VoiceOver does not perceive changes to text node content in HTML headings and ARIA headings 2021-04-12 10:17:11 -0700 1 1 1 Unclassified WebKit Accessibility Safari 11 iPhone / iPad iOS 12 NEW InRadar P2 Normal --- 1 alexander.umstead webkit-unassigned delahunt jeffreyatw webkit-bug-importer oldest_to_newest 1467798 0 alexander.umstead 2018-10-10 12:17:39 -0700 Issue: VoiceOver on iOS does not update its virtual buffer when text in the following elements is changed at the text node level: • Native HTML headings • Elements with role="heading" This is a problem because some web development frameworks / code libraries use substring changes to change heading text. Steps to Reproduce: 1. Open the associated CodePen, with VoiceOver running: https://codepen.io/mra11yx/pen/ZqQYxO 2. Swipe through headings 3. Change the headings by using the "change all h3s using innertext" button. Swipe through the headings and observe that VoiceOver reads the updated values. 4. Change the headings by using the " Change all H3s using text node value replacement" button. Swipe through the headings and observe that VoiceOver continues to read the old heading values. Expected Results: VoiceOver should update its virtual buffer when text nodes in headings are changed, and should read the new value. Actual Results: VoiceOver reads the old text value, even though the DOM has changed. Version/Build: iOS 11.4.1 and iOS 12 1467799 1 webkit-bug-importer 2018-10-10 12:17:59 -0700 <rdar://problem/45168830> 1749265 2 jeffreyatw 2021-04-12 10:17:11 -0700 This is an issue with any project that uses React, as it updates text in elements by replacing their text nodes' "nodeValue" properties: https://github.com/facebook/react/issues/21212