如何遵循 ADA 和 WCAG 合規性標準，讓所有人都能獲得您的點擊後體驗

在創建點擊後登錄頁面時，有多少廣告商會考慮網絡可訪問性？

如果這是您第一次考慮可訪問性，很可能您已經失去了轉換。 事實上，五分之一的在線用戶需要適應才能使用網頁。 CDC 和癲癇基金會的這些統計數據強調了每個人都可以訪問點擊後登錄頁面的必要性：

確保您的點擊後頁面符合 ADA 和 WCAG 標準是確保每個人都可以訪問的方法。

在今天的帖子中，我們探討了 ADA 和 WCAG 合規性意味著什麼，以及為什麼廣告商在其頁面上實施這些可訪問性標準很重要。

在線 ADA 合規性意味著什麼？

美國殘疾人法案 (ADA) 於 1990 年制定，旨在結束基於不同能力的歧視。 滿足合規性的具體要求往往有點模糊和混亂，因為 ADA 沒有明確解決在線合規性問題。

但是，您可以參考構建和維護可訪問網站的最全面指南 — W3C 發布的 Web 內容可訪問性指南 (WCAG)。

什麼是WCAG？

WCAG 是確保具有不同聽覺、運動、視覺和認知能力的人可以訪問每個網頁的指南。

Web 可訪問性包括製作網站、工具和技術，以便殘障人士可以使用它們。 更具體地說，訪問者可以感知、理解、導航和與頁面交互並對頁面做出貢獻。

WCAG 有三個版本：

• WCAG 1.0 起草於 1999 年
• WCAG 2.0 於 2008 年發布
• WCAG 2.1 創建於 2018 年 6 月

2.1 版包括 17 個新的成功標準（更多內容見下文），根據 WCAG 指南，可訪問性問題被分為四個不同的組。 這些問題可以用 POUR 的縮寫來概括：

• 可感知：所有用戶都能感知到頁面上的內容嗎？
• 可操作：所有用戶都可以與頁面交互嗎？
• 可理解：所有用戶都能理解頁面上的內容嗎？
• 健壯：內容是否可以被各種程序和設備（包括屏幕閱讀器）解讀？

WCAG 指南將可訪問性問題和建議分為三個級別：

• A 級：這是最緊急的級別，包括可能嚴重限制殘疾訪問者導航或使用頁面能力的問題。
• AA級：該級別被認為是大多數商業網站的標準。 它解決了需要改進的領域，以便為殘疾用戶提供完整的網頁體驗。
• AAA 級：這是最高標準，它包括對 A 級和 AAA 級都解決的問題的微調。 但是，大多數網頁可能無法達到 AAA 合規性。

如何使您的點擊後登錄頁面可訪問

以下九種方法可以確保您的點擊後頁面符合可訪問性標準：

1. 使您的頁面鍵盤友好：即使沒有鼠標，訪問者也應該能夠瀏覽您的點擊後頁面，只需使用鍵盤的“Tab”鍵即可。 這樣做可以幫助使用輔助技術的受眾瀏覽和滾動頁面並單擊 CTA 按鈕。

2. 使所有內容都可訪問：許多點擊後頁面使用動態內容——根據預定標籤更改的內容。 如果頁面沒有將更改通知輔助工具，這可能會成為一個問題，因為許多屏幕閱讀器只會“讀取”首次加載時出現的頁面內容。 使用動態內容時，請確保將動態內容標記為活動區域，這使屏幕閱讀器和類似設備能夠在內容髮生變化時理解內容。

3. 在所有圖像中包含替代文本：向圖像添加替代文本可確保文本在無法加載、描述和提供有關圖像的上下文時顯示為圖像的替代。

4. 為頁面添加對比度：這是確保副本和所有頁面元素從背景中突出並且對有視覺障礙的用戶可見的必要步驟。 理想情況下，您應該為淺色設置深色，確保它們不會相互融合：

