十五年前,網路可訪問性並非許多設計師的想法。早在 1996 年就確實存線上上標準, 但它們的跟蹤頻率遠低於現在,許多人只是在努力使用網際網路。
在過去十年中,網路在使網站可訪問方面取得了巨大進步。但是,由您和設計師和開發人員來決定最佳化您自己的網站。不知道從哪裡開始?這些用於 WordPress 外貿獨立站網站建設可訪問性的工具和指南將幫助您設計出更好的網站。
Web 可訪問性簡介
什麼是 Web 可訪問性,為什麼要實現它,最重要的是 – 您怎麼能這樣做?這個寶貴的資源向您介紹了可訪問性的基礎知識,可以幫助您開始最佳化您的網站。
A11Y 專案
可訪問性不是一個容易討論的主題。有幾十個標準和幾小時的閱讀材料,有些人只是不打擾。輔助功能專案旨在透過易於閱讀的文章,一口大小的提示和大量有用的指南使該主題更加平易近人。
對比
高對比度顏色對於視力障礙者非常重要。有一些工具可以檢查您網站的顏色對比度,但這會破壞您的設計流程。此 macOS 應用程式立即評分顏色。不再猜測或花費時間輸入十六進位制程式碼。
Stark
如果有一個工具可以讓您從頭開始設計可訪問性,該怎麼辦?Stark 是一個 Adobe XD 和 Sketch 外掛,可以做到這一點。檢查對比度,執行色盲模擬,並獲得快速顏色建議。現在,即使在模型階段,您也可以建立一個美觀且易於訪問的站點。
tota11y
Tota11y 是一個非常有用的工具,可以從您的瀏覽器書籤啟用,並通知您頁面上的違規可訪問性。它是開源的,附帶許多外掛,可以檢測到一系列問題。在您的網站上啟用它,看看您是否透過!
可訪問的顏色矩陣
挑選調色盤?此工具向您顯示調色盤的工作方式,以及何時不符合對比度要求的註釋。現在沒有人會努力閱讀您 WordPress 外貿獨立站網站建設上的文字。
WAVE Web 輔助功能工具
WAVE 是一個網頁檢查器,可以透過各種標準執行頁面,在互動式面板中報告錯誤,警報和正確實現的功能。雖然它不能替代人體測試,但它可以幫助您設定正確的設計路徑。
Web 輔助功能檢查器
此可訪問性檢查器將頁面上的問題報告為簡單列表,分解為已知,可能和不可能的問題,以及其他功能,例如上傳或貼上 HTML 檔案的功能。您還可以檢查不同的標準!想要了解更多相關內容,還可以看看上一篇分享的《2022 年追波上 20 個有創意的手機 UI 設計概念作品(三)》。
HTML5 輔助功能
想知道主流瀏覽器支援哪些輔助功能?這個漂亮的資源詳細介紹了有關各個元素以及它們如何測試瀏覽器支援的資訊。
18F 輔助功能指南
這是一個關於 Web 可訪問性的精彩資源,指南和文章的精彩集合。如果您需要更多閱讀材料,請從這裡開始!它也是企業測試工具的重要來源。
AccessLint
GitHub 多使用者?此輔助功能檢查程式會自動檢測並指出違規行為,這很簡單。它還會重新檢查程式碼更改,以便在您確實修復問題時通知您。對於開源專案,它是完全免費的,但如果您執行私有專案,則需要每月訂閱。
Lighthouse
Lighthouse 是 Google Chrome 開發人員工具中提供的高階工具。除效能問題外,它還會檢查可訪問性錯誤。您可以從 Chrome,命令列或節點模組執行它。