Табы по бэм и семантике как правильно?

Question

[Genri_Rus]

Если табы в виде кнопок ?


Все равно использовать так ?

<div class="tabs">
	<ul class="tabs__nav">
		<li class="tab">Тескт</li>
	</ul>
	<div class="tabs__content"></div>
</div>

Или нужно использовать тег button ?

Comments

[Антон Литвиненко]

технически табы должны быть всегда button, независимо от внешнего вида

[Михаил]

https://www.w3.org/TR/wai-aria-practices/examples/...

Answer 1

[Алексей Дубровин]

если бы я встретил класс tabs content - меня бы это сбило. Я и до сих пор не понимаю для чего это может применяться.

<ul class="tabs">
<li  class="tabs__item"><button class="tabs__button">текст</button></li>
</ul>
<div class="content"></div>

Comments

[Дмитрий]

А чем .content лучше, учитывая, что это совершенно абстрактное обозначение?

[Алексей Дубровин]

Дмитрий,
Говорю за себя "Уровень абстракции выше".
Табы в 90% случаев это переключатель.
При беглом чтении. tabs_content - что думаю(Контент табов? Какой контент табов? Он же 1? Динамически меняется?)
При беглом чтении .content - что думаю(Какой-то контент)