JAWS читает удаление DOM узла внутри `ария-live` области только в IE

Question

Прямая области:

<div aria-live='assertive' id='abc'> </div> 

В JavaScript, первое изменение я сделать это

document.getElementById("abc").innerHTML="<span>Processing</span>"; 

Следующих я сделать еще одно изменение:

document.getElementById("abc").innerHTML="<span>Done</span>"; 

JAWS не имеет никаких проблем в Firefox и читает как «Обработка» и «Done». Но IE читает «Обработка снятия обработки»

Я понимаю, что я заменяю <span> новым <span>. Но как я могу заставить JAWS игнорировать это обновление удаления?

Answer 1

Единственный способ, которым я успешно победил эту ошибку в IE, - это скрыть удаляемый элемент, добавить новый элемент, а затем удалить скрытый элемент.

Answer 2

Чтобы понять эту ошибку в IE, вам нужно обратиться к документации для атрибута aria-relevant, в котором указывается, какие изменения вы хотите, чтобы уведомление об этом было прочитано.

Смотрите следующую страницу в документации Microsoft: aria-relevant attribute

В вашем случае, IE считает (ошибочно), что вы делаете текст обновления (из-за использования innerHTML который рассматривается как строка), так он уведомляет удаление и добавление:

Обновления объявляются только по мере добавления узлов, или как текст добавляется или удаляется.

Решение должно быть добавлено или удалено с использованием addChild() и removeChild() функций.