
<!DOCTYPE html>

<html>

  <head>


    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  </head>

  <body>

    <p>Hi all,</p>

    <p>I've been working on some frontend code at work lately, and one

      of the issues I'm running into is that when content is changed on

      a page (for example in a react app where a component refreshes),

      JAWS does not always see these changes. This is a particular

      problem in a component with a live region, because JAWS will

      sometimes re-read the prior content in the live region rather than

      the most recent.</p>

    <p>In general, what notifies JAWS of a DOM change? More

      specifically, are there any tips or tricks for handling this

      properly from within react/other applications like this that are

      component based? Generally this doesn't seem to be an issue, but

      we seem to have a pattern in play that is causing problems with

      JAWS (NVDA is perfectly fine).</p>

    <p>Thanks,<br>

    </p>

    <div class="moz-signature">-- <br>

      <div>

        <p>

          <strong>Ty Littlefield (he/him/his)</strong><br>

        </p>

        <ul>

          <li> <a href="https://tysdomain.com" target="_blank">From

              Bytes to Bites</a>|

          </li>

          <li><a href="https://www.linkedin.com/in/ty-lerlittlefield/">Linkedin</a>|</li>

          <li><a href="https://github.com/sorressean">Github</a></li>

        </ul>

      </div>

    </div>

  </body>

</html>