App Store Connect 輔助說明

支援 / App Store Connect / 管理 App 輔助使用功能 / Sufficient Contrast evaluation criteria

管理 App 輔助使用功能

「足夠對比度」的評估標準

iOS macOS tvOS visionOS watchOS

說明

對於因身體或環境障礙(例如強烈的日光)而導致視力下降的使用者,「足夠對比度」可提供協助。使用者可以增加或調整文字或圖像與背景之間的對比度,從而提高可讀性。

目標

無論是否具有障礙,所有人都要能順利使用你的 App。「足夠對比度」功能的目標,是協助低視能的使用者。這些使用者可能有視力敏銳度、清晰度和/或對比感知能力下降的情形。

以下各節將提供更多詳細資訊,說明如何判斷你的 App 是否順利支援「足夠對比度」功能。評估的目標是確保身障人士可以使用 App 的所有一般作業,因此執行這項評估工作將協助你判斷是否要在 App Store 上表明你的 App 支援足夠對比度

展開檢測

各型裝置的輔助功能設定都包含多項功能,可協助使用者自訂符合自己需求的對比度。大部分需要更高對比的使用者會啟用「粗體文字」、「增加對比」,以及「減少透明度」等設定。你不一定要使用系統內建的設定,但檢測時若能開啟這些設定,有助你瞭解使用者對於對比度的最低需求。如果你的 App 內提供相關設定,則至少應支援類似系統層級設定的功能,或提供更精細的使用者介面自訂功能。

請啟用上述三項設定,再檢測你的 App 是否具有足夠的對比度。如需開啟這些設定的詳細資訊,請依你 App 支援的裝置類型,檢視下列資源。

你可以使用 Xcode 的 Accessibility Inspector 或其他色彩對比檢查工具來檢查 App 中元素的對比,藉此判斷 App 中元素的對比度。根據全球資訊網協會(W3C)的網頁內容輔助使用規範中提供的公式,大部分現代輔助使用規範均建議「前景文字與背景之間的最低對比度為 4.5:1」。

如果你的 App 支援「深色模式」,請務必查看淺色和深色模式下的最低對比度。一個常見的錯誤是:在淺色模式的介面中提供足夠的對比度,但在深色模式中卻忽略了對比度的需求。許多開發者在深色模式下使用灰色搭配黑色來顯示文字,這種配色在低光源環境中,對一般視力使用者而言能減輕眼睛疲勞,但對於低視能或對光敏感的使用者來說,這種降低對比度的設計可能更難閱讀。在測試 App 時,建議你結合深色模式的配色和「增加對比」設定。

除了對比之外,你的背景素材、控制項以及內容的半透明度(不透明/模糊)也同樣須納入考量。評估時請考慮文字、圖像和其他內容、元素和控制項的可讀性。請務必在啟用「增加對比」、停用「減少透明度」,以及同時啟用這兩種設定的情況下進行測試。

請確保互動控制項與非文字狀態表現(例如選取狀態)具備足夠的對比度。舉例來說,如果你設計了自訂註記框,請確保勾選與取消勾選狀態之間有足夠的對比。一般而言,建議非文字內容的對比度應至少達到 3:1。

如果你還不具備充分的理解與能力來展開減少動態效果的檢測,請花點時間學習基礎知識。請參閱《Human Interface Guidelines》(人性介面規範)中的 Strive to meet color contrast minimum standards(盡量符合色彩對比度的最低標準),以瞭解你使用者介面中相鄰色彩的對比,是否達到可接受的最低水準。

此範例中展示的按鈕不利身障人士使用:藍色背景搭配淺藍色文字,導致色彩對比度不足。
色彩對比度不足的按鈕。
此範例中展示的按鈕有利身障人士使用:藍色背景搭配白色文字,提供高對比度和可讀性。
色彩對比度足夠的按鈕。
 插圖顯示「systemRed」顏色在淺色與深色模式的效果,看起來幾乎相同。由於該顏色不會隨背景調整對比度,可能對使用不同顯示模式的使用者造成無障礙使用上的問題。
iOS 中的預設 systemRed 系統色彩。
插圖顯示「systemRed」顏色的高對比變體,針對淺色與深色模式分別進行調整。該顏色在淺色背景上變得較深、在深色背景上則變得較淺,藉此提升在不同顯示模式下的可視性與無障礙使用體驗。
iOS 中供無障礙使用的 systemRed 色彩。

表明 App 支援「足夠對比度」

只要你的 App 在執行一般作業時,使用者介面(包括文字、按鈕和其他控制項)預設即符合一般對比度規範(大多數文字元素的對比達到 4.5:1),即可表明你的 App 支援「足夠對比度」。

如果你的 App 預設並未提供上述最低對比度:

  • 如果你的 App 使用了 Apple 提供的 UI 架構,請確認「增加對比」設定已套用足夠的對比效果。

  • 如果你的 App 支援自訂架構,請為使用者提供多種符合最低對比度的配色方案。

  • 如果你 App 的一般作業需要用到第三方或使用者原創的內容,請參閱 Accessibility Nutrition Label 概覽中有關第三方內容的詳細指南。

表明你的 App 在一般作業上支援「足夠對比度」並非一次性的工作;你仍可能進一步改善你 App 的輔助使用功能。每次更新 App 時,都要重新評估你的 App 對「足夠對比度」的支援情形。請設定目標,在 App 的每個版本發佈後,都能讓越多人更容易使用你的 App。