Home > ブラウザ > Firefoxのアドオン(拡張機能)「Web Developer」でサイトのアクセシビリティを向上させる

Firefoxのアドオン(拡張機能)「Web Developer」でサイトのアクセシビリティを向上させる

  • Posted by: WebPersons編集部
  • 2008年1月11日 12:11
  • ブラウザ
Webサイト制作するにあたって、Webアクセシビリティを重視していますか。

アクセシビリティとはウェブコンテンツの企画,開発,制作,保守及び運用を
するときに配慮すべき事項を標準化することで、簡単に言うとWebを利用する
すべての人々が提供されているコンテンツにアクセスでき、その機能を利用
できるようにする事です。

GoogleやYahoo!等の検索エンジンのクローラーもこのアクセシビリティを重視
していると言われていますし、アクセシビリティを考慮してサイトを制作する事は
大切な要素となってきています。

しかし、アクセシビリティが確保されているWebページを制作するためには制作した
Webページをチェックする必要があります。

そんなときに便利なツールがFireFoxの拡張機能の「Web Developer」です。

この拡張機能は文書構造、画像のalt属性、テーブルの構造、CSSや
JavaScriptの無効化など、ブラウザと一体化し様々なアクセシビリティ項目に
ついて視覚的に確認する事が可能ですから、実際にブラウザで確認しながら
変更作業を行う事が出来ます。

実際に使ってみると、このような表示になりとても分かり易いです。
設定によってAlt属性やTitle属性の表示を行うことも出来ますし様々な
アクセシビリティに必要な確認を簡単に行うことができます。

アクセシビリティを確保するために利用して作業効率をアップして下さい。

◆div要素の順序を表示した場合

web_dev.jpg


◆id属性とclass属性を表示した場合

web_id_class.jpg

◆要素の情報を表示した場合

web_element.jpg




Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://webpersons.jp/mt/mt-tb.cgi/423
Listed below are links to weblogs that reference
Firefoxのアドオン(拡張機能)「Web Developer」でサイトのアクセシビリティを向上させる from Web Persons [ウェブパーソンズ]|Web担当者向け情報サイト

Home > ブラウザ > Firefoxのアドオン(拡張機能)「Web Developer」でサイトのアクセシビリティを向上させる

サイト内検索
最近のエントリー
注目のキーワード
Feeds

ページTOPへ