仕様解説
WAI-ARIAを活用したフロントエンド実装
3

この記事では開閉するエキスパンダーや、ボタンを押すと対応したパネルが開くUI、Ajaxで後からコンテンツが読み込まれる実装に、どのようにWAI-ARIAを利用することができるのが解説します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

WAI-ARIAを静的なコンテンツに活用する方法や実装上の注意点を解説します。アイコンやグローバルナビゲーションなど頻出するUIを例に、どのようにrole属性やaria属性を使うかをイメージしてみましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

Webコンテンツアクセシビリティを確保するさまざまな仕様のうち、WebサイトやWebアプリケーションで活用できるrole属性とaria属性について取り上げます。まず、両者の基礎的な知識から解説します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア