VoiceOver+Web - aria-live narration interrupted by input narration

Originator:amber.ybxue
Number:rdar://8894915 Date Originated:July 14, 2021
Status: Resolved:
Product:VoiceOver Product Version:11.4
Classification: Reproducible:yes
 
Summary:
When aria-live is changed as user types in an `input` element, it gets interrupted by narration of the `input`.

Steps to Reproduce:
1. Copy the below simple HTML locally to a file named 'index.html' and open it in a browser
2. Open voice over and navigate into input
3. start typing, and hear aria live narration interrupted by input narration.

OS: macOS Big Sur 11.4
Browser: Chrome/Edge 91.0.864.41, Chrome Beta 92.0.4515.93 

```
<!DOCTYPE html>
<html>

<head>
  <title>Aria Live test</title>
  <meta charset="UTF-8" />
</head>

<body>
  <div id="app">
    <p>
      <label for="message">Message *</label>
      <br />
      <input name="message" id="message" aria-describedby="input-info" aria-required="true" />
      <br />
      <span id="input-info" aria-live="polite" aria-atomic="true">The current milli seconds: <span
          id="chars">280</span></span>
    </p>
  </div>

  <script>
    function updateChars() {
      console.log("here1");
      let date = new Date();

      document.getElementById("chars").innerHTML = date.getMilliseconds();
    }

    document
      .getElementById("message")
      .addEventListener("keydown", updateChars);
  </script>
</body>

</html>
```

Comments


Please note: Reports posted here will not necessarily be seen by Apple. All problems should be submitted at bugreport.apple.com before they are posted here. Please only post information for Radars that you have filed yourself, and please do not include Apple confidential information in your posts. Thank you!