バージョン

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

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

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

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

表 1: 第 508 条遵守の説明

規則 規則を遵守する方法
(c) クライアント側イベントを使用すると、現在の状態を反映する任意のコントロールの DOM 要素の属性を変更することができます。
(d) コントロールのマークアップは、クライアント側のコントロールで、CSS のルールに依存するため、関連付けられたスタイル シートなしで読み取り可能です。
(l) コントロールのスクリプトがページ マークアップを変更している場合、規則 (c) で説明されている属性のために、新しく作成されたコンテンツはスクリーン リーダーに準拠します。
(n) igTimePicker にフォーカスがある場合 (編集モード)、キーボード ナビゲーションが使用可能です。使用可能なキー操作と、それらに対応するアクションの 詳細なリストについては、igTimePicker のキーボード ナビゲーションを参照してください。

WAI-ARIA サポート

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

以下のリストは、igTimePicker コントロールの WAI-ARIA サポートの詳細を説明します。この変更は、デフォルトですべて有効にされることに注意してください。

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

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

  • igTimePickercombobox ロールで装飾されます。

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

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

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

関連トピック

オンラインで表示: GitHub