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