アークウェブ
Webデザイン
SandBox
Web制作会社アークウェブのスタッフが、デザインのTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
http://www.ark-web.jp/sandbox/design/wiki/257.html
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
Adobe MAX Japan 2009 2日目レポート
Ajax/角丸ライブラリ
AsEventListener
ComponentExplorer
Flex/Flash Catalyst βを試す
FormatDate
FrontPage
Google Browser Size でファーストビューをチェック
InterWikiName
JavaScript
MT/管理画面/テンプレートのオーバーライド
MenuBar
PHP
PukiWiki
RecentDeleted
SandBox
WebデザイナーにもわかるFlex画面デザイン(1)
WebデザイナーにもわかるFlex画面デザイン(2)
WebデザイナーにもわかるFlex画面デザイン(3)
WebデザイナーにもわかるFlex画面デザイン(4)
WebデザイナーにもわかるFlex画面デザイン(5)
WikiName
WikiWikiWeb
YukiWiki
Zen Cart/tips
event/POINT OF VIEW 第0回
event/インクルーシブデザインワークショップ
iPad/iPadにだけCSS付与するには
jQuery
jQuery/ECサイトで使ってみたいプラグイン
tag
イテレーション1
サンプル
タグ/PGP
パフォーマンス改善/Bookmark
ヘルプ
志田
小沼
進地
整形ルール
斉藤
大家メモ
大家メモ/MAMP/MAMP環境でのPHPエラー表示
大家メモ/MAMP/Mac OSXローカルにMAMPでサイト制作環境を構築
竹村
中野
日本語
八木
勉強会
勉強会/アクセシビリティ勉強会@2008.01.29
勉強会/アクセシビリティ勉強会@2008.01.22
タイムスタンプを変更しない
#topicpath *アクセシビリティとは? [#u0da5e24] -さまざまなシステムへの、アクセスしやすさ、接近可能性などの度合いを示す言葉である。「すべての人と情報の共有が可能であれ」(@wikipedia) - 「access」「bility」 - アクセスできる・アクセスしやすさ。''「誰もが使える」'' - ''アクセスできない人もいるってこと!'' - ユーザビリティ(使いやすさ)とは違うもの。 *ユーザ像 [#j5c745f5] **どれくらいいるの? [#b25cbc12] - http://www8.cao.go.jp/shougai/whitepaper/h18hakusho/zenbun/honpen/zu_01_27.html - http://www2.nict.go.jp/tao/sien/barrierfree/statistics/communication/hc_internet.htm -- 「身体障害者」30万のうち、半分程度がネット使用者、であるならば結構な人数。 -- シニアも入れると、無視できない。 **障害の種類 [#la374fa4] 以下のような内容が考えられる。 |老眼|小さな文字が見づらい|- フォントサイズは可変にする(少なくともコンテンツ部分は可変)&br;- 可変サイズで対応できるデザインにする| |視覚障害(全盲)|視力がまったく/ほとんどない&br;音声読み上げソフトや、点字ディスプレイを使用|- 見出しは<h1><h2>などで見出しとしてマークアップする&br;- 冒頭にスキップナビゲーションの配置&br;- altをつける、意味に応じて書き換える&br;- 色の識別ができなくても理解できるように文言を工夫&br;- スタイルシートをはずしてチェックをする&br;- キーボードのみでも操作可能にする&br;- 音声ブラウザ(ex.IBM HomePageReader)での読み上げテストを実施する(※)&br;- もしくは、専用ページを用意する(※)| |視覚障害(弱視)|眼鏡・コンタクトレンズによる矯正視力が0.3未満&br;特別なソフトで画面を拡大して閲覧|- フォントサイズは可変にする&br;- 可変サイズで対応できるデザインにする&br;- 画像によるテキスト表現は避け、テキスト主体にする&br;- デザイン時に画面・色のコントラストに注意する&br;- もしくは、専用ページを用意する(※)| |視覚障害(色盲)|色の区別がつかない、つけづらい|- 文字色・背景色の組み合わせに注意する&br;-色のみの情報伝達をしない| |聴覚障害|聴力に障害がある|- とくになし?&br;- 音声のみの情報提供・アラートなどは使用しない。文字情報と併用する。| |運動障害(マウス操作が困難)|手が不自由、または震えて細かい操作がしにくい&br;特殊なキーボード、スティックや声で操作|- キーボードのみでも操作可能にする&br;- ボタンは選択しやすいよう大きく| |認知障害|失語、失行、失読、失認、注意集中力障害など| -??(具体的な施策不明)&br;- 見出しや本文を適切に短くまとめるなど「わかりやすく」する?| |JSオフ、CSSオフ、Flash未インストール||(「すべての人にアクセシブル」という意味ではこれらも含まれる)| *たとえば、フォーム [#ra02733a] -アクセシビリティTIPS【入力フォーム編】 入力しやすいフォームを作る - [儲かるWebプロデュース]All About --http://allabout.co.jp/career/webproduce/closeup/CU20031109A/index2.htm - 入力フォームのユーザビリティ&アクセシビリティ -- http://cyberniko.jp/hal/web/form つづく! #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指針