igPercentEditor アクセシビリティの遵守

igPercentEditor アクセシビリティの遵守

すべての Ignite UI for jQuery™ コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194 部 22 条を遵守しています。表 1 には、コントロールに関連する第 1194 部 22 条の特定の規則が記載されています。また、igPercentEditor コントロールが各規則を遵守する方法の詳細も含まれています。

各アクセシビリティ規則の要件を満たすために、場合によっては、コントロールを操作して特定のプロパティを設定する必要がありますが、それ以外の場合は、コントロール自身がこの作業を行います。

注: jQuery コントロールはクライアント専用のため、一部の規則はサポートされず、制限とされています。

表 1: 第 508 条遵守の説明

WAI-ARIA サポート

2014 年に W3C は WAI-ARIA 仕様 を完成しました。障害を持つユーザーに Web コンテンツおよび Web アプリケーションへのアクセシビリティを提供するデザインを定義したものです。 igPercentEditor のデザインは、このガイドラインに準拠しています。

以下のリストは、WAI-ARIA をサポートするための igPercentEditor の変更点の詳細を提供します。この変更は、デフォルトですべて有効にされることに注意してください。

• igPercentEditor の入力要素が igPercentEditor の tabindex オプションからの相対値を持つ tabindex 属性を描画します。TAB および SHIFT+TAB キーの使用で要素へアクセスできます。

注: tabindex オプションは指定されていません。-1 と等しい tabindex は、入力要素の属性として描画されます。

• igPercentEditor は textbox ロールで装飾されます。定義済みの listItems オプションがあり、リストが描画される場合、エディター入力は combobox ロールで装飾されます。

• igPercentEditor は、ロケールに基づいた相対値の aria-label 属性で装飾されます。デフォルト値は 'Percent Editor' です。

• ボタンが描画される場合

  • 描画される各ボタンは button ロールで装飾されます。
  • 描画される各ボタンに id (ウィジェットの id から生成) があります。
  • 描画される各ボタンには、読み込まれたロケールから抽出した値で描画される aria-label 属性があります。

• リスト項目が描画される場合

  • エディター入力は id と等しい aria-owns 属性で装飾されます。
  • ドロップダウン リストは listbox ロールで描画されます。
  • 各リスト項目要素は、生成された id を持ち、option ロールで装飾されます。
  • 各リスト項目要素は、リストの対応する順番で描画された aria-posinset 要素を持ちます。
  • 各リスト項目要素にデフォルト false で描画される aria-selected 属性があります。
  • 各リスト要素に項目テキスト値と等しい、描画される title 属性があります。