バージョン

アクセシビリティ準拠

トピックの概要

目的

このトピックは、igSplitter™ コントロールのアクセシビリティ機能を説明し、このコントロールを含むページに対してアクセシビリティ準拠を実現させる方法に関するアドバイスを提供します。

前提条件

このトピックを理解するために、以下のトピックを参照することをお勧めします。

  • igSplitter の概要: このトピックでは、機能、ユーザー機能性など、igSplitter コントロールに関する概念的な情報を提供します。

  • igSplitter の追加: このトピックは、JavaScript および ASP.NET MVC のいずれかで igSplitter コントロールを HTML ページへ追加する方法をコード例を用いて説明します。

igSplitter のアクセシビリティ準拠

igSplitter アクセシビリティ準拠の概要

すべての Infragistics® Ignite UI for jQuery® コントロールおよびコンポーネントは、1973 年リハビリテーション法第 508 条第 1194.22 部に法令遵守しています。igSplitter アクセシビリティ準拠の概要表 には、コントロールに関する第 1194.22 部の特別な規則が含まれています。また、グリッド コントロールが各規則を遵守するための詳しい方法も含んでいます。

各アクセシビリティ規則の要件を満たすためには、特定のプロパティを設定することによって、コントロールとの相互作用が必要になることもありますが、コントロールがこれらのタスクを実行する場合もあります。

注: jQuery コントロールはコントロールのみであり、したがっていくつかのルールはサポートされず制限としてマーク付けされます。

igSplitter アクセシビリティ準拠の概要表

以下の表は、igSplitter コントロールのアクセシビリティ準拠機能をまとめたものです。

規則 規則内容 準拠方法
(c) 色によって伝達されるすべての情報が色を使用しなくても理解できるように (たとえば、コンテキストやマークアップ) Web ページを設計するものとします。 igSplitter のスタイル設定とテーマ設定機能を使用して、マップの配色を制御し、適切な色を提供できます。
(d) 関連付けられたスタイル シートがなくても読めるようにドキュメントを構成するものとします。 コントロールのマークアップは、クライアント側のコントロールであり、CSS の規則に依存するため、関連付けられたスタイル シートがなしで読み取り可能です。
(n) オンラインですべての項目に記入するように電子的フォームが設計されている場合には、そのフォームによって、補助技術を使用するユーザーは、すべての指示と手掛かりを含めた、フォームの完成と提出に必要な情報、フィールド要素、および機能にアクセスすることができます。 スプリッターにフォーカスがある場合、ユーザーはキーボードを使用して以下のアクションを実行できます。
  • パネルのリサイズ
矢印キーを押す (垂直バーの場合は左右、水平バーの場合は上下)と、事前に設定されたステップ 10 ピクセルだけ移動します。(ステップのサイズはハード コーディングされており構成できません。) バーの任意の位置に到達すると、ユーザーは Enter/Tab/Space を押して、スプリッターの現在の位置に従ってパネルをサイズ変更します。ESC キーは、アクションを移動しバーを元の位置 (矢印キーが最初に押される前のスプリッターの位置) に戻すスプリッターをキャンセルします。
  • パネルを展開/折りたたみます。
CTRL+矢印キーを押すと、任意の向きでパネルを折りたたみ/展開します。
  • Ctrl+Left/Right 矢印キーは、垂直のスプリッターでパネルを折りたたみ/展開します。
  • Ctrl+Up/Down 矢印キーは、水平のスプリッターでパネルを折りたたみ/展開します。
この機能は、明示的に有効である必要があります。詳細は、構成トピックを参照してください。

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

  • アクセシビリティ準拠: Ignite UI for jQuery 製品スイートにおけるすべてのコントロールのアクセシビリティ準拠に関する参照情報を提供します。

オンラインで表示: GitHub