跳到主要內容
  • 字級
:::|

NT2錯誤訊息和更正

規則識別碼

NT2

規則名稱

錯誤訊息和更正

規則類型

原子規則

規則說明

必須提供明確的錯誤訊息。

無障礙要求對應

網站無障礙規範

  • 3.3.3 錯誤建議(檢測等級AA)
    • 必須符合 WCAG 2.0和WCAG 2.1 A級或更高級別
    • 結果對應:
      • 任何失敗結果:不符合
      • 所有成功結果:需進一步測試
      • 未適用結果:需進一步測試

適用性

適用於通知內容。

期望

以下檢查均正確:

  • 指出錯誤點或警告。
  • 警告和錯誤通知提供足夠的訊息,讓使用者可以識別哪些表單控件包含錯誤。

假設條件

當前沒有任何假設。

無障礙支援

此規則沒有已知的主要無障礙功能支援問題。

測試案例

作業系統

iOS

Android

HTML

範例說明

在表單頂部顯示錯誤訊息,指示包含錯誤的欄位,並在提交表單時將焦點移至錯誤訊息;或者在警告框中顯示錯誤訊息和包含錯誤訊息的欄位。

在表單頂部顯示錯誤訊息,並指出錯誤的欄位。將焦點移至表單提交上的錯誤訊息或顯示警告彈出視窗。

在表單頂部顯示錯誤訊息,並帶有適當的級別標題和錯誤欄位的指示。提交失敗後,將焦點移至錯誤訊息。

成功範例原始碼

在表單頂部顯示錯誤訊息:(IBAction)mySubmitButtonTouched:(UIButton *) sender {

 [errorLabel.text="The following errors were found: [list]"];

Dispatch after(dispatch_time(DISPATCH_TIME_NOW, 1 * NSEC_PER_SEC), dispatch_get_main_queue(), ^{

UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, self.errorLabel.text)

});

}

 

對話框中的錯誤訊息: (IBAction)mySubmitButtonTouched:(UIButton *) sender { UIAlertView *messageBox = [[UIAlertView alloc] initWithTitle: NSLocalizedString(@"Error", @"Alert box title") message: @"You must enter an email address", @"Alert box message" delegate:nil cancelButtonTitle: NSLocalizedString(@"OK", @"Accept button title") otherButtonTitles:nil];

[messageBox show];

}

// use of setError with contentDescription display errors

 

public void btnClick(View v)

    { 

        if(...) 

        { 

editText.setError("Email fields do not match");

editText.hint("Re-enter the email address: it must match the other email address you entered");   editText.requestFocus();

        }}                        

<!-- added and given focus on submission -->

 

<h3 id="errors">Errors were found</h3>

<ul>

    <li>"Re-type email address" field does not match "email address".</li>

    <li>"I agree" checkbox is not checked.</li>

</ul>

<form>...</form>

失敗範例原始碼

[errorLabel setText(@"Check your form again"); 

public void btnClick(View v) 

    { 

        if(...) 

        { 

editText.setError("Email fields do not match"); 

        } 

    }

Fix the items marked below in red

<form>...</form>

測試程序

  1. 啟動應用程式。
  2. 在應用程式中的物件、元件或控件上,觸發警告或錯誤。
  3. 驗證警告或錯誤指示是否存在錯誤。
  4. 驗證警告或錯誤通知是否清楚指示需要更正的操作。

參考詞彙:無

變更記錄:20200817-第1次編撰。

參考資源:

  1. Error messages and correction, 2019/2017 BBC行動裝置無障礙指南(MOBILE ACCESSIBILITY GUIDELINES)。
  2. G83: Providing text descriptions to identify required fields that were not completed, Techniques for WCAG 2.0。