Есть ли объективная причина использовать ul li внутри меню?

Question

[Dubrovin]

Есть ли объективная причина использовать ul li внутри меню?

Вариант №1:

<nav class="menu">
    <div class="menu__item"><a class="menu__link" href="#">Menu Item</a></div>
    <div class="menu__item"><a class="menu__link" href="#">Menu Item</a></div>
    <div class="menu__item"><a class="menu__link" href="#">Menu Item</a></div>
</nav>

Вариант №2:

<nav class="menu">
    <ul class="menu__list">
        <li class="menu__item"><a class="menu__link" href="#">Menu Item</a></li>
        <li class="menu__item"><a class="menu__link" href="#">Menu Item</a></li>
        <li class="menu__item"><a class="menu__link" href="#">Menu Item</a></li>
    </ul>
</nav>

Чем вариант №2 лучше варинта №1?

Answer 1

[Dima Polos]

Доступность. Вот интересное видео об этом: https://youtu.be/KAK-WAb9vow

Answer 2

[Павел Гоголинский]

Есть конечно. Меню – список ссылок, ul – тег для списка.
Если на это забить, то в первом варианте можно <nav> заменить на <div>. Потом <a> заменить на <div>, а обработку клика на js написать.

Comments

[Dubrovin]

Что на счёт варианта, который предложил Сергей delphinpro чуть выше?

[Павел Гоголинский]

<li> короче чем role=listitem. Если Прям совсем нельзя испльзовать <ul>, то сойдет