アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/153.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を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
** Live Regionに対応しているスクリーンリーダー、読み上げブラウザ [#g8d578f2] - 調査できた範囲で、下記4つがあげられます。 -- Fire VOX 4.9以降 ([[情報源:http://clc4tts.clcworld.net/clc-firevox_doc.html#Changes]]) -- NVDA 0.6p2以降 ([[情報源:http://www.nvda-project.org/ticket/138]]) -- Orca GNOME 2.21.4 Development Release以降([[情報源:Orca/Firefox/LiveRegions:http://live.gnome.org/Orca/Firefox/LiveRegions]]) -- JAWS 10以降([[情報源:http://freedomscientific.com/downloads/jaws/JAWS-public-beta.asp#download]]) Window-Eyesの対応状況については確認できませんでした。
タイムスタンプを変更しない
#topicpath ** この文書は [#h43b9767] - [[Think ITのWAI-ARIAの連載:http://www.thinkit.co.jp/article/133/]]の「第2回:Ajaxの動的更新を読み上げ」を書くにあたり、Live Regionのサポート状況、利用現状について調査したものです。 - 2008年8月の状況です。 - 補足、情報の誤りなどあればご指摘をいただけますと幸いです。--[[志田]] ** Live Regionに対応しているスクリーンリーダー、読み上げブラウザ [#g8d578f2] - 調査できた範囲で、下記4つがあげられます。 -- Fire VOX 4.9以降 ([[情報源:http://clc4tts.clcworld.net/clc-firevox_doc.html#Changes]]) -- NVDA 0.6p2以降 ([[情報源:http://www.nvda-project.org/ticket/138]]) -- Orca GNOME 2.21.4 Development Release以降([[情報源:Orca/Firefox/LiveRegions:http://live.gnome.org/Orca/Firefox/LiveRegions]]) -- JAWS 10以降([[情報源:http://freedomscientific.com/downloads/jaws/JAWS-public-beta.asp#download]]) Window-Eyesの対応状況については確認できませんでした。 ** ライブリージョンの動作を確認できるサイト [#nf9e981d] - ユーザーのアクションに応じてライブリージョンが更新されるのではなく、 - Ajaxのチャットサイトのように他のユーザーによって非同期に変更されるもの - 株価情報サイト、スポーツのスコアボード情報発信サイトのように、現実世界のイベントに応じて更新されるタイプの例 などを以下に紹介。 *** チャットサイト [#cc563a82] - [[ReefChat:http://reefchat.overscore.com/]]はGPLのチャットアプリケーションで WAI-ARIAのマークアップが使われています。 *** 株価情報サイト [#x090c1a7] 下記が上げられます。 - [[Google Financial Home:http://finance.google.com/finance]] - [[Yahoo Financial Home:http://finance.yahoo.com/]] これらのサイトは、実は「live」プロパティは使用だれていないようです。 Live Regionに対応しているいくつかのスクリーンリーダーなどは「live」プロパティがなくても要素の動的な更新を検知して読み上げることができるものがあります([[参考:http://accessibleajax.clcworld.net/suggested/live_missing.htm]])。 Fire VOXも、 - liveプロパティがなくても読み上げる - liveプロパティがないと読み上げない - まったく読み上げない という3つの読み上げモードを切替可能です([[参考:http://firevox.clcworld.net/tutorial/tut4.html]])。 スクリーンリーダーのこういった機能を利用することで、上記のサイトは読み上げが可能となっています。 ***スポーツのスコア情報をリアルタイムに発信するサイト [#z7e32311] - ケーブルテレビの「[[ESPN:http://espn.go.com]]」があげられます。 - しかし、ESPNのスコアボードも「live」プロパティが記述されていません。 - ですが、[[Orcaのサイト上:http://live.gnome.org/Orca/Firefox/LiveRegions#head-d59a84a69de0df33e8e70b867d362a5311dba10d]]で配布されているGreasemonkeyを使うことで、ESPNのサイトのマークアップに「live」プロパティを動的に付与することができます。 - このGreasemonkeyを使用すればマークアップが下記のように変更され、ライブリージョンの読み上げが可能になります。 <td id="awayRunsTotal-280903102" class="rheLine">4</td> ↓ <td id="awayRunsTotal-280903102" class="rheLine" aria-live="polite" aria-labelledby="awayteam1">4</td> ** まとめ [#w398b4e5] ライブリージョンのサポート状況は徐々に整いつつありますが、 主要サイトの利用状況はまだこれからといった状況のようです。 #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指針