可訪問的畫布應用程序將允許有視力、聽力和其他障礙的用戶成功使用該應用程序。 除了是許多政府和組織的要求之外,遵循以下準則還可以提高所有使用者的可用性,無論其能力如何。
使用 「協助工具檢查器 」來協助查看應用程式中潛在的協助工具問題。
佈局和顏色
常識和簡單的設計有助於所有用戶更容易訪問應用程序。 在對應用程序進行大量自定義時,請注意以下建議。 Power Apps 佈景主題的設計符合可及性標準。
- 確保所有元素清晰可見且文字大小足夠。 所有內容必須易於肉眼閱讀和理解。
- 確保輸入元素在螢幕上標記。 AccessibleLabel 屬性會定義螢幕助讀程式將宣告的內容。
- 如果自訂顏色,請確保文字與背景的對比比例為 4.5:1 或更高。 協助此過程的軟體工具隨時可用。
- 確保佈局在從上到下、從左到右讀取時遵循邏輯流程。
- 建立響應式應用程序 ,以便低視力使用者無需來回捲動即可放大和使用它。
Keyboard
測試應用程式的協助工具時,請確定應用程式只能透過鍵盤使用,無論是否使用螢幕助讀程式。
Tab 鍵應按邏輯順序導航到交互式元素。 您可以使用 邏輯應用程式結構 ,並據以設定每個控制項的 TabIndex 屬性來建立此專案。
- 標籤、影像、圖示、圖形控制項:如果 TabIndex 是互動式的,則將 TabIndex 設定為 0。 否則,請將 TabIndex 設定為 -1。
- 請勿將 TabIndex 設定為大於零。
- 請確定已啟用簡化 索引標籤索引 應用程式設定。
螢幕助讀程式
以下螢幕助讀程式已通過驗證可與 Power Apps 搭配使用:
- JAWS:Microsoft Edge
- 旁白:Microsoft Edge
- NVDA:谷歌瀏覽器、Firefox
- TalkBack:Google Chrome、 Power Apps 行動版
- 旁白: Power Apps 行動版、Safari (macOS、iOS、iPadOS)
為了確保螢幕閱讀器獲得令人滿意的體驗,建議:
- 請確定所有輸入控制項都已設定 AccessibleLabel 屬性。
- 對於影像,請將 AccessibleLabel 設定為適當的描述。
- 如果圖片未用作按鈕或連結(即圖標僅用於裝飾),並且不應由屏幕閱讀器讀取,請確保 AccessibleLabel 是空的或未設置。
- 如果圖片或圖示用作按鈕,請將 TabIndex 設定為 0,並將 AccessibleLabel 設定為連結描述。
控制類型和結構
使用正確的控制項並將它們分組將幫助螢幕閱讀器使用者了解應用程式的結構。
Multimedia
確保所有視頻都有字幕,並且用戶可以使用所有錄音的文字記錄。 視訊 控制項透過 ClosedCaptionsUrl 屬性支援 WebVTT 格式的隱藏式輔助字幕。
啟用螢幕助讀程式後, 計時器 不會播報按鈕文字,而是播報已過去的時間。 公告無法關閉,即使計時器隱藏且透明度較低。
使用簽章
如果您有使用 PenInput 控制項的簽章欄位,您必須啟用簽章輸入的替代方法。 建議的方式是顯示 TextInput 控制項,使用者可以在其中輸入其名稱。 請確定簽署指示會放在 AccessibleLabel 屬性中,且控制項會放置在靠近手寫筆輸入的位置 - 右側或正下方。