今回は、jQueryとJSTを使ったHello World的な簡単なサンプルと、外部サイトのRSSの埋め込みという、より実践的なサンプルを使って、JSTの使い方を紹介していきます。本記事を理解 するために、JavaScriptやJSON、jQueryなどの知識が必要な個所がありますが、その都度、外部解説ページへのリンクもありますので、参 照しつつ読み進めてみてください。
今回は、Ajaxウィジェットをアクセシブルにするという作業がどういったものかを見ていきます。題材として、jQuery UIというjQueryのライブラリを使用して「タブ」切り替えユーザーインターフェースのサンプルを用意し、これに下記の2段階で改良を行っていくことで、アクセシブルにしていきます。
今回は、いくつかのJavaScriptウィジェット(以後、ウィジェット)のサンプルを紹介し、そのウィジェット内で使用されているWAI-ARIA のロールやステート、プロパティについて解説します。
Ajaxが一般的になり、JavaScriptを使用して、一度表示されたHTMLに対して、更新や削除をしたり、またはまったく新しい要素の追加をするといった手法が非常によく用いられるようになりました。
2005年にAjaxというコンセプトや実装技術が紹介され、急速に普及しはじめてから、Webは格段に使いやすくなりました。画面遷移をせずにサーバーから新しいコンテンツを取得し、画面の一部のみを更新するこの技術は、パフォーマンスの向上を実現し、この技術をきっかけに JavaScriptは非常によく使われるようになりました。
本誌は、読者登録いただくことにより、毎月無料でみなさまのお手元まで直接お届けいたします(書店などでは販売していません)。
企業の情報システムを担当する方々や事業部門のIT担当の方々、およびIT関連プロフェッショナルの方々を対象に、実践的に役立つ情報を掲載、幅広く業務にご活用いただけます。