アクセス可能な HTML5 フォームの設計 designing-accessible-html-forms

HTML5 フォームは ARIA HTML5 アクセシビリティ標準を基に、アクセシビリティを備えた HTML フォームを生成します。 これらのフォームは、タブナビゲーション（Mozilla FireFox を除く）をサポートし、一般的な画面読み上げアプリケーションと互換性があります。 優れたアクセシビリティの機能を備えた HTML5 フォームを生成するには、何らかの基本的なデザインガイドラインに基づいて XFA フォームテンプレートをデザインします。 デザインガイドラインには正しいタブ順序の設定、および各フォームコントロールのために読み上げテキストコンテンツの提供などが含まれます。 AEM Forms Designer ではこれらのフォームコントロール属性を設定し、アクセシビリティを備えた PDF フォームおよび HTML5 フォームを生成できます。

注:Tabbed ナビゲーションでは、値の合計を表示する計算フィールドなど、保護されたフィールドはカバーされません。 スクリーンリーダーが保護フィールドの値を読み取れるようにするには、空の読み取り専用フィールドを保護フィールドの上、または横のいずれかに配置します。 保護フィールドの値を新しい読み取り専用フィールドに割り当てます。 スクリーンリーダーやタブナビゲーションはこの読み取り専用フィールドを選択し、保護フィールドの値として読み上げることができます。

AEM Forms Designer にはスクリーンリーダーに渡すことが可能ないくつかの読み上げテキストオプションが含まれています。 フォーム内の各オブジェクトごとに、スクリーンリーダーテキストに関する次のいずれかの設定を選択できます。

ツールヒント、スクリーンリーダーテキスト、およびキャプションなど、複数のオプションがフォームコントロールで使用可能なとき、スクリーンリーダーはこれらのプロパティを 1 つだけ使用します。 デフォルト順序はカスタムスクリーンリーダーテキスト、ツールヒント、キャプション、および名前です。 デフォルト順序はアクセシビリティパレットにある「スクリーンリーダーの優先順位」オプションを使用してオーバーライドできます。