アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/154.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を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
**議論 [#xbe5324e] -JIS X 8341-1は「共通指針」、JIS X 8341-2は「情報処理装置」、JIS X 8341-3は「ウェブコンテンツ」を扱っているんだね。「共有指針」も余裕があれば読んだ方がよさそう。 -4.3 a)の「認知及び記憶への過度な負荷をかけずに」を筆頭に、認知に問題がある人への配慮についての記述が結構多いと思った。 -5.2 a)の「参考」で言及されている、リスト表示の“・”、“※”などはやってしまうことが多いかも。注意しないと。 --「※」は「【注意】」のなど意味で使うことが多いから、ちゃんと言葉で書くべきだろう。 -5.2 g)の例3、headセクション内のlink要素にindex、prev、nextなどのリンク型、意識してマークアップしている? --対応していると、Operaなどではナビゲーションが対応しているから便利。 --CMSなどでは対応しているケースも多い。Movable Typeのデフォルトテンプレートにも記述されている。 -5.3 b)の例4、選択肢の構造化、親選択肢に応じて子選択肢の内容が変わる場合、5.3.a)を考えると実行ボタンがあった方がいいのでは? -5.3 d)の「時間延長」、セキュリティ問題が気になるところ。「時間延長」を押しまくるスクリプトをまわしながらアタックをかけるとか? -「ログイン状況」を出しておくのは、勝手にログアウトさせられることを嫌う健常者のユーザビリティ向上にも役立つんじゃないかな? -時間制限については、Zen Cart(ECソフトウェア)でもきちんと考慮しなきゃね。サイト上にポリシーを書いておく、残り時間を示す、延長ボタンをつけるとか。 -5.3 e)、Yahoo!などのスポーツ中継のページには自動更新をやめることができる機能がある。 --止める、履歴を見ることができるなどがベターでは。 -5.3 i)、誤った操作について、付属書には「確認メールを出す」などの例もあるね。 -5.4 d)の参考、動画への字幕や状況説明(ナレーションなど?)は、「認知又は記憶に障害がある場合」にも役立つというところ、なるほど。 -5.7 a)、Flashコンテンツなど、音が自動的に再生されているが、わかりづらいケースは実際には多いよね。Flashはデザインが凝っているケースも多いし。 -5.8 b) 例2、しま、渦巻き、同心円などの規則的パターン、確かに健常者でも気分が悪くなることがある。注意すべきだろう。 -5.9 a) 例2、自然言語が切り替わるすべての箇所でp要素、q要素、span要素などで明示すべき、ってホント? --明示的に指定しておくと、音声ブラウザでの読み上げ音声が違うはずです。 --明示的に指定した場合にいろんな音声ブラウザでどうなるか、試してみたいな。 -6.1 例1「''ウェブコンテンツを自動的に生成するプログラムには、アクセス可能なウェブコンテンツを生成する機能を装備する''」は特にWebアプリを作る人にとって重要! -6.2 の参考、「ウェブブラウザなどのウェブ技術の進歩に対応し」は、できていないことが多いなぁ。 --ターゲットブラウザって下限の話はするが、「IE8が出たから積極的に対応しましょう」みたいな話はあんまりしないからなぁ。 ----
タイムスタンプを変更しない
#topicpath **このページは? [#nc57f6f3] ''高齢者・障害者等配慮設計指針─情報通信における機器、ソフトウェア及びサービス─'' ''第3部;ウェブコンテンツ (JIS X 8341-3)'' http://www.webstore.jsa.or.jp/webstore/Com/FlowControl.jsp?lang=jp&bunsyoId=JIS+X+8341-3%3A2004&dantaiCd=JIS&status=1&pageNo=0 -2008年9月8日(月)、スタッフのアクセシビリティのリテラシーを上げるため、JIS X 8341-3を皆で読み、議論する会を社内で行った。 -参加者:中野, 野島, 進地, 竹村, 八木, 志田 -文責:[[中野]] **議論 [#xbe5324e] -JIS X 8341-1は「共通指針」、JIS X 8341-2は「情報処理装置」、JIS X 8341-3は「ウェブコンテンツ」を扱っているんだね。「共有指針」も余裕があれば読んだ方がよさそう。 -4.3 a)の「認知及び記憶への過度な負荷をかけずに」を筆頭に、認知に問題がある人への配慮についての記述が結構多いと思った。 -5.2 a)の「参考」で言及されている、リスト表示の“・”、“※”などはやってしまうことが多いかも。注意しないと。 --「※」は「【注意】」のなど意味で使うことが多いから、ちゃんと言葉で書くべきだろう。 -5.2 g)の例3、headセクション内のlink要素にindex、prev、nextなどのリンク型、意識してマークアップしている? --対応していると、Operaなどではナビゲーションが対応しているから便利。 --CMSなどでは対応しているケースも多い。Movable Typeのデフォルトテンプレートにも記述されている。 -5.3 b)の例4、選択肢の構造化、親選択肢に応じて子選択肢の内容が変わる場合、5.3.a)を考えると実行ボタンがあった方がいいのでは? -5.3 d)の「時間延長」、セキュリティ問題が気になるところ。「時間延長」を押しまくるスクリプトをまわしながらアタックをかけるとか? -「ログイン状況」を出しておくのは、勝手にログアウトさせられることを嫌う健常者のユーザビリティ向上にも役立つんじゃないかな? -時間制限については、Zen Cart(ECソフトウェア)でもきちんと考慮しなきゃね。サイト上にポリシーを書いておく、残り時間を示す、延長ボタンをつけるとか。 -5.3 e)、Yahoo!などのスポーツ中継のページには自動更新をやめることができる機能がある。 --止める、履歴を見ることができるなどがベターでは。 -5.3 i)、誤った操作について、付属書には「確認メールを出す」などの例もあるね。 -5.4 d)の参考、動画への字幕や状況説明(ナレーションなど?)は、「認知又は記憶に障害がある場合」にも役立つというところ、なるほど。 -5.7 a)、Flashコンテンツなど、音が自動的に再生されているが、わかりづらいケースは実際には多いよね。Flashはデザインが凝っているケースも多いし。 -5.8 b) 例2、しま、渦巻き、同心円などの規則的パターン、確かに健常者でも気分が悪くなることがある。注意すべきだろう。 -5.9 a) 例2、自然言語が切り替わるすべての箇所でp要素、q要素、span要素などで明示すべき、ってホント? --明示的に指定しておくと、音声ブラウザでの読み上げ音声が違うはずです。 --明示的に指定した場合にいろんな音声ブラウザでどうなるか、試してみたいな。 -6.1 例1「''ウェブコンテンツを自動的に生成するプログラムには、アクセス可能なウェブコンテンツを生成する機能を装備する''」は特にWebアプリを作る人にとって重要! -6.2 の参考、「ウェブブラウザなどのウェブ技術の進歩に対応し」は、できていないことが多いなぁ。 --ターゲットブラウザって下限の話はするが、「IE8が出たから積極的に対応しましょう」みたいな話はあんまりしないからなぁ。 ---- **コメントをどうぞ [#cd1fc05e] #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指針