I am attempting to figure out how a time update event that updates the currentTime in the HTML dynamically, can update itself when the Braille display via VoiceOver is focused on that area.
.p-2.flex-grow-1.align-self-center{role: "text"}
%time{datetime: "PT0M0S", data: {video: {container: {target: "currentTime"}}}} 0:00
%span /
%time{data: {video: {container: {target: "duration"}}}}
The above is the HTML side which receives the information from the JavaScript of the video element. Using the role of "text" allows the above to render as:
0:00 / 0:00
on a Braille display as one line, instead of:
0:00
/
0:00
three lines.
If the Braille display is focused on this content during playback, the currentTime part doesn't update on the display but does visually. Moving away from the content then back to it shows the content has been updated.
I don't think what I'm looking for is an aria-live attribute though as setting the politeness to "polite" didn't seem to work.
I am testing with Safari on iIOS 16.
Please let me know if you have any ideas how to provide this dynamic content to the Braille user when focused on it.
