When the aria-label of an item is updated, VoiceOver continues to read the ‘old’ value. An example of this is in the following fiddle: https://jsfiddle.net/7rwpd0wL/3/ Click the ‘Push me’ button and you’ll see that both the text and aria-label of the div have been updated. However, iOS VoiceOver will continue to read “aria label one”, not “aria label two”. The real-world scenario I am seeing this as an issue in involves updating a re-used header as different portions of the page are changed. There are ways to make it work, but involve restructuring the page to not re-use elements. Re-using should is valid html/js and should be permitted.
<rdar://problem/35667159>
Just a note that this is sadly still a problem (on both macOS and iOS) Safari 16 with macOS 12.6 VoiceOver still reproduces
(In reply to Derk-Jan Hartman from comment #2) > Just a note that this is sadly still a problem (on both macOS and iOS) > > Safari 16 with macOS 12.6 VoiceOver still reproduces Could you tell me how you reproduced this? When I click the button in the linked JSFiddle, nothing happens (neither the aria-label nor the div update).
I recently updated to Safari 16.1 and macOS 13.0.1 and now can no longer reproduce this problem. The fiddle here seems broken btw, I created a new one here. https://jsfiddle.net/TheDJ/kvLhytmq/1/