живые регионы, не работающие с динамическим заголовком страницы - angularjs

Question

Угловое изменение вида, так что заголовок страницы изменяется, но считыватели экрана не могут его прочитать, поэтому я попытался использовать живые регионы, но это не работает.

<title ng-bind="title" aria-live="assertive" aria-atomic="true">Title here</title>

Я хочу знать, почему живут регионы не работает в этом случае? мне не нужно какое-либо решение, чтобы сделать пользователь, страница изменяется и содержание также

Answer 1

<title> элемента не допускает ARIA ни role атрибутов: http://w3c.github.io/html-aria/#el-title

Два HTML валидаторы (Markup Validation Service и Nu Html Checker) делать а не использовать эти атрибуты в качестве ошибки. Не помечать те, которые, как представляется, являются ошибкой в ​​валидаторах, и я отправлю их один раз, когда я получу более подробную информацию и создаю сокращенный тестовый пример. В качестве альтернативы, если это нужно поддерживать, я могу подать ошибку в отношении спецификации ARIA. Если вы можете предоставить более подробную информацию и контекст для добавления поддержки ARIA, которая поможет.

В то же время, сделал некоторые испытания:

1. NVDA/FF не появляется, чтобы поддержать aria-live на <title> вообще.

2. JAWS/IE11, как представляется, поддерживает aria-live по адресу <title>, но непоследовательно. Он также не сообщает, что это название страницы, которое изменилось.

3. У меня нет VoiceOver для тестирования. Я не тестировал в «Рассказчик», «TalkBack», «Orca».

Я сделал тестовую страницу CodePen:

• URL-адрес, где вы можете редактировать: http://codepen.io/aardrian/pen/XpqZMB?editors=1010
• URL-адрес, который исключает хлама CodePen (для тестирования): http://s.codepen.io/aardrian/debug/XpqZMB