アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/2399.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を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
*** 課題 [#i62cadb3] - 推奨する実装方法を統一見解として提示したい(ただし未着手) - 何をもって「アクセシビリティ・サポーテッド」とみなすか -- ブラウザ・支援技術・バージョン… - 海外と日本の違い -- Techniqueは案外記述がいい加減で大変。。 -- 海外でWCAG2.0に対応したサイトは聞かない… -- 英語圏はJAWS対応ならOK、が暗黙の了解 -- 日本はガイドラインでなくJIS=規格なので //-----------------------------
タイムスタンプを変更しない
#topicpath 12月3日に行なわれた、 第16回ヒューマンインタフェース学会セミナー 「改正迫るウェブアクセシビリティの規格(JIS X 8341-3)の改正のポイントと動向」 http://www.his.gr.jp/activities/seminar/read.html?016.cfp に行ってきました。以下はそのメモです。 ※なおセミナーの内容は進行中のものであり、実際には変わる可能性もあるとのことなのでご注意。 //----------------------------- ** JIS X 8341-3の紹介と改正のポイント [#i1dbc82a] 主査、渡辺隆行(東京女子大学)さんによる概要説明。 - 緑本 http://www.amazon.co.jp/dp/4839922209 -- JISに関わったみなさんが翻訳で参加した良本。 -- なのに売れなかったらしい。。もう版元にもない。 -- 本屋にあるのが最後なので、見かけたら迷わず買え。 - &color(red){[!]JIS公示は、2010年度第一四半期(''=来年5月か6月?'')見込み。}; -- なのでJIS2009でなくJIS2010と呼ばれていた -- 審議に時間がかかっているらしい。。 - Understanding, Techniqueの日本語訳を進めており、JIS公示と同時期に公開する -- 協力者募集中とのこと -- 年度末(=3末)に途中経過を公開 -- 英語できなくてもできることないですか?^^;と聞いてみたら、やはり翻訳が一番欲しいらしい。 - ガイドラインの雛形や、実装の統一見解もあわせて発表したいと考えている - 今年度中にNPOをつくるらしい #blikimore() //----------------------------- ** JISの技術情報 [#u5efeb7f] (渡辺昌洋(日本電信電話株式会社)さんの、図版によるわかりやすいまとめがあった) こういう資料を用意する予定だそう。 |JISの文書|WCAG2.0の文書|文書の内容|h |JIS8341-3X|WCAG2.0|原則| |JIS解説書|Understanding WCAG2.0|詳しい説明。どの実装方法を使うべきか| |JIS実装方法集|Technique WCAG2.0|具体的な実装方法| これ以外に、 - テストファイル - アクセシビリティサポーテッド情報(ブラウザや支援技術の機能情報) を用意する予定とのこと。 //----------------------------- ** JIS実装方法集 [#q87c0c80] 植木真(インフォアクシア)さんの説明。 - 現在、翻訳中 - 350近くの実装方法、不適合事例 - TechniqueではHTMLの記述ばかりだったが、Flash,PDFの実装方法もAdobeから提出されW3Cで審議中。 - ブラウザのサポート情報の記述も? - 参考リソースには日本語の記事も? - ''スキップリンクの新しい要件'' -- よく隠しで入れているが、 -- ''常に表示されているか、フォーカス時に表示される必要があるように''なった。 -- 晴眼者かつキーボードのみで操作している人向けに - 「達成基準を満たす実装方法」、についての記述 -- ''実際に利用者にとって利用可能であることを確認しなければならない'' -- ''設計・開発する者の責任である'' -- あらかじめ確認する必要がある *** アクセシビリティ・サポーテッドとは? [#f9c26dc8] - 利用者の支援技術によってサポートされている技術 - 利用者が入手可能で、利用できるUA(ユーザエージェント)がある 以下の4つのうち少なくとも1つを満たす必要がある + 広く配布されているユーザエージェントでサポート + 広く配布されているプラグインでサポート + (大学、イントラなど)閉じた環境で利用可能なUAでサポート + 障害のある人でも容易に手に入れられるUAでサポート アクセシビリティサポーテッド情報の一覧(英語) http://www.w3.org/WAI/GL/WCAG20/implementation-report/html-uses-table *** 課題 [#i62cadb3] - 推奨する実装方法を統一見解として提示したい(ただし未着手) - 何をもって「アクセシビリティ・サポーテッド」とみなすか -- ブラウザ・支援技術・バージョン… - 海外と日本の違い -- Techniqueは案外記述がいい加減で大変。。 -- 海外でWCAG2.0に対応したサイトは聞かない… -- 英語圏はJAWS対応ならOK、が暗黙の了解 -- 日本はガイドラインでなくJIS=規格なので //----------------------------- ** 改正版JISの試験方法 [#m7225432] 梅垣正宏(日本障害者協議会)さんの個人的意見も含む、と前置きでの説明 - 啓蒙啓発の時代(2004)から試験・評価の時代(2010)へ - チェックは1ページ1〜2時間くらいかかる - ツールだけではチェックできない -- 検出率50%、という数字も - 自己適合宣言(Q1000) -- 試験、測定方法を明確に - ページ全体が試験にクリアしないといけない -- ページの一部だけ、はNG -- フォームであれば、入力→確認→完了の「プロセス全体」が対象 -- リンクは含まない - 「測定」「自動化試験」「観察」「資料的論拠」「専門家評価」「ユーザ評価」 -- 「資料的論拠」…テンプレートなどを使用していて、すでにほかの試験でクリアした場合 以下は渡辺昌洋さんの説明より。 |達成基準リスト|作成、表示必須| |実装チェックリスト|作成必須、表示は任意| - 実装チェックリストひな型を現在作成している - 使用されていない実装方法と達成基準は書かなくてよい - 対応するJIS項目番号を書くなど… //----------------------------- ** まとめと感想 [#hfb32d5c] - 今回のJISは、testableということで「''ちゃんとやっていることがわかるようになっている''」ので、ちゃんとやっている会社や個人がわかってしまう。→ちゃんとやっていることをアピールできる。 - WCAG2.0があるとはいえ、周辺文書の整備が膨大で大変みたいです… 英語が得意だったらなぁ… - しかしこれが整備されれば、いままでにない素晴らしいリファレンスになるので、 制作者の知識のバラツキや負担が減って、実装状況も改善されると思う。 (世の制作者はIE6だけでもウンウン言ってる現状なので…) **コメントをどうぞ [#l82307b3] - コンテンツ制作者の立場からは、JIS規格として、前提ブラウザを特定(明示)すべきと考えます。表示にバグがあるブラウザでの正しい表示を求めることが間違っており、HTML、CSS、Javascriptの文法に対して正しく動作するブラウザを指定し、そのブラウザでのコンテンツの評価を行うべきである。アクセシビリティを重視するハンデキャッパーはJIS規格に準拠したブラウザを使いなさい!とした上で、コンテンツ制作者はJIS規格に準拠したコンテンツを制作するべきなのです。例を挙げれば、IE6では正しく表示されなくてもコンテンツの責任では無いということです。バグがあるブラウザを使用している人が悪いのです。他の業界に置き換えたら分かりやすいのですが、欠陥車を運転して事故を起こした際に、「運転が下手だったから」とドライバーを責めるよりも欠陥車そのものが非難を浴びますよね。一方的にコンテンツ制作者に負担があるJIS規格だったら無いほうがマシです。 -- [[石井]] &new{2010-02-09 (火) 18:04:36}; - 実際に使用されているユーザ(障害者を含む全ての人)の環境を考慮しなけらば絵空事でしょ。 -- [[msuzuki]] &new{2010-04-22 (木) 12:26:42}; #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指針