チュートリアル : ユーザー補助対応の Windows ベースのアプリケーションの作成

[アーティクル]
08/09/2011

ユーザー補助対応のアプリケーションを作成することは、ビジネスの点からみても重要な意味があります。米国を含む多くの国には、アプリケーションにユーザー補助機能を義務付けている法律があります。また、Windows ロゴプログラムにもユーザー補助の要件があります。ソフトウェアのユーザー補助を必要とするユーザーの数は米国だけでも 3,000 万人と推定され、その多くが今後顧客となる可能性があります。

このチュートリアルでは、Windows ロゴプログラムのユーザー補助に関する 5 つの要件について説明します。ユーザー補助機能の要件は以下のとおりです。

コントロールパネルのサイズ、色、フォント、入力の各設定をサポートする。ユーザーがコントロールパネルの設定を変更すると、メニューバー、タイトルバー、境界線、およびステータスバーのサイズが自動的に変更されます。このアプリケーションでは、コントロールやコードに対する追加の変更は必要ありません。
ハイコントラストモードをサポートする。
すべての機能への公開されたキーボードアクセスが用意されている。
キーボードフォーカスの位置が視覚的に示され、プログラムで公開されている。
重要な情報をサウンドだけで伝達しない。

詳細については、「ユーザー補助アプリケーションのデザインリソース」、MSDN オンラインの Certified for Windows プログラム Web ページ (https://www.microsoft.com/japan/msdn/certification/default.asp)、および Designed for Windows XP ロゴプログラム Web ページ (https://go.microsoft.com/fwlink/?linkid=9775) を参照してください。

キーボードレイアウトの変更をサポートする方法については、「推奨される国際対応アプリケーション開発手順」を参照してください。

プロジェクトの作成

このチュートリアルでは、ピザの注文を受け付けるアプリケーションのユーザーインターフェイスを作成します。このインターフェイスは、顧客の名前を入力する TextBox、ピザのサイズを選択する RadioButton グループ、トッピングを選択する CheckedListBox、[注文] と [キャンセル] というラベルの付いた 2 つの Button コントロール、および [終了] コマンドを含む Menu で構成されます。

ユーザーは、顧客の名前、ピザのサイズ、および希望のトッピングを入力します。ユーザーが [注文] をクリックすると、メッセージボックスに注文内容の一覧と価格が表示され、コントロールに入力した内容は消去されて次の注文を受け付ける状態になります。ユーザーが [キャンセル] をクリックすると、コントロールに入力した内容は消去されて次の注文を受け付ける状態になります。ユーザーが [終了] をクリックすると、プログラムは終了します。

このチュートリアルは、小売り注文システムのコードではなく、ユーザーインターフェイスのユーザー補助に重点を置いています。このチュートリアルでは、ボタン、オプションボタン、テキストボックス、ラベルなど、頻繁に使用されるコントロールのユーザー補助機能について例を示しながら説明します。

アプリケーションの作成を開始するには

Visual Basic または Visual C# で新しい Windows アプリケーションを作成します。プロジェクトの名前は PizzaOrder にします。詳細については、「ソリューションおよびプロジェクトの新規作成」を参照してください。

フォームへのコントロールの追加

フォームにコントロールを追加するときには、ユーザー補助アプリケーションの作成に関する次のガイドラインを考慮してください。

AccessibleDescription プロパティおよび AccessibleName プロパティを設定します。この例では、AccessibleRole の設定を Default にしておきます。ユーザー補助プロパティの詳細については、「Windows フォーム上のコントロールのユーザー補助情報の提供」を参照してください。
フォントサイズを 10 ポイント以上に設定します。

注意

メモ起動時にフォームのフォントサイズを 10 に設定した場合、それ以降フォームに追加されるすべてのコントロールのフォントサイズが 10 になります。
TextBox コントロールを説明する Label コントロールのタブオーダーが、TextBox コントロールの直前になるようにします。
ユーザーが使用する可能性のあるコントロールの Text プロパティに、"&" 文字を使用してアクセスキーを追加します。
ユーザーが使用する可能性のあるコントロールの直前にあるラベルの Text プロパティに、文字 "&" を使用してアクセスキーを追加します。ラベルの UseMnemonic プロパティを true に設定して、ユーザーがアクセスキーを押すとフォーカスがタブオーダーの次のコントロールに移動するようにします。
すべてのメニュー項目にアクセスキーを追加します。

Windows アプリケーションをユーザー補助対応にするには

フォームにコントロールを追加し、次のようにプロパティを設定します。表の後にある図に、フォーム上でどのようにコントロールを配置するかのモデルを示します。

オブジェクト	プロパティ	値
Form1	AccessibleDescription	注文フォーム
	AccessibleName	注文フォーム
	Font Size	10
	Text	ピザ注文書
PictureBox	Name	ロゴ
	AccessibleDescription	ピザのスライス。
	AccessibleName	会社のロゴ
	Image	任意のアイコンまたはビットマップ
Label	Name	companyLabel
	Text	おいしいピザ
	TabIndex	1
	AccessibleDescription	会社名
	AccessibleName	会社名
	Backcolor	青
	Forecolor	黄
	Font Size	18
Label	Name	customerLabel
	Text	名前(&N)
	TabIndex	2
	AccessibleDescription	顧客名ラベル
	AccessibleName	顧客名ラベル
	UseMnemonic	True
TextBox	Name	customerName
	Text	(なし)
	TabIndex	3
	AccessibleDescription	顧客名
	AccessibleName	顧客名
GroupBox	Name	sizeOptions
	AccessibleDescription	ピザのサイズの選択肢
	AccessibleName	ピザのサイズの選択肢
	Text	サイズ
	TabIndex	4
RadioButton	Name	smallPizza
	Text	スモール $6.00 (&S)
	Checked	True
	TabIndex	0
	AccessibleDescription	ピザ (スモール)
	AccessibleName	ピザ (スモール)
RadioButton	Name	largePizza
	Text	ラージ $10.00 (&L)
	TabIndex	1
	AccessibleDescription	ピザ (ラージ)
	AccessibleName	ピザ (ラージ)
Label	Name	toppingsLabel
	Text	トッピング ($0.75/1 種類) (&T)
	TabIndex	5
	AccessibleDescription	トッピングラベル
	AccessibleName	トッピングラベル
	UseMnemonic	True
CheckedListBox	Name	トッピング
	TabIndex	6
	AccessibleDescription	選べるトッピング
	AccessibleName	選べるトッピング
	Items	ペペロニ、ソーセージ、マッシュルーム
Button	Name	注文
	Text	注文(&O)
	TabIndex	7
	AccessibleDescription	注文の合計
	AccessibleName	注文合計
Button	Name	キャンセル
	Text	キャンセル(&C)
	TabIndex	8
	AccessibleDescription	注文のキャンセル
	AccessibleName	注文キャンセル
MainMenu	Name	theMainMenu
MenuItem	Name	fileCommands
	Text	ファイル(&F)
MenuItem	Name	exitApp
	Text	終了(&X)

フォームの外観は次のようになります。

ピザオーダーフォーム

ハイコントラストモードのサポート

ハイコントラストモードは、視覚に障害を持つユーザーのために、色とフォントサイズのコントラストを強めて見やすさを向上させる Windows のシステム設定です。ハイコントラストモードを設定するかどうかは、SystemInformation.HighContrast プロパティを使用して決定します。

SystemInformation.HighContrast が true の場合、アプリケーションは次のように動作します。

すべてのユーザーインターフェイス要素をシステムの配色で表示します。
色によって伝達される情報を色以外の視覚的な手掛かりまたはサウンドを使って伝達します。たとえば、一覧の中で特定の項目が赤いフォントで強調表示されている場合は、フォントに太字を追加して、項目が強調表示されていることを色以外の手掛かりでユーザーに知らせることができます。
テキストの後ろにあるイメージやパターンは削除します。

アプリケーションは、起動時に HighContrast の設定を確認し、システムイベント UserPreferenceChanged に応答する必要があります。 HighContrast の値が変更されると、UserPreferenceChanged イベントが発生します。

このチュートリアルで取り上げているアプリケーションでは、色に対してシステム設定を使用していない要素は lblCompanyName だけです。ラベルの色設定をユーザーが選択したシステムカラーに変更するには、SystemColors クラスを使用します。

ハイコントラストモードを効果的に有効にするには

ラベルの色をシステムカラーに設定するメソッドを作成します。

' Visual Basic
Private Sub SetColorScheme()
   If SystemInformation.HighContrast Then
      companyLabel.BackColor = SystemColors.Window
      companyLabel.ForeColor = SystemColors.WindowText
   Else
      companyLabel.BackColor = Color.Blue
      companyLabel.ForeColor = Color.Yellow
   End If
End Sub

// C#
private void SetColorScheme()
{
   if (SystemInformation.HighContrast)
   {
      companyLabel.BackColor = SystemColors.Window;
      companyLabel.ForeColor = SystemColors.WindowText;
   }
   else
   {
      companyLabel.BackColor = Color.Blue;
      companyLabel.ForeColor = Color.Yellow;
   }
}

フォームコンストラクター (Visual Basic では Public Sub New() 、Visual C# では public class Form1 ) で SetColorScheme プロシージャを呼び出します。 Visual Basic でコンストラクターにアクセスするには、[Windows フォームデザイナーで生成されたコード] というラベルの付いた領域を展開する必要があります。
```
' Visual Basic 
Public Sub New()
   MyBase.New()
   InitializeComponent()
   SetColorScheme()
End Sub

// C#
public Form1()
{
   InitializeComponent();
   SetColorScheme();
}
```

適切なシグネチャを使用して、UserPreferenceChanged イベントに応答するイベントプロシージャを作成します。

' Visual Basic
Protected Sub UserPreferenceChanged(ByVal sender As Object, _
ByVal e As Microsoft.Win32.UserPreferenceChangedEventArgs)
   SetColorScheme()
End Sub

// C#
public void UserPreferenceChanged(object sender, 
Microsoft.Win32.UserPreferenceChangedEventArgs e)
{
   SetColorScheme();
}

フォームコンストラクターで、 InitializeComponents の呼び出しの後に、イベントプロシージャをシステムイベントにフックするコードを追加します。このメソッドは、 SetColorScheme プロシージャを呼び出します。

' Visual Basic
Public Sub New()
   MyBase.New()
   InitializeComponent()
   SetColorScheme()
   AddHandler Microsoft.Win32.SystemEvents.UserPreferenceChanged, _
      AddressOf Me.UserPreferenceChanged
End Sub

// C#
public Form1()
{
   InitializeComponent();
   SetColorScheme();
   Microsoft.Win32.SystemEvents.UserPreferenceChanged 
      += new Microsoft.Win32.UserPreferenceChangedEventHandler(
      this.UserPreferenceChanged);
}

フォームの Dispose メソッドで、基本クラスの Dispose メソッドの呼び出しの前に、アプリケーションの終了時にイベントを解放するコードを追加します。 Visual Basic で Dispose メソッドにアクセスするには、[Windows フォームデザイナーで生成されたコード] というラベルの付いた領域を展開する必要があります。

注意

メモシステムイベントコードは、メインアプリケーションとは別のスレッドを実行します。イベントを解放しないと、イベントにフックしたコードがプログラムの終了後も動作し続けます。

' Visual Basic
Protected Overloads Overrides Sub Dispose(ByVal disposing As Boolean)
   If disposing Then
      If Not (components Is Nothing) Then
         components.Dispose()
      End If
   End If
   RemoveHandler Microsoft.Win32.SystemEvents.UserPreferenceChanged, _
      AddressOf Me.UserPreferenceChanged
   MyBase.Dispose(disposing)
End Sub


// C#
protected override void Dispose( bool disposing )
{
   if( disposing )
   {
      if (components != null) 
      {
         components.Dispose();
      }
   }
   Microsoft.Win32.SystemEvents.UserPreferenceChanged 
      -= new Microsoft.Win32.UserPreferenceChangedEventHandler(
      this.UserPreferenceChanged);
   base.Dispose( disposing );
}

F5 キーを押してアプリケーションを実行します。

サウンド以外の手段による重要な情報の伝達

このアプリケーションには、サウンドだけで伝達される情報はありません。アプリケーションでサウンドを使用する場合は、同じ情報を他の手段でも提供する必要があります。

サウンド以外の手段で情報を伝達するには

Windows API 関数 FlashWindow を使用してタイトルバーを点滅させます。 Windows API 関数を呼び出す方法の例については、「チュートリアル : Windows API の呼び出し」を参照してください。

注意

メモユーザーが Windows の SoundSentry サービスを有効にしている場合は、コンピューターの内蔵スピーカーを通じてシステムサウンドが再生されると、ウィンドウが点滅します。
重要な情報はモーダルでないウィンドウで表示し、ユーザーがそれに応答できるようにします。詳細については、「Windows フォームのモーダルおよびモードレスでの表示」を参照してください。
キーボードフォーカスを取得するメッセージボックスを表示します。ユーザーが文字を入力している可能性がある場合は、この方法を使わないでください。
タスクバーのステータス通知領域にステータスインジケーターを表示します。詳細については、「Windows フォームの NotifyIcon コンポーネントによるタスクバーへのアプリケーションアイコンの追加」を参照してください。

アプリケーションのテスト

アプリケーションを配置する前に、実装したユーザー補助機能をテストします。

ユーザー補助機能をテストするには

キーボードアクセスをテストするには、マウスを取り外し、キーボードだけを使用してユーザーインターフェイスの各機能にアクセスを試みます。すべてのタスクをキーボードだけで実行できることを確認します。
ハイコントラストのサポートをテストするには、コントロールパネルの [ユーザー補助のオプション] アイコンをダブルクリックします。 [画面] タブをクリックし、[ハイコントラストを使う] チェックボックスをオンにします。ユーザーインターフェイスのすべての要素について、色とフォントの変更が反映されていることを確認します。また、テキストの後ろにイメージやパターンが表示されていないことを確認します。

注意

メモ Windows NT 4 のコントロールパネルには、[ユーザー補助のオプション] アイコンはありません。したがって、Windows NT 4 の場合、この手順で SystemInformation.HighContrast 設定を変更することはできません。
これ以外にも、アプリケーションのユーザー補助機能をテストするためのツールが用意されています。
キーボードフォーカスの公開をテストするには、拡大鏡を実行します。拡大鏡を開くには、[スタート] メニューをクリックし、[プログラム]、[アクセサリ]、[ユーザー補助] の順でポイントして、[拡大鏡] をクリックします。キーボードの Tab キーとマウスの両方を使用して、ユーザーインターフェイスにアクセスします。すべての操作が拡大鏡で適切に追跡されることを確認します。
画面要素の公開をテストするには、Inspect を実行し、マウスと Tab キーの両方を使用して各要素にアクセスします。ユーザーインターフェイスの各オブジェクトについて、[Inspect] ウィンドウの [Name]、[State]、[Role]、[Location]、[Value] の各フィールドに表示されている情報がユーザーにとって有意義であることを確認します。 Inspect は、Microsoft® Active Accessibility® SDK の一部としてインストールされます。これは https://msdn.microsoft.com/library/default.asp?url=/downloads/list/accessibility.asp で入手できます。

次の方法で共有

チュートリアル : ユーザー補助対応の Windows ベースのアプリケーションの作成

プロジェクトの作成

アプリケーションの作成を開始するには

フォームへのコントロールの追加

Windows アプリケーションをユーザー補助対応にするには

ハイコントラストモードのサポート

ハイコントラストモードを効果的に有効にするには

サウンド以外の手段による重要な情報の伝達

サウンド以外の手段で情報を伝達するには

アプリケーションのテスト

ユーザー補助機能をテストするには

その他のリソース

次の方法で共有

チュートリアル : ユーザー補助対応の Windows ベースのアプリケーションの作成

プロジェクトの作成

アプリケーションの作成を開始するには

フォームへのコントロールの追加

Windows アプリケーションをユーザー補助対応にするには

ハイコントラスト モードのサポート

ハイコントラスト モードを効果的に有効にするには

サウンド以外の手段による重要な情報の伝達

サウンド以外の手段で情報を伝達するには

アプリケーションのテスト

ユーザー補助機能をテストするには

その他のリソース

ハイコントラストモードのサポート

ハイコントラストモードを効果的に有効にするには