ボタンを押すと項目が出てくる仕組みの名称を教えてください

Question

https://business.ntt-east.co.jp/content/cloudsolution/faq.html
上記のようなQ＆Aを作りたいのですが、
・各種手続き・費用について
・クラウドサービスについて
・ネットワークサービスについて
を押すと各リストが出てきますよね。
リストの中身はアコーディオンだと言うのは知ってるのですが、
上記の表示されるリストが異なる部分の名称が分かりません。
一般的にはどのように呼ばれてるのでしょうか？
よろしくお願いします。

Answer 1

タブメニューのことですか？

---

WAI-ARIA 的には、タブリストと呼ぶのがいいようですね。
ARIA: tab role - Accessibility | MDN

Comments

[takawork]

ありがとうございます！

Answer 2

ブラウザ開発ツールでソース見てみると良いです。大抵は意味のあるクラス名やIDが振ってあります。

<div class="js-tab-content is-show">

この手のものは俗称は幾らでもあるので、「使われているサイトで何と名がつけられているか」で探るのが確実で早いです。
もちろんそれが全てではないし、他で通じないこともあるので、「名前」を追うより「機能」を追ったほうが自身の身になります。

「それってどういう機能？動きをするもの？」と聞かれたときに説明できるかどうか。

Comments

[m.ts10806]

というか、
そこのタイトル含めて「アコーディオン」と呼んでもいい気が。

[takawork]

クラス名から推測は盲点でした！ありがとうございます！

[m.ts10806]

大事なのは最後
>「それってどういう機能？動きをするもの？」と聞かれたときに説明できるかどうか。

機能や動きが分かってればキーワードも出てきますよね。