勉強会/アクセシビリティ勉強会＠2008.01.22 http://www.ark-web.jp/sandbox/design/wiki/257.html
アクセシビリティとは？ †
- さまざまなシステムへの、アクセスしやすさ、接近可能性などの度合いを示す言葉である。「すべての人と情報の共有が可能であれ」（@wikipedia）
- 「access」「bility」
- アクセスできる・アクセスしやすさ。「誰もが使える」
- アクセスできない人もいるってこと！
- ユーザビリティ（使いやすさ）とは違うもの。
ユーザ像 †
どれくらいいるの？ †
- 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万のうち、半分程度がネット使用者、であるならば結構な人数。
- シニアも入れると、無視できない。
障害の種類 †
以下のような内容が考えられる。
| 老眼 | 小さな文字が見づらい | - フォントサイズは可変にする（少なくともコンテンツ部分は可変） - 可変サイズで対応できるデザインにする |
| 視覚障害（全盲） | 視力がまったく/ほとんどない 音声読み上げソフトや、点字ディスプレイを使用 | - 見出しは<h1><h2>などで見出しとしてマークアップする - 冒頭にスキップナビゲーションの配置 - altをつける、意味に応じて書き換える - 色の識別ができなくても理解できるように文言を工夫 - スタイルシートをはずしてチェックをする - キーボードのみでも操作可能にする - 音声ブラウザ（ex.IBM HomePageReader?）での読み上げテストを実施する（※） - もしくは、専用ページを用意する（※） |
| 視覚障害（弱視） | 眼鏡・コンタクトレンズによる矯正視力が0.3未満 特別なソフトで画面を拡大して閲覧 | - フォントサイズは可変にする - 可変サイズで対応できるデザインにする - 画像によるテキスト表現は避け、テキスト主体にする - デザイン時に画面・色のコントラストに注意する - もしくは、専用ページを用意する（※） |
| 視覚障害（色盲） | 色の区別がつかない、つけづらい | - 文字色・背景色の組み合わせに注意する -色のみの情報伝達をしない |
| 聴覚障害 | 聴力に障害がある | - とくになし? - 音声のみの情報提供・アラートなどは使用しない。文字情報と併用する。 |
| 運動障害（マウス操作が困難） | 手が不自由、または震えて細かい操作がしにくい 特殊なキーボード、スティックや声で操作 | - キーボードのみでも操作可能にする - ボタンは選択しやすいよう大きく |
| 認知障害 | 失語、失行、失読、失認、注意集中力障害など | -？？（具体的な施策不明） - 見出しや本文を適切に短くまとめるなど「わかりやすく」する？ |
| JSオフ、CSSオフ、Flash未インストール | （「すべての人にアクセシブル」という意味ではこれらも含まれる） |
たとえば、フォーム †
- アクセシビリティTIPS【入力フォーム編】 入力しやすいフォームを作る - ［儲かるWebプロデュース］All About
- 入力フォームのユーザビリティ&アクセシビリティ
つづく！
Menu
Movable Type用プラグイン Aシリーズ
ECサイト構築 Zen Cartハイエンド
Tag
最新の20件
2017-05-12
2015-07-11
2010-09-09
2010-07-29
2009-12-17
2009-12-07
2009-11-04
2009-10-29
2009-10-13
2009-07-09
2009-06-18
2009-04-03
2009-03-08
2009-02-11
2009-01-15
2008-11-20
2008-10-16
2008-10-09
- 勉強会/アクセシビリティ勉強会＠2008.01.22
ARK-Webビジネスブログの最新記事
- Zen Cartのセキュリティー保守・脆弱性パッチ適用などでお困りなら
- コンテンツ・マーケティング：ダイナミックコンテンツ、スマートコンテンツという潮流
- 新年あけましておめでとうございます（2014年最初のご挨拶）
- 年末年始の休業期間のお知らせ（2013年〜2014年）
- Zen Cartハイエンド版のモジュール：social_buttonsによりコンテンツを共有する
- 「Zen Cartのカスタマイズ」ページを公開しました
- Zen Cartハイエンド版のモジュール：am_ajax_addressで郵便番号による住所自動入力をサポート
- 北米NGO/NPOの７割はコンテンツマーケティングを去年より強化、第一目的はファンドレイジング、Facebookをよく使う（CMIのレポートから）
- Zen Cart1.3.0.2 EUC-JP版とPHP5.4の組み合わせで日本語（マルチバイト文字）が表示されない障害
- 【Movable Type】MT6の最新情報と活用ポイント紹介のセミナーに登壇します
- 【消費税増税】Zen Cartで消費税を変更するには：1.3.0.2系と1.5.1系の場合
- 【脆弱性対応】A-Form 3.7.7 / A-Member 3.7.7 / A-Reserve 3.7.7をリリースしました。
- 【重要なお知らせ】MTプラグインA-Form・A-Member・A-Reserveの脆弱性について（2013年10月11日 三版）
- Zen Cartハイエンド版のモジュール：product_csvで商品データの一括インポート・一括エクスポートをする
- NGO、NPOや震災被災企業・団体の方へ：弊社MTプラグインがすべて「無償」になりました