このページの本文へ移動

G83:入力が完了していない必須項目を特定するために、テキストの説明を提供する

出典:WAIC. “ G83: 入力が完了していない必須項目を特定するために、テキストの説明を提供する新しいウィンドウを開きます ” WCAG 2.0 達成方法集(参照2024年7月1日)

概要

G83は、フォームの必須項目が未入力である場合にユーザーがそのエラーを特定しやすくするために、テキストの説明を提供する技術です。これにより、ユーザーは入力エラーを迅速に修正し、フォームを正しく送信できるようになります。具体的には、必須項目のラベルに「必須」や「*」を付けたり、送信後にエラーメッセージを表示したり、エラーメッセージを関連するフィールドの近くに配置する方法が推奨されます。エラーメッセージは、どのフィールドにエラーがあるかを明確に示し、ユーザーが迅速に問題を修正できるように適切なエラーメッセージを表示することが重要です。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

適用(対象)

こちらは、次の達成基準に関連する達成方法です。

実践的な方法

必須項目のラベルに明示する

フィールドが必須であることを明確に示すために、ラベルに「必須」や「*」を付ける。

エラーメッセージ表示

フォームを送信した後に必須項目が未入力の場合にエラーメッセージを表示し、どのフィールドにエラーがあるかを明確に示す。また、ユーザーが迅速に問題を修正できるように適切な内容のエラーメッセージを表示することが重要です。

エラーメッセージの位置

エラーメッセージは、関連するフィールドの近くに表示されるべきであり、ユーザーがエラーの場所を簡単に特定できるようにする。

まとめ

G83は、フォームの必須項目が未入力である場合にユーザーに明確なテキストの説明を提供することで、エラーの特定と修正を容易にする技術です。これにより、ユーザーは入力エラーを迅速に修正でき、フォームの送信をスムーズに行うことができます。

WCAG 2.0とその翻訳文書の利用について

本ページの内容は、「Web Content Accessibility Guidelines (WCAG) 2.0新しいウィンドウを開きます」、「WCAG 2.0 解説書新しいウィンドウを開きます」および「WCAG 2.0 達成方法集新しいウィンドウを開きます」からの引用を含んでいます。引用された内容は、W3CおよびWAICによって公開されており、以下のクリエイティブ・コモンズライセンスに基づいて使用されています。これらのガイドラインを参考にしつつ、ウェブアクセシビリティの向上に向けた具体的な取り組みを分かりやすく説明しています。

WCAG 2.0

この作品はクリエイティブ・コモンズ 表示 4.0 国際ライセンス新しいウィンドウを開きますの下に提供されています。

WCAG 2.0 解説書及び達成方法集

この作品はWCAG 2.0 解説書及び達成方法集からの引用を含みます。翻訳はWAICによって提供されており、文書のステータスは「勧告」です。なお、この文書の正式版はあくまでW3Cのサイト内にある英語版であることにご注意ください。

Contactお問い合わせ

当社ではウェブアクセシビリティ診断を提供しております。すべてのユーザーにアクセスできるウェブサイトを目指して、一緒に取り組みましょう。診断のご依頼や詳細については、お気軽にご連絡ください。

お問い合わせ