2016-06-01 10 views
1

ユーザーが@またはドメインを離れて電子メールアドレスを記入しなかった場合、submit([email protected])に正しい電子メールアドレスの例を示していない場合、これはWCAG 2.0の達成基準に合格しません3.3.3エラーの提案について?WCAG 2.0 3.3.3 - 電子メールアドレスの提案?

私は多くの主要なサイトと主要なWebサイトを見てきましたが、正しい電子メールアドレスの不足に関連する検証エラーしか表示されません。多くのサイトでプレースホルダを使用してユーザーに書式設定を指示するように見えますが、一度送信するとユーザーは正しい書式についての明確な指示がありません。

答えて

4

私の意見では、そうです。これは、既知の理由(書式など)で拒否されたため、理由をユーザーに伝える必要があります。

悲しいことに、主要なサイトを見ることはベストプラクティスの良い指標ではなく、単にこのチェックポイントに従っていない(あるいは、それを認識していない可能性があります。

placeholderは決して適切なラベルではなく、遠ざかるにつれて指示には適しています。その代わりに、フィールドに関連付けられた指示テキスト(必要に応じてARIAを使用している可能性があります)は、エラーメッセージが間違ったものを伝えるはずですが、エラーをすぐに回避できます。

秘密の書式設定の規則に従わない事実の後にのみ、パスワードを入力してください。あなたを前に立てても、それが正しいとは保証されませんが、誰もが間違ってしまう可能性は減ります。また、エラーメッセージのために再利用できるコンテンツです。場合を除き、入力エラーを自動的に検出して補正のための提案が知られている場合は、提案がユーザに提供されています

3

あなたは本当に3.3.3

3.3.3は、エラー・提案WCAGのために失敗していませんコンテンツのセキュリティや目的を危険にさらします。 (レベルAA)

この点は、あなたが提案を提供できることを意味します。たとえば、ユーザータイプが「user AT example.com」で、「あなたは[email protected]を意味しますか?」と示唆しています。ここで

、あなたはWCAG 3.3.1で失敗:

3.3.1エラーの識別:入力エラーを自動的に検出された場合は、エラーである項目が識別され、エラーがに記述されていますテキストのユーザー。 (レベルA)

あなたはを意味プレーンテキストでのエラーを記述する必要があり、「有効な電子メールアドレス(例:[email protected])を入力し、」を。

そして、あなたはまた、指示

3.3.2ラベル又は説明の欠如である、3.3.2によって懸念される場合があります。コンテンツは、ユーザー入力を必要とするときにラベルや説明書が提供されています。 (レベルA)

これは、ラベルが十分でない場合、指示(有効なフォーマット)を行う必要があることを意味します。

HTML5 input[type="email"]要素に対してブラウザの自己検証プロセスを使用すると、状況が異なることがあります。そのため、ブラウザのアクセシビリティAPIは明示的なエラーメッセージを提供する必要があります。

関連する問題