Установите фокус кнопки как кнопку, которая заменяет ее при выборе с клавиатуры

Question

Работа над доступностью для формы, в частности, навигация с помощью клавиатуры. Одна кнопка называется add skill, а другая - remove skill. Когда нажата кнопка add skill, кнопка remove skill заменяет ее, поэтому они оба не появляются на экране одновременно.

В настоящее время фокус кнопки не перемещается автоматически от одной кнопки к другой, вместо этого он переходит на деление до или после кнопки в зависимости от того, какая кнопка была выбрана.

Что До сих пор я пытался добавить JavaScript для фокусировки onclick к другой кнопке, я могу заставить его работать, когда две кнопки находятся на экране одновременно, но не так много для динамических c кнопок ,

Я бы хотел изменить это, чтобы фокус переключился на кнопку, которая появилась динамически.

Вот код:

<button *ngIf="updateable && isSelected()"
    class="float-right ui inverted button" tabindex="0">
    Remove
    <span class="screen-reader-only">
        {{ skill.name }}
    </span>
    skill
</button>
<button *ngIf="updateable && !isSelected()" [class.disabled]="selectDisabled()" class="float-right ui button"
     tabindex="0" >
    Add
    <span class="screen-reader-only">
        {{ skill.name }}
    </span>
    skill
</button>```

Any help would be much appreciated!