Website Usability Info

「WCAG 2.0」の読みかた

Thu, 05 Nov 2009 22:29:52 +0900

先のコラム記事「改正JIS X8341-3のベース「WCAG 2.0」とは？」で、WCAG 2.0（Web Content Accessibility Guidelines 2.0）についての概略を紹介しました。今回は、WCAG 2.0を読み解くにあたって知っておきたいこと（具体的に、どういったドキュメント体系になっているのか、どう読んでいくと良いか）について触れてみたいと思います。

文字拡大/縮小機能の実装を外しました

Fri, 30 Oct 2009 00:56:00 +0900

コラム記事「Webページにおける文字の拡大/縮小機能」で述べたように、当サイトでは、グローバルナビゲーションエリアに[文字拡大]、[縮小]、[標準]というリンクを設けて、文字（テキスト）のサイズを任意に設定できるようにしていました。

音声読み上げのエミュレーター「Fangs」

Mon, 26 Oct 2009 01:07:55 +0900

自分のWebサイトが、スクリーンリーダーや音声ブラウザといった支援技術でどのように読み上げられるかを確認するには、実際に支援技術を使ってみるのがもっとも確実です。ただし、サイト制作時においては、たとえば以下のようなシチュエーションで、音声読み上げ内容を視覚的に表示してみたいというニーズがあるのではないかと思います。

「モーダル」と「モードレス」

Tue, 20 Oct 2009 00:11:19 +0900

ユーザーインターフェース（UI）設計の専門用語にモーダルとモードレスという言葉があります。WebサイトのUIを検討をする上で、理解しておきたいキーワードのひとつだと思いますので、簡単に触れたいと思います。

URLにおける「www」の有無

Tue, 13 Oct 2009 23:20:42 +0900

今回は、直接的にはユーザビリティに影響しないかもしれませんが、ユーザーが安心してWebサイトを利用するための手がかりのひとつであるURL（ブラウザのアドレスバーに表示される、いわばサイトの「住所」）についてのお話です。WebサイトのURLには、ドメイン名の手前に「www」という文字列がある場合とない場合がありますね。以下のような感じです。

同一ページに共通ラベルのリンクが複数存在する場合

Thu, 08 Oct 2009 22:52:17 +0900

Webページには、共通ラベル（同じ文言）を持ったリンクが複数存在し、かつ、これらのリンクの飛び先が異なることがあると思います。主に、同じ粒度の情報が一覧表示されていて、「続きを読む」「詳しく見る」といった類のリンクがあるケースです。

画像とテキスト（文字情報）が一対になっているリンク

Sun, 04 Oct 2009 22:19:47 +0900

Webページに実装されているリンクの中には、画像とテキスト（このコラム記事では以下、HTMLテキストだけでなく画像化された文字情報も含みます）のリンクが一対になっているもの、つまり両者が隣接していて、かつリンク先が同一になっているケースをよく見かけます。たとえば、テキストリンクにアイキャッチャーとなるアイコンが付随している場合や、テキストリンクを補足するイメージ写真が付いている場合、などです。たとえば、以下のような例があります。

「スキップナビゲーション」を実装する

Tue, 29 Sep 2009 00:24:36 +0900

スキップナビゲーションとは、Webページの冒頭（ナビゲーションメニューの手前）に設置されたページ内リンクのことで、そのリンク箇所で[Enter]キーを押す（あるいはクリックする）と、ナビゲーションメニューを通り越して、本文が始まる位置にジャンプすることができる機能です。「JIS X 8341-3：2009」の改正原案で「ブロック・スキップ」と呼ばれているものです（項目番号7.2.4.1）。

ユーザー側から見たファビコン（Favicon）の意義

Wed, 23 Sep 2009 00:43:50 +0900

ファビコン（Favicon）とは、Webサイト（ホームページ）をブラウザで開いたときにアドレスバーに表示される、アイコンのことです。当サイトでも、オリジナルのファビコンを実装してみました。

Twitterを始めました

Fri, 18 Sep 2009 23:06:53 +0900

このたび、Twitterで、試験的にではありますが、当サイトの最新情報をお届けすることにしました。

キーボード操作におけるフォーカスの可視化

Sun, 13 Sep 2009 23:10:35 +0900

Webサイト（ホームページ）を閲覧する際、リンクやフォーム要素（テキスト入力欄やチェックボックス、ラジオボタン、ドロップダウンリスト、サブミットボタンなど）を操作するのに、マウスではなくキーボードを使うケースがあります。音声読み上げの支援技術を使用している視覚障碍者はもちろんのこと、晴眼者であっても怪我や障碍によってマウスが使えないユーザーは少なくありません。アクセシビリティの面で考えると、Webページは（マウスを使わなくても）キーボードのみで操作できることが重要です。

Jacob Nielsenの「10のガイドライン（Ten Usability Heuristics）」

Tue, 08 Sep 2009 23:23:24 +0900

コラム記事「ヒューリスティック評価の99パーセントは間違い？」を読んだ読者の中には、いわゆる「10のガイドライン（Ten Usability Heuristics）」自体が役に立たないものという誤解を受けた方もいらっしゃるかもしれません。実際に読んでいただければ「10のガイドライン（Ten Usability Heuristics）」は簡潔で優れた指針だ言えます。せっかくなのでこの機会に、わかりやすく（私のほうで意訳してみましたので）ご紹介したいと思います。

ヒューリスティック評価の99パーセントは間違い？

Wed, 02 Sep 2009 21:43:47 +0900

何やら刺激的なタイトルでビックリですが、「Web担当者フォーラム」というサイトで連載している「HCD-Net通信」の記事で採り上げられていた記事ですので、かいつまんでご紹介したいと思います。

ユーザビリティの評価手法（その3）：認知的ウォークスルー

Wed, 26 Aug 2009 23:14:57 +0900

ユーザビリティの評価手法として以前、ヒューリスティック評価とユーザビリティテストをご紹介しましたが、今回はもうひとつ、認知的ウォークスルーという手法をご紹介したいと思います。

ユーザビリティは前例主義であるべきか？

Sun, 23 Aug 2009 20:50:14 +0900

一般的に、ユーザビリティを意識してユーザーインターフェース（UI）を設計する際には、前例（慣習）に従うのが良いとされることが多いです。これには理由があって、ユーザーの頭の中で構築されたメンタルモデルに適合しやすいからです。