Question: We have a modal dialog with multiple dependent dropdowns, selecting the value
in one dropdown repopulates the dependent drop down dynamically.

Because of this behaviour, JAWS is reading all the fields again whenever any of the drop down options are repopulated.

Example, Dummy markup

```
<div role="dialog">
   <div>
      <select id = "one">
        <option value="0">A</option>
        <option value="1">B</option>
        <option value="2">C</option>
      </select>
   </div>

   <div aria-live="polite">
      <select id = "two">
        <!-- dynamically populated options -->
        <option value="1">BC</option>
      </select>
   </div>

   <div aria-live="polite">
      <select id = "three">
        <!-- dynamically populated options -->
         <option value="1">BD</option>
      </select>
   </div>
</div>

```

Selecting the value in dropdown "one" populates the options in drop down "two" and similarly dropdown "three" is dependent on value of drop down "two".

Jaws reads all the fields properly in Chrome and firefox, however in Internet explorer 11, it starts reading the fields from the begining whenever any dropdown options are repopulated.

Additional details
Jaws version - 15
Using angular ui modal dialog
The browser reads from the begining whenever there is any updated in the dom of the dialog.

**Update - here's the plnkr** - <http://plnkr.co/edit/A2mcE2TfFavNEIlnFuPY?p=preview>

Let me know if any further details are required, any help would be greatly appreciated.

Answer: 
I had the same problem. This simple solution brilliant works for me:

Change

```
<b:widget id='header' type='HeaderTitle'/>

```

to

```
<b:widget id='HeaderTitle1' type='HeaderTitle'/>

```

Name **must** be same as type and with any number (1, 2, 3 etc.).
Blogspot right? okay. this is your previous codes:

```
<b:widget id='header' type='HeaderTitle'/>

```

when you create new widget, you should take notice of two things:

1. widget must be inside of section.
2. each of widgets must contains of type.

HeaderTitle is, indeed invalid type when you modify it. This must be return to the default type, that is: HTML.

**It is better** (the easy method) if you just add new line `section` instead of new line `widget`.
When you're done, you will be able to create new widget (Header) or modify it as you wish with the section.

Just add new line with like this follows:

```
<b:section class='leftsbar' id='leftsbar' showaddelement='yes'></b:section>

```

Here's the **[simple blog tutorial](http://true-blogger.blogspot.com/2015/01/framework-format-of-blogspot-template.html)** with it.