SaaS 網站可訪問性清單

已發表: 2022-09-29

什麼是網站可訪問性？

Web 可訪問性就是確保每個人都可以訪問、使用和參與您的 SaaS 網站的內容。 一個可訪問的網站是一個在所有設備上容納所有用戶的網站，無論用戶的身體或精神能力如何。

對於您的 SaaS 網站和產品，可訪問性是現代用戶體驗設計的重要組成部分。 萬維網聯盟 (W3C) 的最新版本的 Web 內容可訪問性指南 (WCAG) 2.1 涵蓋了使 Web 內容更易於訪問的大量建議。

為什麼要讓您的 SaaS 網站易於訪問？

您希望您的 SaaS 解決方案能夠達到最大用戶數。 但猜猜怎麼了？ 您的大部分目標受眾可能患有殘疾，例如色盲、閱讀困難、聽力受損等。

  • 據世界衛生組織稱，有某種殘疾的人佔世界人口的 15%。
  • 在美國，四分之一的成年人（即 6100 萬人）患有殘疾。

讓您的 SaaS 網站更易於訪問不僅是正確的做法，而且不這樣做意味著您甚至在有機會介紹您的產品之前就拒絕了潛在客戶。

此外，不讓您的 SaaS 可訪問會招致代價高昂的訴訟。

  • 與 2017 年相比，2018 年聯邦 ADA 訴訟增加了 181%。
  • 與 2020 年相比，2021 年上半年聲稱殘疾人無法訪問網站、應用程序和視頻的訴訟數量增加了 64%。

無障礙網頁設計的4個核心原則

Web 內容可訪問性指南圍繞四個原則進行組織：

  • 可感知：有視覺、聽覺或感官障礙的訪客可以消費內容（通過屏幕閱讀器、字幕、文字記錄或其他輔助技術）。
  • 可操作：訪問者可以使用他們喜歡的控件操作網站，例如通過鍵盤快捷鍵為無法使用鼠標的人操作。
  • 可理解：網站界面對於癲癇或自閉症等認知障礙的用戶來說是可以理解的。
  • 健壯：該網站是跨瀏覽器、跨平台的，並且與當前的輔助技術兼容。

WCAG 可訪問性級別

可訪問性合規性分為三個級別（A、AA 和 AAA），A 級是滿足的最低要求（不完全可訪問），而 AAA 是最優化的可訪問性級別。

  • A 級：滿足最低要求的最低級別的可訪問性。 許多殘疾用戶群體會發現很難或不可能訪問此類網站上的內容。
  • AA 級：更高級別的可訪問性。 某些用戶群體會發現難以訪問此類網站上的信息。 達到這一水平將消除殘障用戶訪問 Web 內容的主要障礙。
  • AAA 級：最高級別的可訪問性。 滿足這些標準將確保為殘障人士提供最佳的用戶體驗。

14 點 SaaS 網站可訪問性清單

此清單並不全面，但涵蓋了您必須考慮的優先元素，以使您的 SaaS 網站更易於訪問和合規：

  • 建立清晰的 HTML 標頭結構，正確使用 H1、H2 等。
  • 使頁面上的超鏈接對用戶友好：
    • 為內聯鏈接文本添加下劃線，並使用與其餘內容不同的顏色。
    • 寫一個描述性的錨文本，例如“下載我們的免費無障礙指南”而不是“點擊這裡”。
  • 為所有圖像和表格添加描述性替代文本，以便使用輔助技術（如屏幕閱讀器）的人可以使用內容。
  • 確保您有可用於視頻和音頻內容的字幕、嵌入式字幕或至少文本轉錄本。
  • 謹慎使用顏色：
    • 在各種元素（如文本和按鈕）和背景之間有足夠的顏色對比。
    • 確保不單獨使用顏色向用戶傳達信息。
    • 使用圖案或紋理來指示圖表、圖形等中的視覺差異。
  • 選擇易於理解的字體，使字符易於相互區分，並且字體之間的字母間距足夠大。
  • 提供在頁面在所有瀏覽器中仍按預期運行時輕鬆調整文本大小的能力。
  • 使您的 SaaS 網站鍵盤友好：
    • 確保您的網站的所有部分都可以在沒有鼠標的情況下訪問，僅使用鍵盤鍵。 所有可以用鼠標完成的動作也必須可以用鍵盤完成。
    • 保持您的網站導航直觀和簡潔，在菜單中只包括必要的類別。
    • 顯示一個可見的焦點指示器，以精確定位用戶當前選擇的活動元素。
  • 使您的表格易於訪問：
    • 定義清晰的邊界和邊界。
    • 標記您的表單元素以說明需要輸入哪些數據。
    • 根據需要標記所需的表單字段。
    • 提供有用的錯誤信息。
  • 對於有時間限制的頁面，允許用戶調整限製或將其關閉。
  • 確保文本內容語法正確並以通俗易懂的語言編寫，以幫助閱讀和理解。 在詞彙表中定義縮寫詞或不常見的詞。
  • 頁面上沒有任何元素每秒閃爍超過 3 次。
  • 使用語義 HTML 元素來有效地描述頁面元素的用途。
  • 發布可訪問性聲明，說明貴公司的目標可訪問性級別及其為實現 ADA 合規性所做的努力。

精心挑選的免費可訪問性評估工具

以下是您可以用來評估網站可訪問性的眾多免費工具中的一些：

  • WAVE ：一套評估工具，可幫助作者使他們的網絡內容更容易被殘障人士訪問。
  • WebAccessibility.com ：獲得 100 分的 W3C 合規性總分，這樣您就可以了解 WCAG 是否符合您的 SaaS 網站。
  • SortSite ：根據 WCAG 可訪問性標準檢查您的網站，並遵守《康復法》第 508 條。 它檢查可訪問性、斷開的鏈接、瀏覽器代碼兼容性、搜索引擎優化和其他可用性問題。
  • aCe by accessiBe ：一種全自動的可訪問性工具，可以立即準確地回答您的網站是否符合 ADA 和 WCAG。

覺得這份清單有用嗎？ 這是一個方便的信息圖表版本，您可以與您的同事和網絡共享。