Использование тега <a>или тега <button>для выпадающих меню | начальная загрузка

Question

Я немного ошеломлен тем, как мой UX-дизайнер хочет чего-то. Поэтому я спрашиваю здесь ...

Мы используем загрузчик в нашем проекте, и когда мы используем выпадающий список, нас просят изменить наши пункты меню с <a href="#" .. на <button>. Даже если для документации по начальной загрузке используется <a href ..

https://getbootstrap.com/docs/4.0/components/dropdowns/

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

Есть ли другие веские причины для использования <button> над <a href="# ..

Answer 1

Вы также можете легко использовать кнопки в раскрывающемся списке:

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <button class="dropdown-item">Action</button>
    <button class="dropdown-item">Another action</button>
    <button class="dropdown-item">Something else here</button>
  </div>
</div>

Рабочий пример: https://www.bootply.com/NTH6FzGx4A