アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
#topicpath
** このページの概要 [#r96f91d4]
アークウェブでは週一回のアクセシビリティ勉強会を行ってい...
昨日は「JIS X 8341-3 2009」の 8章:試験方法 について資料...
実は、過去に 1度環境ポータルサイト『[[エコッツェリア:http...
という話があり、そのときの進め方の問題点と改善についてま...
なお、エコッツェリアのアクセシビリティについて担当した、...
** 目次 [#k6e7729c]
- このページの概要
- エコッツェリアで行った試験項目について
-- 検証に仕様したツール
- 検証の実施について
-- 検証にかかる時間
- 検証時間の短縮についての検討
-- ワークフローの改善
- まとめ
** エコッツェリアで行った試験項目について [#m68ac569]
まずは、どのようなことをエコッツェリアで試験項目として行...
- 「アクセシビリティ設計(ゴールの設定)」をする
-- JIS X 8341-3の【6.2 設計】にあてはまるモノ
- 試験対象ページを選択する
-- 8.1.2 - c) ヒューリスティックに選択する方式で、25ペー...
#ref(test_page_sample.jpg,,試験対象ページの画面サンプル)
※注意:試験当時とページのURLが変わっている場合があります。
#blikimore();
- 「アクセシビリティ達成基準チェックリスト」の作成
#ref(checklist1.jpg,,アクセシビリティ達成基準チェックリス...
- 「アクセシビリティ実装方法チェックリスト」の作成
#ref(checklist2.jpg,,アクセシビリティ実装方法チェックリス...
*** 検証に仕様したツール [#i5b44df5]
検証に仕様したツールについては、「アクセシビリティ実装方...
|WI(5.4a)|WebInspector。カッコ内はチェックリストのJIS項目|
|Firefox|[[WebDeveloper:https://addons.mozilla.org/ja/fir...
|キーボード|Internet Explorer|
|音声ブラウザ|PCTalker、IBM Home Page Reader|
|カラー・コントラスト・アナライザー||
** 検証の実施について [#k20d0acb]
「アクセシビリティ実装方法チェックリスト」に基づいて、「...
結果を「アクセシビリティ達成基準チェックリスト」に反映さ...
*** 検証にかかる時間 [#oe9b0028]
検証は「アクセシビリティ実装方法チェックリスト」の画面サ...
試験方法だったため、時間がかかりました。『自動化試験』と...
1ページの試験をおこなうに当たって、約5〜8時間ほどかかって...
- 補足:
以前、セミナーなどで一般的なページの検証にかかる時間は 1....
3.5倍くらい余計にかかってしまったように思います。
** 検証時間の短縮についての検討 [#ra8a2aa4]
試験の時間は、「サイト規模」や「1ページの長さ」や「関連す...
検証に時間の掛かる要素はいくつかありますが、それら ''実施...
あるように感じました。
エコッツェリアの場合、アクセシビリティ対応を始めたのがデ...
アクセシビリティ試験を行うと、''多くの対策が必要な箇所が...
これが検証に重く足かせとなって時間がかかった要因となって...
*** ワークフローの改善 [#j068b9ba]
検証時間を短縮する一番の近道は、''実施時になるべく試験内...
それには、マークアップ前にアクセシビリティに配慮したコー...
さらにそれ以前の段階である、デザインやワイヤーフレームを...
アクセシビリティ試験をパスしておくことで、その後の制作・...
という結論に至りました。
例えば、動画を含むページのワイヤーフレームを書く段階で、...
あらかめ設計しておくことで、後で「動画のコントロール部分...
** まとめ [#ja4d60bb]
- 企画段階からアクセシビリティに配慮した設計をすること
- デザインやワイヤーフレームの時点でも検証可能なアクセシ...
によって、''試験の時間短縮につながる''。
#blikifooter(竹村)
tag: [[JIS X 8341-3>tag/JIS X 8341-3]], tag: [[試験方法>t...
終了行:
#topicpath
** このページの概要 [#r96f91d4]
アークウェブでは週一回のアクセシビリティ勉強会を行ってい...
昨日は「JIS X 8341-3 2009」の 8章:試験方法 について資料...
実は、過去に 1度環境ポータルサイト『[[エコッツェリア:http...
という話があり、そのときの進め方の問題点と改善についてま...
なお、エコッツェリアのアクセシビリティについて担当した、...
** 目次 [#k6e7729c]
- このページの概要
- エコッツェリアで行った試験項目について
-- 検証に仕様したツール
- 検証の実施について
-- 検証にかかる時間
- 検証時間の短縮についての検討
-- ワークフローの改善
- まとめ
** エコッツェリアで行った試験項目について [#m68ac569]
まずは、どのようなことをエコッツェリアで試験項目として行...
- 「アクセシビリティ設計(ゴールの設定)」をする
-- JIS X 8341-3の【6.2 設計】にあてはまるモノ
- 試験対象ページを選択する
-- 8.1.2 - c) ヒューリスティックに選択する方式で、25ペー...
#ref(test_page_sample.jpg,,試験対象ページの画面サンプル)
※注意:試験当時とページのURLが変わっている場合があります。
#blikimore();
- 「アクセシビリティ達成基準チェックリスト」の作成
#ref(checklist1.jpg,,アクセシビリティ達成基準チェックリス...
- 「アクセシビリティ実装方法チェックリスト」の作成
#ref(checklist2.jpg,,アクセシビリティ実装方法チェックリス...
*** 検証に仕様したツール [#i5b44df5]
検証に仕様したツールについては、「アクセシビリティ実装方...
|WI(5.4a)|WebInspector。カッコ内はチェックリストのJIS項目|
|Firefox|[[WebDeveloper:https://addons.mozilla.org/ja/fir...
|キーボード|Internet Explorer|
|音声ブラウザ|PCTalker、IBM Home Page Reader|
|カラー・コントラスト・アナライザー||
** 検証の実施について [#k20d0acb]
「アクセシビリティ実装方法チェックリスト」に基づいて、「...
結果を「アクセシビリティ達成基準チェックリスト」に反映さ...
*** 検証にかかる時間 [#oe9b0028]
検証は「アクセシビリティ実装方法チェックリスト」の画面サ...
試験方法だったため、時間がかかりました。『自動化試験』と...
1ページの試験をおこなうに当たって、約5〜8時間ほどかかって...
- 補足:
以前、セミナーなどで一般的なページの検証にかかる時間は 1....
3.5倍くらい余計にかかってしまったように思います。
** 検証時間の短縮についての検討 [#ra8a2aa4]
試験の時間は、「サイト規模」や「1ページの長さ」や「関連す...
検証に時間の掛かる要素はいくつかありますが、それら ''実施...
あるように感じました。
エコッツェリアの場合、アクセシビリティ対応を始めたのがデ...
アクセシビリティ試験を行うと、''多くの対策が必要な箇所が...
これが検証に重く足かせとなって時間がかかった要因となって...
*** ワークフローの改善 [#j068b9ba]
検証時間を短縮する一番の近道は、''実施時になるべく試験内...
それには、マークアップ前にアクセシビリティに配慮したコー...
さらにそれ以前の段階である、デザインやワイヤーフレームを...
アクセシビリティ試験をパスしておくことで、その後の制作・...
という結論に至りました。
例えば、動画を含むページのワイヤーフレームを書く段階で、...
あらかめ設計しておくことで、後で「動画のコントロール部分...
** まとめ [#ja4d60bb]
- 企画段階からアクセシビリティに配慮した設計をすること
- デザインやワイヤーフレームの時点でも検証可能なアクセシ...
によって、''試験の時間短縮につながる''。
#blikifooter(竹村)
tag: [[JIS X 8341-3>tag/JIS X 8341-3]], tag: [[試験方法>t...
ページ名:
アークウェブのサービスやソリューションはこちら
サービス
Webの企画・戦略立案
Webデザイン
Webシステム開発
Zen Cartソリューション
Zen Cart導入コンサルティング, RFP作成, トラブル診断
Zen Cartで大規模ECサイト構築
Zen Cartモジュールの開発・カスタマイズ
Zen Cart制作会社(デザイン・企画会社)様向けサービス
Zen Cart海外向け・多言語ECサイトの制作
Zen Cartのデザイン, ペルソナ/シナリオ法, RIA(Ajax・Flex)
Zen Cartのセキュリティ・運用保守サポート
Zen Cart企画・マーケティング戦略, SEO・SEM(サーチエンジン広告)
Zen Cartハイエンド版(大規模サイト用高可用バージョン)
EC-CUBEとZen Cart 機能比較表(概要)
Zen Cart携帯モジュール(モバイルショップ構築用)
Zen Cartの導入事例
Zen-Cart.JPのご紹介とアークウェブの取り組み
Zen-Cartモバイルショップ構築サービス
Movable Typeソリューション
企業サイトでのMovable Type活用
Movable Type用プラグイン一覧
MT用フォーム作成プラグイン「A-Form」
A-Formパートナー制度
その他ソリューション
AjaxでRIA開発
Ruby on Rails
Flexによる業務システム構築
ペルソナ/シナリオ法
ビジネスブログ
SNS・ソーシャルソフトウェア
SEO・SEM
アークウェブのCSR(企業の社会的責任)
アークウェブのCSR指針