可訪問的錯誤消息

在我的應用程序中，有幾個字段驗證會引起模糊。錯誤消息容器包含具有role = alert的DIV。所以當用戶輸入一個無效的輸入然後按Tab鍵屏幕閱讀器向用戶發佈錯誤信息，但是這會中斷當前用戶正在閱讀的標籤和相關信息。可訪問的錯誤消息

這是場景已被確定爲可訪問性問題。任何協助解決這個問題將是非常有幫助的。

樣本標記如下。

<label class="label" for="view-184">Payment amount</label> 
<input id="view-184" type="text" autocomplete="off" placeholder="Please enter a dollar value" aria-describedby="form-input-text-error-view166-required"> 

<div class="error" role="alert" aria-live="polite" style="">   
      <span id="form-input-text-error-view166-custom-format" class="error-custom-format" style="display: none;">Enter a valid dollar value</span>   
      <span id="form-input-text-error-view166-required" class="error-required">Dollar value is required.</span> 

    </div>

來源

2014-11-04 fernando

不要使用內嵌的錯誤信息這總是創建重點問題和遇到的失敗成功的標準A級2.4.3焦點順序和1.3.2有意義的序列。提交摘要消息時不使用內聯錯誤消息，而是在表單的開頭提供相同的錯誤消息。這可能會幫助輔助技術，並將用相同的代碼解決您的問題。

來源

2014-11-04 03:02:50

錯誤消息不會產生任何焦點問題。角色警報是殺死公告的人。但是，如果我擺脫角色警報，那麼就不會有模糊聲明。 – fernando 2014-11-04 05:54:09

我能夠遇到一位無障礙顧問並能夠得到答案。他的回答是，我們不需要爲模糊/更改時觸發的錯誤消息添加role =「alert」。我們所要做的就是在用戶點擊提交按鈕時關注第一個無效的字段。我們也可以使用aria-describedby標籤將字段與錯誤消息鏈接起來。

來源

2014-11-05 00:46:12 fernando

可訪問的錯誤消息

回答

相關問題