Silverlight®で制作したリッチインターネットアプリケーション（以下、RIA）のプロトタイプを公開しています。このプロトタイプには、日立が開発したアクセシブルな汎用UI部品を実装することで、スクリーンリーダー対応を図っています。ユーザーテストを実施し、UI部品の改善も行いました。また、Silverlightによるアクセシビリティ対策の方法も提案しています。皆様からご意見をいただくことと、支援技術を開発する方の参考にしていただくことを目的に公開しています。
2011年10月31日更新
Silverlightは、米国Microsoft Corporationの米国およびその他の国における登録商標または商標です。
以下のプロトタイプは、UIオートメーションと呼ばれるアクセシビリティAPIが利用できることを前提にしてスクリーンリーダー対応を図っています。そのため、Windows XP以前では、スクリーンリーダーでは十分な情報が読み上げられない場合があります。
企業内ネットワークなどで使用するグループウェアのアプリケーションをイメージしたプロトタイプです。本プロトタイプの画面は、次の3つのエリアにより構成されています。
| 場所 | エリアの説明 | 操作可能な箇所 |
|---|---|---|
| 上部 | 画面全体の操作に関わるボタンを配置しています | 「ヘルプ」ボタンを押すとヘルプが表示されます |
| 「色カスタマイズ」ボタンを押すと色カスタマイズ機能をお試しいただくことができます | ||
| 左側 | 個人またはグループのToDoリスト、メール、スケジュールなどの各機能を選択できるメニューがあります | 個人タブの中の「ToDoリスト」を選択可能です |
| 個人タブの中の「メール」を開いた中にある「受信メール」を選択可能です | ||
| 右側 | メニューで選択した機能が表示されるコンテンツ表示エリアです | 左側のエリアで「ToDoリスト」または「受信メール」を選択すると日立が汎用部品として開発した多機能データグリッドが表示されます |
２つの階層からなるタブパネルです。多くの情報を少ない表示エリアで上手く見せることのできるUIなので、ニュースサイトなどでよく見られます。画面を見ることのできないユーザーがスクリーンリーダーで操作する際にも、２重タブの構造が伝わるような工夫をしています。
スクリーンリーダーと音声合成エンジンをインストールしなくても、操作イメージをお伝えできるよう、動画を用意しました。
本プロトタイプは、スクリーンリーダーの仮想カーソルモードは使わず、通常のモードで、Tabキーとカーソル（矢印）キーを使って操作します。
画面右側のコンテンツ表示エリアは、いくつかのブロックに分かれています。ブロックの中に入るには右のカーソルキー（矢印キー）を押して、ブロックの中に入ってください。中に入ると、さらに幾つかのブロックに分かれているので、次の通りに操作します。ただし、この仕様でユーザーテストを行った結果、スクリーンリーダーユーザーにとってユーザビリティ上の課題があることがわかりましたので、現在提案中の改善案もご参考にしていただければと思います。
| 現在のキー操作 | 今後の改善案 | |
|---|---|---|
| ブロックの中に入る | → | Tab |
| １つ後のブロック全体へ進む | Tab | Ctrl＋＞ |
| １つ前のブロック全体へ戻る | Shift＋Tab | Ctrl＋＜ |
| 現在のキー操作 | 今後の改善案 | |
|---|---|---|
| １つ後のUI要素へ進む | → | Tab |
| １つ前のUI要素へ戻る | ← | Shift＋Tab |
| １つ後のブロック全体へ進む | Tab | Ctrl＋＞ |
| そのUI要素があるブロック全体へ戻る | Shift＋Tab | Ctrl＋＜ |
3. ブロックの中のUI要素自体のキー操作方法
各UI要素のキー操作方法は、できる限り一般的なものと合わせるようにしていますが、あまり一般的とは言えないキー操作方法に関しては、当該UI要素にフォーカスがあたると、スクリーンリーダーを使用している場合にはキー操作方法が読上げられます。
2010年6月時点で、次の環境で動作確認を行いました。
| OS | Windows 7 32bit版（注） |
|---|---|
| ブラウザ | Internet Explorer 8（注） |
| プラグイン | Silverlight 3, Silverlight 4 |
| スクリーンリーダー | NVDA（NonVisual Desktop Access）2009.1と2010.1 |
http://www.microsoft.com/japan/silverlight/requirements.aspx
Windows 7、Internet Explorer 8、Silverlightは、米国Microsoft Corporationの米国およびその他の国における登録商標または商標です。
NVDAは順次日本語化されていて、日本語版には日本語音声合成エンジンがバンドルされています。日本語化されていない最新版でも、ご利用になるPCに日本語音声合成エンジンをお持ちの方は、eSpeakに加えてSAPI 4とSAPI 5の両方の音声エンジンが利用できるほか、Audiologic speech synthesizerも利用できます。また、Microsoft（マイクロソフト社）が提供しているフリーの日本語音声合成エンジンも利用可能です。
まず、次のURLで「MicrosoftSpeechPlatformSDK.msi」をダウンロードし、インストールしてください。
http://www.microsoft.com/downloads/en/details.aspx?FamilyID=1b1604d3-4f66-4241-9a21-90a294a5c9a4
次に、以下のURLで、MSSpeech_TTS_ja-JP_Haruka.msiをダウンロードして、インストールしてください。
SAPI 4とSAPI 5は、米国Microsoft Corporationの米国およびその他の国における登録商標または商標です。
株式会社日立製作所デザイン本部
アクセシビリティ関連窓口
accessibility[at]design.hitachi.co.jp
