2022-04-28 10:34:45 - 米境通

    

    自定義模板時，最好選擇有助于保持在線商店可訪問性的設(shè)計和內(nèi)容。設(shè)計易于訪問的網(wǎng)站，以便每個人都可以使用該網(wǎng)站，包括殘疾人。您的在線商店的可訪問性對于為您的客戶提供包容性體驗至關(guān)重要。

    創(chuàng)建以下指南時充分考慮了Web內(nèi)容可訪問性指南(WCAG)。由于創(chuàng)建易于訪問的網(wǎng)站時需要考慮許多因素，因此僅遵循以下指導原則并不能保證您的在線商店完全可訪問。您可以訪問WCAG網(wǎng)站或查看下面列出的資源，以便了解有關(guān)Web可訪問性的詳細信息。

    提示：如果您是開發(fā)人員，您可以使用Shopify工具和最佳做法來進一步優(yōu)化您的模板的可訪問性。在Shopify.dev了解更多信息。

    文本可訪問性

    在線商店上的文本必須便于視覺障礙人士或難以閱讀密集段落的人士閱讀。

    顏色對比

    編輯在線商店的顏色時，請確保所有文本都可供色盲或有其他視覺障礙的客戶查看。這些客戶依靠鮮明的顏色對比來在視覺上區(qū)分不同內(nèi)容。您可以使用在線對比率工具來檢查商店不同部分的對比度。

    在以下示例中，文本與背景的對比度為2.4:1，對于某些客戶來說難以閱讀。

    在下一個示例中，文本與背景的對比度為4.8:1，對于許多客戶來說更易于閱讀。

    測試所有文本的對比度，包括正文、標題、鏈接和表單字段。請按照以下準則進行：

    正文文本和按鈕文本的顏色與背景的對比度至少為4.5:1。

    標題和其他大文本（字體大小為24px及以上）的顏色與背景的對比度至少為3:1。

    圖片上（包括幻燈片、橫幅和視頻）所有文本的顏色都與背景有足夠的對比度。對于大文本（字體大小為24px及以上），對比度至少應為3:1。對于更小的文本，對比度至少應為4.5:1。

    非文本元素（包括輸入邊框和圖標）的顏色與背景的對比度至少應為3:1。

    提示：在某些模板中，您可以在文本和圖片之間放置一個顏色疊加層，從而提高對比度和文本的可讀性。