Accessibility

開閉パネルには「aria-expanded」と「aria-controls」

開閉のトリガーになるボタンに「aria-expanded」と「aria-controls」を指定します。

aria-expanded 属性 「要素の開閉の状態」を表す属性
スクリーンリーダーNVDAやJAWSを使っている場合、「折りたたみ」「展開」という状態を読み上げてくれるようになる
aria-controls 属性 開閉させる要素の値をIDで指定し、コンテンツが制御されている要素を識別している

シンプル版

・デモ

一つ開けると他は閉じる(一番目は開けておく)

・デモ