Website Usability Info

「アクセシビリティ・サポーテッド」という考え方

Thu, 04 Feb 2010 06:32:17 +0900

Webアクセシビリティの標準指針である、W3C（World Wide Web Consortium）の「WCAG 2.0（Web Content Accessibility Guidelines 2.0）」および日本の「JIS-X:8341-3:2009（2010年に改訂される予定の公開レビュー版）」では、「アクセシビリティ・サポーテッド（Accessibility Supported）」という用語が見られます。見慣れない用語なので読んでいて戸惑うかもしれませんが、アクセシビリティを実効的なものにするための重要な概念だと思いますので、簡単にご紹介したいと思います。

ユーザーの「実際の横幅」を知る

Thu, 28 Jan 2010 06:59:05 +0900

ご自分のサイトがユーザーのブラウザにおいて、実際にどのくらいの横幅で閲覧されているかを知ることは、ユーザーインターフェースを設計をする上でとても興味深い事項ですね。今回は、閲覧ブラウザの横幅のデータを自動的に集積してくれるツール、BROWSIZEをご紹介します。

Web Designing 誌に寄稿しました（Ajax時代のユーザビリティ）

Wed, 20 Jan 2010 06:25:44 +0900

毎日コミュニケーションズ「Web Designing（ウェブデザイニング）」誌の2010年2月号にて、記事を執筆させていただきました。テーマは、Ajaxにおけるユーザビリティです。「Ajax時代のユーザビリティ 30のポイント」という特集の中で、「レイヤー型ポップアップ」の項を担当させていただきました。

Ajaxで動画をポップアップ

Thu, 14 Jan 2010 06:42:12 +0900

先に公開したコラム記事「Ajaxによる画像の拡大」で、画像拡大のAjaxポップアップの例として、Highslide JSというライブラリーを使用しました。今回は、このHighslide JSを用いて、動画のポップアップ表示について触れたいと思います。

お問い合わせフォームのAjaxサービス「VisitorContact」

Thu, 07 Jan 2010 07:03:49 +0900

お問い合わせフォームをAjaxのポップアップで表示できる面白いサービスがありますので、ご紹介したいと思います。「VisitorContact」というサービスです。

だれもが使えるウェブコンクール

Wed, 23 Dec 2009 06:28:52 +0900

NPO法人「ハーモニー・アイ」さんが主催する、「みんなの声で選ぼう！だれもが使えるウェブコンクール」というコンクールがあります。アクセシビリティの観点で優れたサイトを発掘、表彰し、良い事例を広めてゆこう、というものです。

ユーザーはちゃんとスクロールする？

Mon, 21 Dec 2009 06:36:52 +0900

456 Berea Streetという、主にWeb標準やアクセシビリティ、ユーザビリティに関する話題を簡潔にまとめて発信しているスウェーデン発のサイトがあります。その中に、「Don't fear the fold -- people do scroll」という興味深い記事がありました。Webユーザーはちゃんとスクロールしてくれるもだから、「fold」を恐れるな、というものです。

パンくずリストを音声読み上げ対応に

Sun, 13 Dec 2009 21:12:06 +0900

パンくずリストとは、Webサイト内のそのページの現在位置を示すナビゲーションです。

ホーム＞犬＞ミニチュアダックスフンド

上記のようなスタイルで、Webページの上のほうに表示されるのが一般的です（この例でいうと、「ホーム」と「犬」にはリンクが貼られているケースが多く、上位階層に簡単に移動できます）。童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたという故事が由来のようです。

百見は一聴に如かず

Sun, 06 Dec 2009 23:53:58 +0900

面白い記事タイトルだなと思ってご一読いただければ幸いですが、Webページの音声読み上げをチェックする場合は、スクリーンリーダーや音声ブラウザで実際に読み上げてみましょう（ちゃんと「聴いて」みましょう）というお話です。

テキストブラウザを使ってみよう

Sat, 21 Nov 2009 21:50:10 +0900

皆さんは、「テキストブラウザ」をご存知でしょうか？名前の通り、Webページをテキスト（文字）のみで表示するブラウザのことです。画像や、Flashなどのオブジェクトは表示せず、CSSやJavaScriptも扱わないので、一般的なブラウザ（IE、Firefox、Opera、Safariなど）に比べると表示されるページの見栄えやインタラクションのリッチさという点では劣るものの、その分、軽快でサクサク動くという利点があります。

ユーザビリティの側面からURLを考えてみる

Sat, 14 Nov 2009 00:59:19 +0900

URLとは、ブラウザのアドレスバーに表示される文字列で、簡単に言うと「どのWebページを開くか」を示したものです。このURL、何気なくWebユーザビリティに影響しているので、今回は、ユーザビリティという側面からURLのあり方について考えてみたいと思います。

「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を検討をする上で、理解しておきたいキーワードのひとつだと思いますので、簡単に触れたいと思います。