5. 使用標題來構建內容： H1、H2 和 H3 有助於構建您的副本並使用戶易於理解。

6. 標記表單域：確認頁面上的每個表單域都被清楚地標記，因為這允許使用屏幕閱讀器的用戶了解他們如何填寫表單。 Amplitude 頁面具有帶標籤的表單字段：

7. 創建響應式頁面：無論屏幕大小如何，響應式頁面都可以在任何設備上重新格式化和重構。 這些頁面可以從手機、平板電腦和小型筆記本電腦的小屏幕擴展到標準桌面屏幕甚至更大的寬屏顯示器——同時為所有設備上的用戶提供靈活性和出色的可用性。

8. 避免自動播放媒體和滑塊：自動播放視頻會讓使用屏幕閱讀器的用戶感到沮喪，因為很難將它們靜音或暫停。 同樣，滑塊和輪播也會導致用戶在理解上出現問題。

9. 創建可訪問的副本：遠離首字母縮略詞和技術術語，以便所有用戶都了解您提供的內容。

如何檢查您的頁面是否符合 ADA 和 WCAG

許多在線資源允許您檢查您的頁面是否合規。 所需要做的就是輸入 URL 和您的電子郵件地址。

互聯網無障礙局

BOIA 允許廣告商檢查他們的頁面是否符合可訪問性標準：

視聽

AudioEye 免費掃描您的頁面並查看它在可訪問性方面的表現：

網站改進

Siteimprove 檢查您頁面的可訪問性並提供符合 WCAG 標準的自動化測試：

您還可以下載以下 Chrome 擴展程序來檢查可訪問性。

波浪評估工具

Wave 評估工具通過將圖標和指示器注入您的頁面來提供有關您的 Web 內容可訪問性的視覺反饋。 它促進了人工評估並就可訪問性問題進行了教育。 該工具提供了許多問題、結構元素、對比錯誤、警報和替代文本的詳細信息：

用戶方式

廣告商可以下載 UserWay 小部件來評估頁面可訪問性解決方案，而無需重構現有代碼——確保全面的法律和監管合規框架涵蓋 ADA、第 508 節和 WCAG 2.1 AA。

該小部件可用於所有領先的 CMS 平台以及純 HTML/CSS/JS 站點。 該工具提供了關鍵的輔助功能和廣泛的功能選擇，用戶可以混合搭配以滿足其個人的輔助功能需求：

Round Table Pizza 具有 UserWay 小部件以確保可訪問性。 首先，使用閱讀指南，然後反轉屏幕上的顏色：

ChromeVox

ChromeVox 是一款屏幕閱讀器，可為有視力障礙的用戶帶來 Chromebook 的速度、簡單性和安全性。 ChromeVox 預裝在 Chromebook 上，但可以作為擴展程序下載。

該擴展突出顯示每個頁面部分並為用戶朗讀：

您可以在 Instapage 中執行哪些操作來滿足合規性

Instapage 建議並促進所有用戶遵守網站可訪問性標準並創建適合所有受眾的頁面。 這包括：

• 為用戶提供一種向所有頁面圖像添加圖像替代文本的簡單方法
• 使頁面鍵盤可訪問
• 允許屏幕閱讀器識別所有表單輸入和提交按鈕
• 添加適當的 HTML 標籤
• 通過向支持團隊提交請求，將語言屬性添加到頁面

使用lang屬性建立頁面語言是 WCAG 的要求，這樣做對用戶有兩個好處：

1. 允許 Google Chrome 等翻譯服務正常運行
2. 該屬性告訴屏幕閱讀器如何正確發音頁面內容

讓每個人都可以訪問您的點擊後頁面

為確保訪問您的點擊後頁面的所有用戶都有平等的轉換機會，重要的是每個人都可以訪問這些頁面。

要探索有關大規模創建可訪問的個性化點擊後登錄頁面的更多信息，請立即申請 Instapage Enterprise 演示。