アークウェブ
アクセシビリティ
Wiki
Web制作会社アークウェブのスタッフが、アクセシビリティに関するTips・ノウハウをまとめているWikiです
http://www.ark-web.jp/accessibility/52.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を試験してみてわかった制作上の問題点
整形ルール
竹村
中野
日本語
**導入方法 [#gfa9f64f] head内: <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="javascript/lightwindow.js"></script> <link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" /> body内: - <a>タグのclass属性にlightwindowを指定するだけ。 - 制作者(Author)を表示したい場合:author属性で制作者を指定します。 <a href="photo/001.jpg" class="lightwindow" title="富士山" author="OpenSpace"> - キャプションを表示したい場合:<a>タグにcaption属性にキャプションを指定 <a href="http://www.openspc2.org/title.gif" class="lightwindow" title="Logo" caption="ロゴです"> OpenSpaceのロゴを表示 </a> 他のサイト上にある画像も混在して表示させることもできる
タイムスタンプを変更しない
#topicpath **lightwindow2.0とは? [#b882adf3] lightwindow2.0 http://www.stickmanlabs.com/lightwindow/ 説明はここが詳しい http://journal.mycom.co.jp/articles/2007/10/02/lw/index.html **lightwindow内に表示できるもの [#wb06062f] - イメージ、外部イメージ、イメージギャラリー、複数画像同時表示のギャラリー - Flash、QucikTime、Windows Media、PDF、Flash Paper、YouTube、Flashギャラリー - Webページ(他ドメインのもの含む) - iframe - 同ページ内で指定したidの内容物 **必要なファイル [#qe579766] - css/lightwindow.css - javascript/prototype.js - javascript/scriptaculous.js - javascript/effects.js - javascript/lightwindow.js **導入方法 [#gfa9f64f] head内: <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="javascript/lightwindow.js"></script> <link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" /> body内: - <a>タグのclass属性にlightwindowを指定するだけ。 - 制作者(Author)を表示したい場合:author属性で制作者を指定します。 <a href="photo/001.jpg" class="lightwindow" title="富士山" author="OpenSpace"> - キャプションを表示したい場合:<a>タグにcaption属性にキャプションを指定 <a href="http://www.openspc2.org/title.gif" class="lightwindow" title="Logo" caption="ロゴです"> OpenSpaceのロゴを表示 </a> 他のサイト上にある画像も混在して表示させることもできる **グループ化 [#nc50b551] - グループ化するには<a>タグのrel属性に[グループ名]を指定。グループ名が同じであれば1セットとして処理される。 - カテゴリ名はPhoto、グループ名は00の例↓ <a href="photo/001.jpg" class="lightwindow" rel="Photo[00]" title="富士山"> <img src="thumb/001.jpg" width="96" height="54" alt="富士山"> </a> <a href="photo/002.jpg" class="lightwindow" rel="Photo[00]" title="夕焼け"> <img src="thumb/002.jpg" width="96" height="54" alt="夕焼け"> </a> <a href="photo/003.jpg" class="lightwindow" rel="Photo[00]" title="富山湾"> <img src="thumb/003.jpg" width="96" height="54" alt="富山湾"> </a> **キーボード操作 [#n03d137c] - 前の画像を表示:Pキー、次の画像を表示:Nキー - 閉じる:esc **日本語で表示するようにする [#y281258b] http://journal.mycom.co.jp/articles/2007/10/02/lw/005.html **細かいカスタマイズ [#b5ee7137] 位置指定、サイズ指定、複数画像同時表示の枚数指定は、aタグで個別指定できる **他のページを表示する [#c1183a3e] サイズ指定可 <a href="http://journal.mycom.co.jp/" class="lightwindow page-options" params="lightwindow_width=640,lightwindow_height=480"> **FlashムービーやQucikTimeムービー、Windows Media ムービーも同様の方法で表示 [#ye4b1cb0] <a href="movie/sample.mov" class="lightwindow page-options" params="lightwindow_width=340,lightwindow_height=260">映像を見る</a> **プログラムで制御する [#rf572e50] http://journal.mycom.co.jp/articles/2007/10/02/lw/009.html 自動的に表示する、10秒経過したら閉じるなどカスタマイズ可能?
テキスト整形のルールを表示する
アークウェブのサービスやソリューションはこちら
サービス
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指針