1. ホーム
  2. javascript

[解決済み] aria-expanded html属性

2022-03-05 17:54:33

質問

現在、ナビバーを作成中であり、その際に aria-expanded html属性です。もちろん、この要素が要素を展開または折りたたむために使用されることは知っています。これに関してはほとんど情報がなく、また W3C docs は、IMOではそれほど明確ではありません。

質問

この属性は具体的にどのように機能するのですか?

どのように解決するのですか?

その aria-expanded 属性 は、単にユーザーエージェントに対するフラグです。それは

その要素、またはそれが制御する別のグループ化要素が、現在展開されているか、または折りたたまれているかを示す。

...ここで、その表示は要素のコンテンツに対するものであり、あるいは、もし aria-controls が指定されている場合は、対象要素についても同様です。

この値を設定することで、ページに何を行ったか(例えば、セクションを拡大または縮小した)を示すことができます。これは、ユーザーエージェントに何が起こっているかを知らせ、視聴者(視覚障害者で、セクションが拡張された/されていないことを示す何らかの表示が必要な人)のためにそれを解釈できるようにするためのもので、それに関連する特別な動作は持っていません。