通常の HTML フォームでは、入力フィールドに視覚的に接続されているラベルは通常、技術的にも接続されており、スクリーン リーダーはどのラベルがどのフィールドに属しているかを独自に「理解」します。 PDF ファイルでは、これは自動的に行われません。ラベルとフィールドは画面上では隣接して見えますが、技術的には 2 つの完全に別個のオブジェクトであり、それらの間には何の関係もありません。この記事では、そのギャップを埋める方法について説明します。

要するに、このガイドの内容

  1. ツールチップはフィールドのアクセス可能な名前です
  2. テキストフィールド、チェックボックス、ラジオボタン
  3. 論理的なタブ オーダー
  4. 必須フィールドにマークを付ける方法

ツールチップはフィールドのアクセス可能な名前です

HTML とは異なり、PDF フォームでは、各フィールドのツールヒント フィールドが、実際にスクリーン リーダーが読み上げるアクセシブルな名前として機能します。基本的なルール: ツールヒントの内容は、フィールドの隣に表示されるラベルと同一または同等である必要があります。表示ラベルに「フルネーム」と表示されている場合、ツールチップには「テキスト フィールド 1」のような一般的なラベルではなく、意味的に同等の内容が表示される必要があります。

Acrobat でツールヒントを設定するには、[フォームの準備] ▸ フィールドを右クリック ▸ [プロパティ] ▸ [全般] タブ ▸ [ツールヒント フィールド] を選択します。

テキストフィールド、チェックボックス、ラジオボタン

各フィールド タイプにはそれぞれ独自の考慮事項があります。テキスト フィールドの場合、ツールチップは通常、その横にあるラベルと同じです。チェックボックスとラジオ ボタンの場合、グループ名だけでなく、選択されている特定のオプションをツールヒントに説明することが重要です。たとえば、「同意する」だけでなく、「更新情報を電子メールで受信することに同意します」などです。ラジオ ボタンのグループ (たとえば、「はい/いいえ」の選択肢) の場合、グループ内のすべてのボタンが一緒にタグ付けされていることを確認し、スクリーン リーダーがそれらが相互に排他的なオプションであることを理解できるようにすることも重要です。

説明図 ツールヒントとタブ オーダーを備えたアクセス可能なフォーム フィールド タブ オーダーの番号付けとラベルに一致するツールヒントのコンテンツを含むフォーム フィールドの例 ラベル、ツールチップ、タブ オーダーを含むフォーム フィールド 1 フルネーム (必須) 2 メールアドレス 3 更新情報を受け取ることに同意します ツールチップ = 「フルネーム (必須)」 表示ラベルと一致します HTML フォームとは異なり、PDF ファイルでは、ツールヒントは実際のアクセス可能な名前であり、表示されるラベルと一致する必要があります。
タブ オーダーの番号付け (1、2、3) が視覚的な読み取り順序と一致し、ツールチップの内容が表示ラベルと同一である 3 つのフィールド。

論理的なタブ オーダー

キーボードのみを使用して (マウスを使用せずに) フォームに入力する場合、Tab キーはファイルで定義されたタブ オーダーに従ってフィールド間を移動します (必ずしもページ上の視覚的な位置ではありません)。タブの順序が論理的な読み取り順序と一致しない場合、ユーザーは混乱を招くような方法でフィールド間を「ジャンプ」することになります。 Acrobat では、「フォームの準備」メニューで「タブ番号の表示」をオンにすると、現在の順序を明確に確認でき、必要に応じてタグ構造を介して修正できます。

💡 実践的なヒント

間違ったタブ オーダーをフィールドごとに手動で修正するよりも、タグ構造 (ツリー内のオブジェクトの順序) を通じて修正することをお勧めします。手動で変更すると、次回フォームを更新するときに簡単に壊れてしまうためです。

必須フィールドにマークを付ける方法

必須フィールドでは、視覚的に (アスタリスクなど) とツールチップ自体の両方でこれを示す必要があります (たとえば、「フルネーム (必須)」)。このようにして、テキスト読み上げに依存しているユーザーは、送信エラーが発生して後でそのことが判明するのを待つことなく、そのフィールドが必須であることをすぐに理解できます。

あなたのサイトにダウンロード可能な PDF フォームはありますか?

私たちのツールは、フル スキャンの一環として、フォーム フィールド (ツールヒント、タブ オーダー、タグ付け) のアクセシビリティをチェックします。

あなたのサイトを無料でスキャンしてください ←