用于Web設(shè)計可訪問性的工具和指南
2022-10-20 分類： 網(wǎng)站建設(shè)
十五年前，網(wǎng)絡(luò)可訪問性并非許多設(shè)計師的想法。早在1996年就確實存在在線標(biāo)準(zhǔn),但它們的跟蹤頻率遠(yuǎn)低于現(xiàn)在，許多人只是在努力使用互聯(lián)網(wǎng)。
在過去十年中，網(wǎng)絡(luò)在使網(wǎng)站可訪問方面取得了巨大進(jìn)步。但是，由您和設(shè)計師和開發(fā)人員來決定優(yōu)化您自己的網(wǎng)站。不知道從哪里開始？這些用于網(wǎng)站建設(shè)可訪問性的工具和指南將幫助您設(shè)計出更好的網(wǎng)站。
Web可訪問性簡介
什么是Web可訪問性，為什么要實現(xiàn)它，最重要的是 - 你怎么能這樣做？這個寶貴的資源向您介紹了可訪問性的基礎(chǔ)知識，可以幫助您開始優(yōu)化您的網(wǎng)站。
A11Y項目
可訪問性不是一個容易討論的主題。有幾十個標(biāo)準(zhǔn)和幾小時的閱讀材料，有些人只是不打擾。輔助功能項目旨在通過易于閱讀的文章，一口大小的提示和大量有用的指南使該主題更加平易近人。
對比
高對比度顏色對于視力障礙者非常重要。有一些工具可以檢查您網(wǎng)站的顏色對比度，但這會破壞您的設(shè)計流程。此macOS應(yīng)用程序立即評分顏色。不再猜測或花費時間輸入十六進(jìn)制代碼。
Stark
如果有一個工具可以讓您從頭開始設(shè)計可訪問性，該怎么辦？Stark是一個Adobe XD和Sketch插件，可以做到這一點。檢查對比度，運行色盲模擬，并獲得快速顏色建議。現(xiàn)在，即使在模型階段，您也可以創(chuàng)建一個美觀且易于訪問的站點。
tota11y
Tota11y是一個非常有用的工具，可以從您的瀏覽器書簽激活，并通知您頁面上的違規(guī)可訪問性。它是開源的，附帶許多插件，可以檢測到一系列問題。在您的網(wǎng)站上激活它，看看您是否通過！
可訪問的顏色矩陣
挑選調(diào)色板？此工具向您顯示調(diào)色板的工作方式，以及何時不符合對比度要求的注釋。現(xiàn)在沒有人會努力閱讀您網(wǎng)站建設(shè)上的文字。
WAVE Web輔助功能工具
WAVE是一個網(wǎng)頁檢查器，可以通過各種標(biāo)準(zhǔn)運行頁面，在交互式面板中報告錯誤，警報和正確實現(xiàn)的功能。雖然它不能替代人體測試，但它可以幫助您設(shè)置正確的設(shè)計路徑。
Web輔助功能檢查器
此可訪問性檢查器將頁面上的問題報告為簡單列表，分解為已知，可能和不可能的問題，以及其他功能，例如上傳或粘貼HTML文件的功能。您還可以檢查不同的標(biāo)準(zhǔn)！想要了解更多相關(guān)內(nèi)容，還可以看看上一篇分享的《2019年追波上20個有創(chuàng)意的手機(jī)UI設(shè)計概念作品（三）》。
HTML5輔助功能
想知道主流瀏覽器支持哪些輔助功能？這個漂亮的資源詳細(xì)介紹了有關(guān)各個元素以及它們?nèi)绾螠y試瀏覽器支持的信息。
18F輔助功能指南
這是一個關(guān)于Web可訪問性的精彩資源，指南和文章的精彩集合。如果您需要更多閱讀材料，請從這里開始！它也是企業(yè)測試工具的重要來源。
AccessLint
GitHub用戶？此輔助功能檢查程序會自動檢測并指出違規(guī)行為，這很簡單。它還會重新檢查代碼更改，以便在您確實修復(fù)問題時通知您。對于開源項目，它是完全免費的，但如果您運行私有項目，則需要每月訂閱。
Lighthouse
Lighthouse是Google Chrome開發(fā)人員工具中提供的高級工具。除性能問題外，它還會檢查可訪問性錯誤。您可以從Chrome，命令行或節(jié)點模塊運行它。
網(wǎng)站標(biāo)題：用于Web設(shè)計可訪問性的工具和指南
本文網(wǎng)址：http://m.2m8n56k.cn/news/206602.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站內(nèi)鏈、App設(shè)計、用戶體驗、App開發(fā)、網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 創(chuàng)新互聯(lián)解析網(wǎng)站建設(shè)與企業(yè)品牌之間有哪些關(guān)系 2022-10-20
- 制作手機(jī)網(wǎng)站要了解的問題 2022-10-20
- 網(wǎng)站頁面優(yōu)化如何處理導(dǎo)航元素 2022-10-20
- 怎么做網(wǎng)頁制作顯得有水平？ 2022-10-20
- 建網(wǎng)站需要多少錢不固定，根據(jù)需求變化 2022-10-20
- 如何自己創(chuàng)建網(wǎng)站能增加訪問量 2022-10-20
- 怎樣制作自己的網(wǎng)站能解決收錄問題 2022-10-20
- 企業(yè)建網(wǎng)站關(guān)于圖片的客觀建議 2022-10-20
- 企業(yè)網(wǎng)站建站的特點與作用 2022-10-20
- 公司網(wǎng)頁建設(shè)時的常見誤解 2022-10-20
- 網(wǎng)站建造的七大意義 2022-10-20
- 怎么搭建網(wǎng)站使訪客青睞 2022-10-20
- 建設(shè)手機(jī)網(wǎng)站哪些知識點值得關(guān)注 2022-10-20
- 外貿(mào)網(wǎng)站如何優(yōu)化 2022-10-20
- 新手常見的網(wǎng)頁設(shè)計錯誤 2022-10-20
- 怎么樣建設(shè)網(wǎng)站能營造出好的體驗 2022-10-20
- 怎樣做一個網(wǎng)站時能減少成本 2022-10-20
- 企業(yè)、公司為什么要建網(wǎng)站？ 2022-10-20
- 外貿(mào)網(wǎng)站怎么做有助于后期工作 2022-10-20