Angular boostrap: ngbDropdown/ngbDropdownToggle и доступность?

Мы используем меню Bootstrap 4 в навигации по сайту. Мы также хотели бы иметь возможность использовать раскрывающиеся списки ng-bootstrap.

Вы можете превратить DS в NGB с помощью их директивы, например:

<li class = "nav-item" ngbDropdown>
  <a class = "nav-link" ngbDropdownToggle role = "button" aria-haspopup = "true" aria-expanded = "false">Menu 2</a>
  <div class = "dropdown-menu ngbfade" aria-labelledby = "navbarDropdownMenuLink" ngbDropdownMenu>
    <a class = "dropdown-item" routerLink = "">Menu Item 1</a>
    <a class = "dropdown-item" routerLink = "">Menu Item 2</a>
    <a class = "dropdown-item" routerLink = "">Menu Item 3</a>
  </div>
</li>

Тем не менее, с этой настройкой пользователи не могут открывать меню с помощью вкладок, а также открывать вкладки и клавиши со стрелками для параметров, как они могут в обычном меню Bootstrap.

Код на сайте ng-bootstrap дает совсем другой HTML, который больше похож на раскрывающуюся кнопку, чем на меню ссылок:

<div ngbDropdown class = "d-inline-block">
  <button class = "btn btn-outline-primary" id = "dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
  <div ngbDropdownMenu aria-labelledby = "dropdownBasic1">
    <button ngbDropdownItem>Action - 1</button>
    <button ngbDropdownItem>Another Action</button>
    <button ngbDropdownItem>Something else is here</button>
  </div>
</div>

Есть ли способ заставить директивную версию реагировать на табуляцию?

Я попытался добавить href, но, конечно, с Angular, который позволяет щелкнуть мышью, чтобы перейти на домашнюю страницу приложения.