質問: ### 前提・実現したいこと html/css 初学者です。 ページの模写を行っておりますが、 下記の画像のプルダウンを作成する方法がどうしても理解できません。 WAI-ARIA?を用いているようですが、詳しく記載したサイトもなく、困っております。 どういう技術を使用してコーディングしているのかを体系だててご教授いただけると助かります。 以下HPです。 https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1600866996_ZTQ4ZmIwZjVjOGQ4 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/a2ea2ba5210d59f879cff676569ddb5c.png) ### 発生している問題・エラーメッセージ コード内容が理解できない。 ### 該当のソースコード 部屋のタイプ 個室 まるまる貸切 ゲストはお部屋をまるまる独り占めできます。専用玄関があり、共有スペースはありません。通常、寝室、バスルーム、キッチンが含まれます。 個室 就寝時はゲスト専用の個室を利用します。その他のエリアは共用の場合があります。 シェアルーム ゲストの寝室は他者と共有する場合のある相部屋または共用エリアとなります。 ### 試したこと google検索によるタグやクラスの役割調査。 ### 補足情報(FW/ツールのバージョンなど) 特になし。
回答: > > WAI-ARIA?を用いているようですが、詳しく記載したサイトもなく、困っております。 > > > WAI-ARIAは、あくまで「スクリーンリーダーなど通常のグラフィカルなブラウザでない環境に対して、要素の意味を伝える」ための記法であって、それ自体で特殊な表示を構成するもの**ではありません**(MDN)。 「`aria-`属性自体を条件として、CSSやJavaScriptを適用する」方法もありますが、「WAI-ARIAと無関係に、CSSやJavaScriptでウィジェットを構築してあるだけ」ということも考えられます。