アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/559.html
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
Ajaxのアクセシビリティ対応
Ajaxのアクセシビリティ対応/DOMで追加、修正されたコンテンツを読み上げさせることができるか?
Ajaxのアクセシビリティ対応/JavaScript OFF用、アンカーリンク
Ajaxのアクセシビリティ対応/JavaScript+OFF用、アンカーリンク
Ajaxのアクセシビリティ対応/情報収集
BracketName
FormatRule
FrontPage
Help
InterWiki
InterWikiName
InterWikiSandBox
InterWikiテクニカル
MenuBar
PHP
PukiWiki
PukiWiki/1.4
PukiWiki/1.4/Manual
PukiWiki/1.4/Manual/Plugin
PukiWiki/1.4/Manual/Plugin/A-D
PukiWiki/1.4/Manual/Plugin/E-G
PukiWiki/1.4/Manual/Plugin/H-K
PukiWiki/1.4/Manual/Plugin/L-N
PukiWiki/1.4/Manual/Plugin/O-R
PukiWiki/1.4/Manual/Plugin/S-U
PukiWiki/1.4/Manual/Plugin/V-Z
RecentDeleted
SandBox
ValidかつアクセシブルにYouTube(Flash)をHTMLに埋め込む方法
WAI-ARIA
WAI-ARIA/Live Regionのサポート状況、利用現状
WAI-ARIA/NVDAのLive Regionのサポート状況(2009.12.28)
WikiEngines
WikiName
WikiWikiWeb
YukiWiki
Zen Cart日本語版のアクセシビリティ対応/JIS:2009(改正原案)への追加対応
Zen Cart日本語版のアクセシビリティ対応/PC-Talkerでチェック
Zen Cart日本語版のアクセシビリティ対応/ホームページリーダーのチェック+α
Zen Cart日本語版のアクセシビリティ対応/現標準テンプレートを「富士通アクセシビリティ・アシスタンス」でチェック
Zen Cart日本語版のアクセシビリティ対応/現標準テンプレートをキーボード操作でチェック
Zen Cart日本語版のアクセシビリティ対応/目視チェック(JIS2009)
clip/Windows Vista対応の音声ブラウザ:アクセシビリティ対応ソフトウェア
jCarouselLiteのautoにて停止/再スタートできるようにするアクセシビリティ対応
jQuery UI に見る WAI-ARIA の実装:dialog 編
tag
tag/Ajax
tag/HTML5
tag/JIS X 8341-3
tag/JavaScript
tag/WCAG 2.0
tag/jQuery
tag/だれコン
tag/スクリーンリーダー
tag/試験方法
だれコン/2010-11-26シンポジウム
アクセシビリティメモ
アクセシビリティメモ/JIS X 8341-3 2009の7.3.3.4をZen-Cartに適用するには。
アクセシビリティメモ/JIS:2009 改正原案公開レビュー版 エクストリームリーディング会(1)
アクセシビリティメモ/W3CのMobile Web Best Practices 1.0
アクセシビリティメモ/「JIS X 8341-3 2009」のeXtream Reading(1)
アクセシビリティメモ/「JIS X 8341-3 2009」のeXtream Reading(2)
アクセシビリティメモ/「JIS X 8341-3」を読む(1)
アクセシビリティメモ/「JIS X 8341-3」を読む(2) (附属書1 (参考) ウェブコンテンツに関する例示)
アクセシビリティメモ/「Webアクセシビリティ JIS規格完全ガイド 改訂版」エクストリーム・リーディング会(1)
アクセシビリティメモ/「Webアクセシビリティ JIS規格完全ガイド 改訂版」エクストリーム・リーディング会(2)
アクセシビリティメモ/「改正迫るウェブアクセシビリティの規格(JIS X 8341-3)の改正のポイントと動向」
アクセシビリティメモ/『本物のWebアクセシビリティー・セミナー』 パネルディスカッション「東西の視覚障害者に、生の声を聞く」
アクセシビリティメモ/アックゼロヨン・アワード アクセシビリティ最高得点サイトのPDCAサイクル
アクセシビリティメモ/アックゼロヨン・シンポジウムVol.1「アクセシビリティのこれから」メモ
アクセシビリティメモ/社内用「アクセシビリティJIS(JIS X 8341-3) 理解度テスト2」をシェア
アクセシビリティメモ/社内用「アクセシビリティJIS(JIS X 8341-3) 理解度テスト」をシェア
アクセシビリティメモ/書籍「Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践~」 第1章
プロジェクト/lightwindowをアクセシブルにしよう
プロジェクト/lightwindowをアクセシブルにしよう/lightwindow2.0とは?
プロジェクト/lightwindowをアクセシブルにしよう/lightwindowの課題
ヘルプ
機能テスト/1/1
議事録/template
近藤
計画
志田
実践アクセシビリティ
実践アクセシビリティ/JIS X 8341-3 2009を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
*** 禅太郎's セレクト(リンク商品) : Zen Cart [日本語版] :, The Art of E-commerce [#ra5c7dbd] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=index&cPath=21 - 分類のプルダウン: (キーボードで操作する場合)選ぶと同時にリンク先に飛んでしまうため、最初のメニュー意外を選べない。 // テンプレ上のほかのプルダウンメニューすべてに言えること。 ⇒ 実行ボタンをつける (1. プルダウンで選択 → 2. 実行ボタン[GO!] をクリックしてリンク先へ)
タイムスタンプを変更しない
#topicpath * JIS:2009 追加テスト基準 [#o02b01a3] ** 7.1.3.2 意味のある順序に関する達成基準(A) [#gc59d4f7] - コンテンツが提供されている順序がその意味に影響を及ぼすときには正確な読み上げ順序をプログラムで解釈可能にしなければならない。 - 次アクション:表以外もそのようになっているかテストする ** 7.2.4.1 ブロック・スキップに関する達成基準(A) [#c8a95dd9] - 複数のウェブページ上で繰り返されているコンテンツのブロックを通過できるメカニズムが利用可能でなければならない。 - 次アクション:これはメニューとリンク以外もカバーしている? 付属文書にあたり、必要なら追加テストを。 - HPRより読み上げ能力が高い(個人の好みに合わせて細かく設定もできる) // PC-Talkerを使いこなすにはある程度熟練が必要。 - 問題点はHPRのテストとキーボード操作のテストでほとんどカバーできている。 - テキストボックス、チェックボックスの読み上げの不具合 -- 入力項目(テキストボックス、チェックボックス、ラジオボタン)があった場合、「-直前のテキスト-の文字入力」と読んでしまう。直前のテキストが入力項目と一致しない場合に不具合が起こる。これはPC-Talkerの設定の問題? 具体的には以下。 *** Zen Cart [日本語版] :, The Art of E-commerce [#z96f5339] http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=index - ヘッダーの検索ボックスにフォーカスすると「ログインの文字入力」と読み上げる。(ログイン中は「マイページの文字入力」と読み上げる。) → 「検索の文字入力」にする。「検索キーワードの入力」とできる?(たぶん難しい) // やり方は小森さんに相談。「〜の文字入力」という言葉はPC-Talkerが付与していると思われる。 *** ショッピングカート : Zen Cart [日本語版] :, The Art of E-commerce [#pe5b8baa] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=shopping_cart - 数量入力のテキストボックスが「XXXX円の文字入力」と読まれる → 「数量の文字入力」にする - ゴミ箱の下のチェックボックスが「小計:XXXX円の切り替え(チェック無し)」と読まれる正しく読まれない。 → 「カートから削除するの切り替え」が妥当か。 - テーブル:左上から順番に読まれ、今読まれている項目が何なのか分かりにくい。 → マークアップを見直した方が良いのでは? // 他のテーブルのある箇所も同様 音声ブラウザとth要素 http://www.kanzaki.com/docs/html/tbl-access.html#th-el scope属性 http://www.kanzaki.com/docs/html/tbl-access.html#scope *** お届け先と配送方法を記入してください : Zen Cart [日本語版] :, The Art of E-commerce [#za169450] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=checkout_shipping¶ - 定額料金のラジオボタンの所で「日本通運ペリカン便 (1箱 重量:3.25kg)の選択」と読んでしまう。 → 定額料金のラジオボタンの右に「定額料金」というテキストを追加 *** お届け先を変更する : Zen Cart [日本語版] :, The Art of E-commerce [#z273c52f] http://zen-cart.jp/zen-cart-v1.3.0.2-l10n-jp-4/index.php?main_page=checkout_confirmation - 「続ける」ボタンが最後に読まれるように *** 請求先住所を変更してください : Zen Cart [日本語版] :, The Art of E-commerce [#vcd6acd7] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=checkout_payment_address - 「続ける」ボタンが最後に読まれるように *** ご注文内容を確認してください : Zen Cart [日本語版] :, The Art of E-commerce [#x1455453] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=checkout_confirmation - IE6でレイアウトが崩れているっぽい(FF3の方が良い) - 「配送先住所」や「ご請求先住所」など各ブロックで「編集」が見出しの次に読まれてしまう。 → 「編集」がブロックの中で最後に読まれるようにしたい。 - カートの内容のテーブル -- マークアップの見直し(上記同様) - 「ご注文の確定」ボタンが「最終確認 → この内容で〜」の前に読まれる。 → 順番を入れ替え、「ご注文の確定」ボタンが最後に読まれるように。 - カートの内容のテーブル -- マークアップの見直し(上記同様) - 「ご注文の確定」ボタンが「最終確認 → この内容で〜」の前に読まれる。 → 順番を入れ替え、「ご注文の確定」ボタンが最後に読まれるように。 *** 禅太郎's セレクト(リンク商品) : Zen Cart [日本語版] :, The Art of E-commerce [#ra5c7dbd] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=index&cPath=21 - 分類のプルダウン: (キーボードで操作する場合)選ぶと同時にリンク先に飛んでしまうため、最初のメニュー意外を選べない。 // テンプレ上のほかのプルダウンメニューすべてに言えること。 ⇒ 実行ボタンをつける (1. プルダウンで選択 → 2. 実行ボタン[GO!] をクリックしてリンク先へ) *** ダウンロード商品例(複数ファイル) [DOWNLOAD2] - 5,000円 : Zen Cart [日本語版] :, The Art of E-commerce [#b8a68620] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=product_info&cPath=100&products_id=226 - 読み上げの順番: [カートに加える]ボタン → モデル: DOWNLOAD2、1000 在庫量 → 「商品タイプを選択して下さい: マニュアル〜ソフト本体」 ⇒ モデル: DOWNLOAD2、1000 在庫量 → 「商品タイプを選択して下さい: マニュアル〜ソフト本体」 → 「カートに入れる〜」 に。 *** おすすめ商品 : Zen Cart [日本語版] :, The Art of E-commerce [#c1307420] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=featured_products&disp_order=1 - プルダウンメニューに実行ボタンを。 *** 送料無料タイプ商品の例 [TYPE_P_FREESHIP] - 4,000円 : Zen Cart [日本語版] :, The Art of E-commerce [#yc038634] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=product_free_shipping_info&cPath=98&products_id=217 - 読み上げの順番: モデル: DOWNLOAD2、1000 在庫量 → 「カラーを選択してください〜」 → 「カートに入れる〜」 に。 *** マイページ : Zen Cart [日本語版] :, The Art of E-commerce [#i29bdba8] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=account - テーブルのマークアップ 音声ブラウザとth要素 http://www.kanzaki.com/docs/html/tbl-access.html#th-el scope属性 http://www.kanzaki.com/docs/html/tbl-access.html#scope ご注文情報 : Zen Cart [日本語版] :, The Art of E-commerce http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=account_history_info&order_id=13 - テーブルのマークアップ *** 詳細検索 : Zen Cart [日本語版] :, The Art of E-commerce [#h8a99d4e] http://zen-cart.ark-web.jp/zen-template-project/index.php?main_page=advanced_search - 「検索条件を選択してください」の入力ボックス -- 前に読んでいた「検索ヘルプ[?]」を引きずって「検索ヘルプ[?]の文字入力」と読んでしまう。 ⇒ PC-Talkerの仕様による。共通ヘッダの検索入力ボックスと同じ現象。 これを避けるには、テキストボックスの前に「検索条件」というテキストを入れるしかない? #blikifooter(近藤)
テキスト整形のルールを表示する
アークウェブのサービスやソリューションはこちら
サービス
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指針