[解決済み] aria-expanded html属性
2022-03-05 17:54:33
質問
現在、ナビバーを作成中であり、その際に
aria-expanded
html属性です。もちろん、この要素が要素を展開または折りたたむために使用されることは知っています。これに関してはほとんど情報がなく、また
W3C docs
は、IMOではそれほど明確ではありません。
質問
この属性は具体的にどのように機能するのですか?
どのように解決するのですか?
その
aria-expanded
属性
は、単にユーザーエージェントに対するフラグです。それは
その要素、またはそれが制御する別のグループ化要素が、現在展開されているか、または折りたたまれているかを示す。
...ここで、その表示は要素のコンテンツに対するものであり、あるいは、もし
aria-controls
が指定されている場合は、対象要素についても同様です。
この値を設定することで、ページに何を行ったか(例えば、セクションを拡大または縮小した)を示すことができます。これは、ユーザーエージェントに何が起こっているかを知らせ、視聴者(視覚障害者で、セクションが拡張された/されていないことを示す何らかの表示が必要な人)のためにそれを解釈できるようにするためのもので、それに関連する特別な動作は持っていません。
関連
-
[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み】JavaScript "Uncaught TypeError: object is not a function" 連想性の質問
-
[解決済み】Javascript - ERR_CONTENT_LENGTH_MISMATCH
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】Babel NodeJS ES6: SyntaxError: 予期しないトークンのエクスポート
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。
-
[解決済み】HTML5 ARIAとは何ですか?