Раскрытие деталей
Нативная доступность
Good questions.
Что входит в компонент?
Семантическая разметка, видимый фокус и нативное раскрытие. Для этой задачи достаточно HTML details и summary.
Нужен ли JavaScript?
Нет. Нативный аккордеон работает с клавиатурой и без JavaScript. Атрибут name связывает элементы в группу.
Как адаптировать стиль?
Измените цвета и отступы. Сохраните видимый индикатор, контраст и область нажатия.