アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/2403.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を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
*** P.13 7.1.3 適応可能 [#g2de4658]
タイムスタンプを変更しない
#topicpath ** このページは? [#oea37697] アークウェブでは週一回のアクセシビリティ勉強会を行っており、 現在は、「JIS X 8341-3 2009」についてXR(eXtream Reading)を行っています。 方法としては、参加者と時間を決めて各自一斉に読み、ポイントとなる部分や不明点や意見などを議論するような形式としました。 - ベース資料 -- JIS X 8341-3:2009 改正原案(附属書を含む) http://www.jsa.or.jp/stdz/instac/commitee-acc/WG2/review2009/ITBF_Web_review.html - サブ資料 -- WCAG 2.0 解説書 [原題:Understanding WCAG 2.0] http://www.jsa.or.jp/stdz/instac/commitee-acc/W3C-WCAG/WCAG20/UNDERSTANDING-WCAG20/index.html ** 議事録 [#u616c44c] - 以下の内容には、理解に誤りがある場合があります。お気づきの方は下記の コメント欄 からお知らせいただけると幸いです。 7章は4つの基本要件から構成されています。 - 7.1.x 認知可能 - 7.2.x 操作可能 - 7.3.x 理解可能 - 7.4.x 堅牢性 (ロバスト性) 今回は、 P.11〜13 7.1.3 の最後までについて書きます。 ただし、7.1.2 はものすごい理解に苦しみました。1回読んだだけでは理解できませんでした。 私たちは、一旦 7.1.2 について議論するのを止め、先に進むことにして、後から再度検討する。というアプローチを取りました。 よって、このwikiでも一度端折りつつ進めます。 なお、「U-WCAG2.0」は 「Understanding WCAG 2.0」を指すことにする #blikimore() - 目次 #contents *** P.11:7 ウェブコンテンツに関する要件 [#c760b02e] *** P.11:7.1.知覚可能 [#w5bc6fc9] -- 「ユーザーが知覚できる方法で提供すること」 *** P.11 7.1.1 代替テキストに関するガイドライン [#ma22176d] *** P.11 7.1.1.1 非テキストコンテンツ (達成基準 A) [#lb794399] 代替テキストを用意しなければならない。ただし、次の場合は除く。 -- b) 時間の経過に伴って変化するメディア --- カルーセルUI(後述)で auto を設定して自動的にスクロールする場合は、これに該当するかな? →Tabキーで alt を読んでくれるよね。(タケ) →コンテンツの内容が変わるだけだからいいのでは? (志田) -- c) 試験:非テキストコンテンツが表示されると無効になる試験や演習時。これはどういうときだろう? →クイズやWebを使った試験などで、答えを書いてしまうと意味がない場合とかかな (小森) 【用語整理】 - カルーセルUIとは? -- Coverflowのようにいくつかの画像が連続して表示され、表示エリアの横幅が決められていて、「次へ」ボタンを押すと、表示エリア内の画像がスクロールするユーザーインターフェイス。 ↓こういうイメージ +----+-------------------------------------------+----+ | | +---------+---------+---------+---------+ | | |前へ| | 画像1 | 画像2 | 画像3 | 画像4 | |次へ| | | +---------+---------+---------+---------+ | | +----+-------------------------------------------+----+ 次へボタンを押すと、画像1〜4が左にスクロールして、「画像2 | 画像3 | 画像4 | 画像5」が表示されるようなユーザーインターフェイス。 - 同期したメディアって何? -- 用語としては P.6 A.72 に記載されている 音声または映像、ということだがそれぞれの例をあげると何のことを指す? --- 音声:副音声 --- 映像:キャプション(字幕) --- 映像:手話 --- 映像:smile ↑ちょっとこの理解はあやしい^^; *** P.11 7.1.2 時間の経過に伴って変化するメディアに関するガイドライン [#n2d45845] *** P.11 7.1.2.1 収録済の音声しか含まないメディア及び収録済の映像しか含まないメディア (達成基準 A) [#n539828a] - a), b) はその後に続く内容の概要か (タケ) -- すべての利用者が入手できるようにすること、テキストで代替情報を提供できること - 音声トラックの提供は視覚障害の場合にコンテンツを同時に楽しめる (U-WCAG2.0) -- 認知障害、言語障害、及び学習障害のある利用者がコンテンツを理解しやすくなる - 「コンテンツと等価な情報を提供」の『等価』のレベルは? →会話文言などだけではなく、感情なども必要か。情報量が多ければいいだけではないけど (大辻) →勉強系アニメーションの場合は、チュートリアルがあること (U-WCAG2.0) *** P.12 7.1.2.2 収録済の音声コンテンツのキャプション (達成基準 A) [#v0b1dd7c] (メモ:主に聴覚に対する対応) - キャプションは、誰が話しているのかも示し、発話ではなく、音声も含める。 (U-WCAG2.0) - 同期したメディア自体が、ウェブページ上でテキストによってすでに提示されている情報の代替プレゼンテーションである際には、キャプションは必要ない。 (U-WCAG2.0) -- なぜなら、その情報は、ページ上でテキストあるいは(画像の)代替テキストによって、すでに提供されているからである。 *** P.12 7.1.2.3 収録済の映像コンテンツの音声ガイド又は代替 (達成基準 A) [#he8fdc6f] (メモ:主に視覚に対する対応) - 映像コンテンツの音声ガイドを提供するか、 - 同期したメディアにある情報全てをテキスト形式で提供する (説明を十分に提供すること) *** P.12 7.1.2.4 ライブの音声コンテンツのキャプション (達成基準 AA) [#x5f2036b] (メモ:主に聴覚に対する対応) - リアルタイムのプレゼンテーションを見られるようにすることである。(U-WCAG2.0) -- 同期したメディアってリアルタイム? →インタラクティブな構成要素、ということなのでそうだね。 *** P.12 7.1.2.5 収録済の映像コンテンツの音声ガイド (達成基準 AA) [#fff3ef1b] (メモ:主に視覚に対する対応) - 7.1.2.3との違いは? -- 7.1.2.3 の達成基準 A では、コンテンツ制作者には、音声ガイド又は完全な代替テキストのどちらかを提供するという選択肢がある。 -- 達成基準 AA で適合したい場合、達成基準 7.1.2.5 において、コンテンツ制作者は音声ガイドを提供しなければならない。 →音声ガイドを採った時点で 7.1.2.5 が適用される、というわけですね。 *** P.12 7.1.2.6 収録済の音声コンテンツの手話通訳 (達成基準 AAA) [#u3c87f59] (メモ:主に聴覚に対する対応) - 手話通訳を提供する *** P.12 7.1.2.7 収録済の映像コンテンツの拡張した音声ガイド (達成基準 AAA) [#r8b74ca8] (メモ:主に視覚に対する対応) - 拡張した音声ガイドを提供する -- 映像コンテンツの補足情報。映像を止めてまで説明する情報。 *** P.13 7.1.2.8 収録済のメディアの代替 (達成基準 AAA) [#r4444164] (メモ:視覚と聴覚の両方に対応する対応) - 情報全てをテキスト形式で提供する (U-WCAG2.0) -- 時間の経過に伴って変化するメディアの代替は、本のようなもの (そのままテキストで提供) --- 音声ガイドだけでの場合よりもずっと多くの完全な説明を提供する (すべての発話のトランスクリプト(発話でない音声(笑い声など))を含む) *** P.13 7.1.2.9 ライブの音声しか含まないコンテンツの代替 (達成基準 AAA) [#sc4caf77] (メモ:主に聴覚に対する対応) - ライブのキャプション付加サービスは、耳が聞こえない又は難聴の利用者、あるいは音声を聞くことのできない利用者に対してライブの音声をアクセシブルにすることが可能 (U-WCAG2.0) →これ、よくハーモニーアイさん主催のセミナーでやってるね (タケ) *** P.13 7.1.3 適応可能 [#g2de4658] *** P.13 7.1.3.1 情報及び関係性 (達成基準 A) [#h24a597d] 下記がプログラムで解釈可能なこと。またはテキストで提供されること - 情報: コンテンツ - 構造: ページの集合が整理されている状態 - 関係性: labelとか? - テキストで提供されない上記のものって? →Flashとか。(タケ) - どういうテストをすべきか? →人がやるしかないよね (タケ、小森) →見出しとかテーブルの構造とかフォームとかの構造をチェックするなら、チェックツールで対応できるね。 *** P.13 7.1.3.2 意味のある順序 (達成基準 A) [#q9d724d1] - 例として、フォームの入力条件がinputより前に書いてあること。 ↓具体的な例 フリガナ (カタカナで記入ください) [ 入力欄 ] もしくは、 フリガナ [ 入力欄 ] カタカナで記入してください。 と見えるようにしておきつつ、マークアップ上は「フリガナ カタカナで記入してください。[ 入力欄 ] 」として、CSSで見た目を変えるなど - tabindexも関係するかも -- 入力フォームの tabindex を意味のある順序にする *** P.13 7.1.3.3 感覚的な特徴 (達成基準 A) [#q509c814] - 「以上のhogehogeは…」や「以下の項目は…」は、言語的に共通理解のもとに利用されるのでOKらしい ** 次回 [#c057897b] - 7.1.2.x はかなり混乱すると思います。後で再度おさらいしましょう。 - 次は、7.1.4.x から進めて行きます。 ---- **コメントをどうぞ [#rf52d2d5] #comment #blikifooter(竹村) tag: [[JIS X 8341-3>tag/JIS X 8341-3]]
テキスト整形のルールを表示する
アークウェブのサービスやソリューションはこちら
サービス
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指針