Компонент: Табы со спойлерами

Преимущества:

Анимация спойлера реализована через WAAPI (оптимизирована) — проверено на низкопроизводительном мобильном телефоне (в storybook тестировать в Default вкладке)
Можно управлять с клавиатуры. Переход по спойлерам производится клавишей Tab, раскрытие / закрытие на space или Enter и это уже из коробки без реализаций на js где пришлось бы писать обработчики на клавиши
SEO — когда есть симантические теги поисковику становится понятней что именно он парсит
Если это будет просто div — то ему нужно будет эврестически анализировать контент
Читалки-скринридеры такие как NVDA корректно зачитают заголовок. Она скажет развёрнуто / свёрнуто — если вы открываете или закрываете спойлер
Компонент проходит валидацию HTML / CSS (https://validator.w3.org/nu/)
Возможность отключить анимацию

Рис. 1 — табы со спойлерами