アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/57.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を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
** パネルディスカッション2「アクセシビリティのこれから」 [#s9a9af8d] -スピーカー --植木真さん(株式会社インフォアクシア) --清家順さん(有限会社ユニバーサルワークス) --中根雅文さん(サイバー大学 准教授) -モデレーター --森川眞行さん(日本ウェブ協会理事長) -COLOR(red):注意:以下の内容は、中野がディスカッション中に書いたメモを元にしているので、聞き違いや誤解などがあるかもしれません。 -植木さん --(アックゼロヨン・アワードへの応募作品を見て)静的HTMLはレベルアップした。ただ、''リッチコンテンツのアクセシビリティは進歩がない''と感じた。 -中根さん --JISを満たしているサイトが大半で、レベルは底上げされたと思う。が、とてもすばらしい、という水準のサイトはない。JISやWCAGを満たした上で「やれることがないか?」「これをやると逆にダメなのでは?」といった点の検討が必要ではないか。 --たとえば、画像にAlt属性はきちんと付いているが、その内容は? --''ここ数年でスクリーンリーダーがどれだけ進化したかという点を考慮しているのだろうか''。このような点は、ユーザーの声を吸い上げる仕組みを持たないと。''今のアクセシビリティ対応は、1年後も同じものを作っていれば評価されるという状況ではない''。 -清家さん --JISのクリアが最高到達点になっている。''定量的に判断が可能な基準を満たした上で、コミュニケーションの部分を考えるべき''ではないか。 -植木さん --JISの策定に関わった一人として、例示などが適切ではなかったのではという反省も。たとえばJIS 5-2-d、レイアウトテーブルの使用と読み上げ順序への配慮についての箇所など。 --JISは2009年6月をめざして、改訂作業に入るところ。 -中根さん --(スクリーンリーダーや読み上げブラウザ対応の定石として使われる)「ナビゲーションをスキップ」だが、最近は、メニューがリストで記述されているなど適切なマークアップがされている場合には必要ないのでは? とも感じている。 --個人的には、スキップナビゲーションはあまり使ったことがない。 --一方、スキップナビゲーションは、目が不自由な人だけでなく手が不自由な人にも便利という面もある。 --OperaはSキーで見出しをスキップでき、ホームページリーダーにも見出し読みのモードはある。ただしhタグでマークアップされていないと動かないので、使わないユーザーも多い。 -中根さん --「''どれだけの人に情報を正しく伝えたいという気持ちを、技術であらわす''」ことが大切ではないか。最近は「冗長で不十分」であると感じることが多い。 --あるニュースサイトの例。写真にAlt属性はあるが、キャプションと同じ内容が書いてあるので音声ブラウザでは同じ文が2度読み上げられる。どういうことを伝えるべきか、をちゃんと考えて作っているのか。 --アクセシビリティは、予算よりキメ細やかさではないか。 -中根さん --トップページがフルFlashで、いきなりデッドエンド(行き止まり)であるサイトが最近増えている。本当にこれはフルFlashでないとできないことなのかな? テキストのリンクを置くことさえできないのかな? と思う。 --Googleで検索すると下層ページは読むことができ、内容も面白そう。配慮が欲しい。 -(どなたの発言か失念) --''自治体のサイトは、JISをクリアすることが最高到達点になっている''印象。コンテンツやコミュニケーションへの配慮が足りない。進歩が止まっている。 -植木さん --WCAG 2.0は、2008年4月30日にCandidate Recommendation(勧告候補)になった。あと2候補で、いよいよ勧告になる。 --原則、ガイドライン、達成基準という構造になっており、Understanding Documents(解説)が付く。 --WAI-ARIA、WAI-AGEなども進められている。 ----
タイムスタンプを変更しない
#topicpath **このページは? [#tfd043d4] -2008年6月、日本ウェブ協会主催の「[[アックゼロヨン・シンポジウム Vol.1>http://www.w2c.jp/Seminar/2008/june/13_day/]]」の「アクセシビリティのこれから」というセッションを聴いてのメモ。 ** パネルディスカッション2「アクセシビリティのこれから」 [#s9a9af8d] -スピーカー --植木真さん(株式会社インフォアクシア) --清家順さん(有限会社ユニバーサルワークス) --中根雅文さん(サイバー大学 准教授) -モデレーター --森川眞行さん(日本ウェブ協会理事長) -COLOR(red):注意:以下の内容は、中野がディスカッション中に書いたメモを元にしているので、聞き違いや誤解などがあるかもしれません。 -植木さん --(アックゼロヨン・アワードへの応募作品を見て)静的HTMLはレベルアップした。ただ、''リッチコンテンツのアクセシビリティは進歩がない''と感じた。 -中根さん --JISを満たしているサイトが大半で、レベルは底上げされたと思う。が、とてもすばらしい、という水準のサイトはない。JISやWCAGを満たした上で「やれることがないか?」「これをやると逆にダメなのでは?」といった点の検討が必要ではないか。 --たとえば、画像にAlt属性はきちんと付いているが、その内容は? --''ここ数年でスクリーンリーダーがどれだけ進化したかという点を考慮しているのだろうか''。このような点は、ユーザーの声を吸い上げる仕組みを持たないと。''今のアクセシビリティ対応は、1年後も同じものを作っていれば評価されるという状況ではない''。 -清家さん --JISのクリアが最高到達点になっている。''定量的に判断が可能な基準を満たした上で、コミュニケーションの部分を考えるべき''ではないか。 -植木さん --JISの策定に関わった一人として、例示などが適切ではなかったのではという反省も。たとえばJIS 5-2-d、レイアウトテーブルの使用と読み上げ順序への配慮についての箇所など。 --JISは2009年6月をめざして、改訂作業に入るところ。 -中根さん --(スクリーンリーダーや読み上げブラウザ対応の定石として使われる)「ナビゲーションをスキップ」だが、最近は、メニューがリストで記述されているなど適切なマークアップがされている場合には必要ないのでは? とも感じている。 --個人的には、スキップナビゲーションはあまり使ったことがない。 --一方、スキップナビゲーションは、目が不自由な人だけでなく手が不自由な人にも便利という面もある。 --OperaはSキーで見出しをスキップでき、ホームページリーダーにも見出し読みのモードはある。ただしhタグでマークアップされていないと動かないので、使わないユーザーも多い。 -中根さん --「''どれだけの人に情報を正しく伝えたいという気持ちを、技術であらわす''」ことが大切ではないか。最近は「冗長で不十分」であると感じることが多い。 --あるニュースサイトの例。写真にAlt属性はあるが、キャプションと同じ内容が書いてあるので音声ブラウザでは同じ文が2度読み上げられる。どういうことを伝えるべきか、をちゃんと考えて作っているのか。 --アクセシビリティは、予算よりキメ細やかさではないか。 -中根さん --トップページがフルFlashで、いきなりデッドエンド(行き止まり)であるサイトが最近増えている。本当にこれはフルFlashでないとできないことなのかな? テキストのリンクを置くことさえできないのかな? と思う。 --Googleで検索すると下層ページは読むことができ、内容も面白そう。配慮が欲しい。 -(どなたの発言か失念) --''自治体のサイトは、JISをクリアすることが最高到達点になっている''印象。コンテンツやコミュニケーションへの配慮が足りない。進歩が止まっている。 -植木さん --WCAG 2.0は、2008年4月30日にCandidate Recommendation(勧告候補)になった。あと2候補で、いよいよ勧告になる。 --原則、ガイドライン、達成基準という構造になっており、Understanding Documents(解説)が付く。 --WAI-ARIA、WAI-AGEなども進められている。 ---- **コメントをどうぞ [#h670e0bb] - 中根さんとも、話していたのですが、アクセシビリティも技術を追求する時代から、サービスを追及すべき時代になってきたのだと思いました。これは、これで、正しい進化の過程だと思うので、どんどん議論すべきかと思います。特にFlash制作者にアクセシビリティ恩恵者への愛が足りないと思っています。 -- [[NORI]] &new{2008-06-18 (水) 19:15:53}; - 僕は、まだまだやるべきことはあると思います(つまり、まだまだイケてない)。「読み上げ環境でアクセスできる」と「読み上げ環境にも最適なユーザビリティを提供」には大きな差があると思うし、それを様々なアプローチでクリアしていくってのは新しいデバイス(iPhoneとかWiiとからくらくホンとか)、ひいてはこれから登場するインターネットデバイスに対してコンテンツ制作者が取り組むべきとても重要な課題なのではないかと思うのです。 -- [[Junnama]] &new{2008-06-18 (水) 22:05:13}; - ただ自治体などは3年で部署替えなどあたりまえで、スキルの維持は非常に難しい。最低限のラインを守りつつ運営を行うのがスキル的にも予算的にも精一杯だと感じています。 -- [[msuzuki]] &new{2008-06-30 (月) 09:58:36}; #comment #blikifooter(中野) tag: [[WCAG 2.0>tag/WCAG 2.0]][[JIS X 8341-3>tag/JIS X 8341-3]][[スクリーンリーダー>tag/スクリーンリーダー]]
テキスト整形のルールを表示する
アークウェブのサービスやソリューションはこちら
サービス
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指針