
從觸發操作開始檢查
以重命名已保存項目的對話框為例。用鍵盤找到觸發控件並激活它。檢查控件標簽是否說明了操作,對話框是否有能說明用途的無障礙名稱。面板即使視覺上很清楚,缺少這些關聯時仍可能難以理解。
初始焦點應適合對話框內容。簡短的重命名對話框可以把焦點放在輸入框;內容較長的對話框可能需要先讓用戶了解閱讀上下文。不要假定每種設計都應該把焦點放在第一個按鈕上。
檢查對話框內的焦點移動
模態對話框打開時,背景內容不應繼續接受互動。用鍵盤向前和向後移動焦點,並確認焦點始終留在對話框內,不會跑到被遮住的頁面中。
截圖無法證明這些行為正確。應檢查實際互動,包括是否有清楚的關閉方式。實現時參考 W3C 的對話框模式,並結合整個頁面的上下文評估相關無障礙要求。
嘗試提交無效內容
提交一個空的項目名稱。用戶能否找到錯誤說明,並回到相關輸入框,同時保留其他有效內容?錯誤資訊應說明需要如何修正;僅僅顯示紅色邊框並不能提供這種指引。
對於具有破壞性的操作,要結合上下文檢查操作標簽。“刪除項目”比“確認”表達得更清楚。文案、焦點選擇和取消路徑都應幫助用戶審慎決策,而不能只依賴警示顏色。
返回到合理的位置
關閉重命名對話框後,焦點通常應返回打開它的控件。如果操作刪除了該控件或整個項目,就應選擇一個合理位置,讓用戶能繼續操作。把焦點送回頁面開頭,可能會讓剛完成的操作變得令人迷失。
記錄檢查過的完整流程:打開、導航、提交無效內容、恢復、完成並返回。這樣得到的是具體的互動發現,而不是僅憑默認外觀正確就籠統斷言對話框無障礙。