Доступность с динамическими элементами в угловых 5

Question

Я работаю с доступным веб-сайтом, используя клавиатуру, и хотя нажатие на вкладку условия динамического div (с ngIf) не работают должным образом.

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

Я пытался предоставить указатель вкладок с заказами, но не нашел удачи.

   

<!-- begin snippet: js hide: false console: true babel: false -->

Answer 1

Основная проблема - шаблон, который применяется динамически.Вы пытаетесь получить доступ к элементу, который еще не создан angular.

Другими словами, мы не можем получить доступ к элементу, который еще не создан.

Поэтому я удалил ng-template и применил атрибут [hidden].

Рабочая копиядоступно здесь - https://stackblitz.com/edit/angular-s8gvp9