畫布應用程式的無障礙色彩
畫布應用程式中使用的色彩應該可讓色盲和弱視使用者存取。 所有 Power Apps 佈景主題預設是可存取的。 當修改應用程式使用的色彩時,請遵循這些指南確保它們保持可存取。 目前有幾種線上工具可協助您識別出色彩對比問題。
文字的最小對比
- 文字和其背景至少須有 4.5:1 的對比率
- 大型文字至少必須有 3:1 的對比率
- 已停用文字沒有任何對比要求
就實際而言,所有互動式控制項在下列各項之間必須具有足夠的色彩對比:
非文字的最小對比
- 非文字元件 (如圖示和邊框) 的對比度必須至少是 3:1,搭配它們外圈的色彩。
- 停用和裝飾元件無對比度需求。
使用者介面元件
所有互動式控制項在下列項目之間必須具有足夠的色彩對比:
- FocusedBorderColor 與控制項以外的色彩
額外的色彩對比檢查適用整個區域皆為互動式或資訊性的控制項。 例如,作為按鈕用途的**按鈕** 或**圖示**。 這確保此控制項的邊界清楚,使用者知道自己可以點擊或點選的位置。
如果此類控制項有框線,下列各項之間應該要有足夠的色彩對比:
- BorderColor 與控制項之外的色彩
- PressedBorderColor 與控制項之外的色彩
- HoverBorderColor 與控制項之外的色彩
如果沒有任何框線,則下列各項之間應該要有足夠的色彩對比:
- Fill 與控制項之外的色彩
- PressedFill 與控制項之外的色彩
- HoverFill 與控制項之外的色彩
圖形的物件
如果某個圖像會傳達重要資訊,請考慮檢查它是否存在對比問題。 這適用於可顯示圖像的控制項:音訊、圖像、麥克風 和**視訊**。
針對視訊內容,請考慮檢查是否存在對比問題。 或者 (或是作為額外步驟),請提供描述該視訊的隱藏式輔助字幕。
提供其他視覺提示
請確定應用程式不會僅使用色彩來傳達資訊。 例如,紅綠色盲的使用者將無法區分紅色的錯誤訊息和綠色的成功訊息。
如**圖示** 等的其他提示,或是如 Italic 和 Underline 之類的文字樣式,都有助於傳達意義。