- 追加された行はこの色です。
- 削除された行はこの色です。
#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;- 見出しや本文を適切に短くまとめるなど「わかりやすく」する?|
|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(小森)