Share via

建立無障礙畫布應用程式

  • 發行項

易存取的畫布應用程式可讓有視覺、聽覺或其他障礙的使用者順利使用應用程式。 除了許多政府和組織的需求之外，遵守下列指導方針，以便提升所有使用者的實用性 (不論身障人士與否)。

使用 協助工具檢查程式 協助評論您的應用程式中潛在的協助工具問題。

版面配置和色彩

合理簡單的設計有助於所有使用者更容易存取應用程式。 當進行應用程式大幅度自訂時，請註記下方建議。 Power Apps 主題的設計目的是為了符合協助工具標準。

  • 確保所有元素清晰可見，且文字大小適當。 所有內容都必須能以肉眼輕鬆閱讀和理解。
  • 確保畫面控制項上已標示輸入元素。 AccessibleLabel 屬性會定義螢幕助讀程式將朗讀的內容。
  • 如果要自訂色彩，務必使「文字:背景」的比例為 4.5:1 或更高。 協助此流程的軟體工具可方便使用。
  • 確保版面配置遵循由上至下、由左至右閱讀的邏輯流程。
  • 建立回應式應用程式，以便視力不佳的使用者可以放大和使用它，而不需來回捲動。

鍵盤

測試應用程式的協助工具時，請確認應用程式只能透過鍵盤使用，無論是否有螢幕助讀程式。

Tab 鍵應以邏輯順序瀏覽至互動式元素。 您可以使用邏輯應用程式結構並相應地設定每個控制項的 TabIndex 屬性來建立。

  • 標籤、圖像、圖示、圖形控制項：如果它們是互動式，請將 TabIndex 設定為 0。 否則將 TabIndex 設定為 -1。
  • 請勿將 TabIndex 設定為大於零。
  • 確定已啟用簡化索引標籤索引應用程式設定。

螢幕助讀程式

下列是已驗證的螢幕助讀程式，可搭配 Power Apps 使用：

  • JAWS：Microsoft Edge
  • 朗讀程式：Microsoft Edge
  • NVDA：Google Chrome、Firefox
  • TalkBack：Google Chrome、Power Apps Mobile
  • VoiceOver：行動版 Power Apps, Safari (macOS、iOS、iPadOS)

為了確保享有畫面控制項助讀程式的滿意體驗，建議您：

  • 確定所有的輸入控制項都已設定 AccessibleLabel 屬性。
  • 如果是圖像，請將 AccessibleLabel 設定為適當的描述。
    • 如果圖片並非作為按鈕或連結 (亦即，圖示僅作為裝飾用途) 且不應由螢幕助讀程式朗讀，請務必將 AccessibleLabel 設為空白或不設定。
    • 如果使用圖片或圖示作為按鈕，則將 TabIndex 設為 0 且 AccessibleLabel 設為連結描述。

控制項類型和結構

使用正確的控制項並進行分組將有助於螢幕助讀程式使用者了解應用程式的結構。

  • 應用程式的每個畫面上至少包含一個標題。 您可以透過設定**標籤** 的角色屬性建立標題。
  • 對於互動式文字，請使用**按鈕** 而不是**標籤**。
  • 將**容器** 中的相關內容分組。
  • 請注意不支援的設計模式。

多媒體

確保所有影片都有字幕且所有的錄音都有文字記錄提供給使用者。 視訊控制項支援 WebVTT 格式的隱藏式輔助字幕 (透過 ClosedCaptionsUrl 屬性)。

啟用螢幕助讀程式之後，計時器不會唸出按鈕文字，而是唸出經過多少時間。 朗讀無法關閉，即使以低透明度隱藏計時器也一樣。

使用簽章

如果您有使用手寫筆輸入控制項的簽章欄位，便必須啟用簽章輸入的替代方法。 建議的方式是顯示文字輸入控制項，讓使用者可在其中鍵入姓名。 確定簽章指示已放入 AccessibleLabel 屬性中，且控制項放在靠近手寫筆輸入的右側或緊鄰下方。

後續步驟

可存取的應用程式結構

請參閱