Я пытаюсь исправить ошибку доступности для программы чтения с экрана в веб-приложении Angular2.В Chrome, когда загружается компонент A (код в поле «До»), основное внимание уделяется всему окну браузера, и рассказчик программы чтения с экрана объявляет заголовок страницы компонента A.Однако в Edge фокус остается тем же, что и на предыдущей странице, в результате чего заголовок не объявляется.Цель не зависит от того, в каком браузере заголовок должен быть объявлен один раз и только один раз.
Я попробовал решение, изменив componentA.html (код в After) и установил фокус на идентификатор componentA-id в ngOnInit ().то есть:
document.getElementById('componentA-id').focus();
Теперь в Edge рассказчик может правильно сфокусироваться на всем компоненте A и объявить название компонента A.Однако в Chrome все окно сфокусировано, а компонент A также сфокусирован, в результате чего заголовок объявляется дважды.Можно ли как-то отключить фокус Chrome или есть другие способы решения этой проблемы для достижения моей цели?
До: componentA.html
<div>
<div title="ComponentA Title" role="banner">ComponentA Title</div>
...
...
</div>
После: componentA.html
<div aria-label="ComponentA Title" id="componentA-id" tabindex="-1">
<div title="ComponentA Title">ComponentA Title</div>
...
...
</div>