2006年02月14日 - ニュース過去ログ
ニュース過去ログ
2006/02/14
三井住友銀行のアクセシビリティガイドラインが感動的
(管理人日記)
こんなものがありました。内容があまりにすばらしくて感動してしまいました。セキュリティ教室は全てのWeb利用者に読んで欲しい勢いですが、このアクセシビリティガイドラインは全てのWeb開発者に読んで欲しいかも。
実際の三井住友銀行のサイトの作りは、まあギリギリっていう感じでもありますし、横幅固定だったりとかclass属性の名前が微妙だったりもします。きっとこのガイドライン、書いてることは間違ってないけど、書き足りないことがいくつかあるんだろうなぁ。
銀行ってのはみんなこれくらいちゃんとやってるものなのか。ていうかやってないでしょ。銀行に限らず、多くの場合にとても参考になることばっかりだと思います。
いくつか特に注目したい項目をコメント付きでリンクしてみます。ホントは全部が注目ですが。
- 07. 特定のデバイス（マウス等）に依存しないよう設計する、少なくともキーボードによってすべての操作を可能にする。 ケータイのフルブラウザには大抵マウスは無いし
- 08. ユーザーが混乱したり、操作できなくなるような手法(新しいウィンドウを開く、自動的に移動する、時間制限を設ける)は用いないか、予告する、あるいは解除できるようにする。 勝手に別ウィンドウで開くのって、ちっとも便利じゃない
- 09. 特定の感覚（視覚だけ、聴覚だけ、色覚だけ等）に依存しないよう設計する。 モノクロ印刷するとワケわかんなくなるサイトって多い
- 10. 入力フォーム等において、ユーザーの負担を最小限にする。 「
個人情報保護の観点からも、サービスに必要のない情報の収集は避けるようにします。
」すばらしい - 13. ブラウザの基本的な機能を無効にしたり（右クリックの禁止等）、アドレスバー、ステータスバー等のコントロールを変更しないようにする。 イマドキこれ知らない人は失格
- 15. ページのタイトル(title要素)は、ユーザーがページの内容と役割を識別できるものを付ける。 お気に入りとかGoogle検索結果でタイトルは大事
- 16. 見出し、段落、リスト等の要素を用いて文書の構造を適切に指定する。 プロでもここはサボる人がかなり多い
- 17. 見栄えのために本来の要素（文法）と違ったマークアップをしない。本来の要素とは違うマークアップをする場合は、意味が正しく通じるようにする。 blockquoteはホントやめて
- 18. 文字サイズ、フォントをユーザーが変更できるようにする。 どんな大先生がデザインしたか知らないけど、フォントサイズ固定は最低
- 19. 画像には、前後の文脈やビジュアルの意味、読み上げ環境等に考慮して、適切な代替テキストを指定する。 画像の題名じゃなくて代替テキストだよ
- 22. フォームはラベルとコントロールを正しく関連付ける。 label要素を知らない人って意外と多い。見よう見まねなんだろうな。
- 27. リンクテキストはユニークで、明解なものにする。 くわしくはコチラ！は馬鹿
- 28. 見栄えのためだけの要素、廃止される要素は用いない（見栄えの定義にはできる限りスタイルシートを用いる）。 廃止要素をわざわざ使う人って、何も知らないんだと思う
- 30. フレームはできる限り用いないようにする。用いる場合は各フレームに分かりやすいタイトルをつけ、フレーム未対応環境でもアクセスできるようにする。 「
フレーム対応のブラウザでご覧ください。
」は残酷だよねぇ - 34. 見栄えの調整等のために日本語（単語）の分割をしない。 あるあるある。これのドコがカッコイイんだか
- 35. 色や形・位置に依存した文章としないようにする。 あるあるある。
- 45. 色だけに依存した表現によって情報を提供しない。 あーあるあるある。
- 46. 形や位置だけに依存した表現によって情報を提供しない。 これもあるなー。ていうかあるあるネタ化してきた。
- 59. できる限り自動的にムービーや音を再生しない。自動的に再生する場合には、再生していることがわかるようにし、ユーザーが再生を止められるようにする。 いきなり音がでるサイトはアピールの仕方を間違ってるよね
「良い例」「悪い例」など、かなり具体的に図入りで説明してるほか、読み上げブラウザや画面が狭い環境の人などの現実まで添えてあって、なかなか問題点を理解しやすい。ダメなサイトを作ってる人も、「いますぐ対策しなきゃ」と思えるんじゃないでしょうか。これ見ても「そんな環境の人は稀だから対応しなくていいや」とか言っちゃえる人は、ほんとその仕事しないで下さい。ってのは言い過ぎか。いや、仕事なんだからやれよと。
最新の関連記事
-
2007/07/24
Advanced / W-ZERO3 [es]の通信まわりいろいろ(管理人日記)
-
2007/04/25
904iの発表だとか記事だとかいろいろ読んだ感想(管理人日記)
-
2006/09/11
パスワードを盗む新たなスパイウエア，キーボード入力を動画として保存(ITpro)
-
2006/09/11
livedoorの登録情報変更画面は、どこが必須かの説明もないのに必須項目を全て入力しないと戻ることすらできない(管理人日記)
-
2006/07/31
KDDI、グリーに第三者割当で出資。携帯電話向けSNSを本格展開(INTERNET Watch)
直後の関連記事
-
2006/07/03
livedoor クリップのtitle要素はログインして自分のクリップを開いてるときだけわかりやすい(管理人日記)
-
2006/04/14
「三井住友銀行」名義のメールに電子署名、国内の大手行では初めて(INTERNET Watch)
-
2006/03/26
長いページ(管理人日記)
-
2006/03/08
三井住友銀行がコンビニATMに日立の指静脈認証を導入(IT Pro)
-
2006/03/03
30インチのApple Cinema HD DisplayでGoogle Local(管理人日記)
