用于Web設計可訪問性的工具和指南

2022-10-20 分類：網站建設

十五年前，網絡可訪問性并非許多設計師的想法。早在1996年就確實存在在線標準,但它們的跟蹤頻率遠低于現在，許多人只是在努力使用互聯網。

在過去十年中，網絡在使網站可訪問方面取得了巨大進步。但是，由您和設計師和開發人員來決定優化您自己的網站。不知道從哪里開始？這些用于網站建設可訪問性的工具和指南將幫助您設計出更好的網站。

Web可訪問性簡介

什么是Web可訪問性，為什么要實現它，最重要的是 - 你怎么能這樣做？這個寶貴的資源向您介紹了可訪問性的基礎知識，可以幫助您開始優化您的網站。

A11Y項目

可訪問性不是一個容易討論的主題。有幾十個標準和幾小時的閱讀材料，有些人只是不打擾。輔助功能項目旨在通過易于閱讀的文章，一口大小的提示和大量有用的指南使該主題更加平易近人。

對比

高對比度顏色對于視力障礙者非常重要。有一些工具可以檢查您網站的顏色對比度，但這會破壞您的設計流程。此macOS應用程序立即評分顏色。不再猜測或花費時間輸入十六進制代碼。

Stark

如果有一個工具可以讓您從頭開始設計可訪問性，該怎么辦？Stark是一個Adobe XD和Sketch插件，可以做到這一點。檢查對比度，運行色盲模擬，并獲得快速顏色建議。現在，即使在模型階段，您也可以創建一個美觀且易于訪問的站點。

tota11y

Tota11y是一個非常有用的工具，可以從您的瀏覽器書簽激活，并通知您頁面上的違規可訪問性。它是開源的，附帶許多插件，可以檢測到一系列問題。在您的網站上激活它，看看您是否通過！

可訪問的顏色矩陣

挑選調色板？此工具向您顯示調色板的工作方式，以及何時不符合對比度要求的注釋。現在沒有人會努力閱讀您網站建設上的文字。

WAVE Web輔助功能工具

WAVE是一個網頁檢查器，可以通過各種標準運行頁面，在交互式面板中報告錯誤，警報和正確實現的功能。雖然它不能替代人體測試，但它可以幫助您設置正確的設計路徑。

Web輔助功能檢查器

此可訪問性檢查器將頁面上的問題報告為簡單列表，分解為已知，可能和不可能的問題，以及其他功能，例如上傳或粘貼HTML文件的功能。您還可以檢查不同的標準！想要了解更多相關內容，還可以看看上一篇分享的《2019年追波上20個有創意的手機UI設計概念作品（三）》。

HTML5輔助功能

想知道主流瀏覽器支持哪些輔助功能？這個漂亮的資源詳細介紹了有關各個元素以及它們如何測試瀏覽器支持的信息。

18F輔助功能指南

這是一個關于Web可訪問性的精彩資源，指南和文章的精彩集合。如果您需要更多閱讀材料，請從這里開始！它也是企業測試工具的重要來源。

AccessLint

GitHub用戶？此輔助功能檢查程序會自動檢測并指出違規行為，這很簡單。它還會重新檢查代碼更改，以便在您確實修復問題時通知您。對于開源項目，它是完全免費的，但如果您運行私有項目，則需要每月訂閱。

Lighthouse

Lighthouse是Google Chrome開發人員工具中提供的高級工具。除性能問題外，它還會檢查可訪問性錯誤。您可以從Chrome，命令行或節點模塊運行它。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容