資訊動(dòng)態(tài)
Latest News
用于Web設(shè)計(jì)可訪問(wèn)性的工具和指南
十五年前,,網(wǎng)絡(luò)可訪問(wèn)性并非許多設(shè)計(jì)師的想法,。早在1996年就確實(shí)存在在線標(biāo)準(zhǔn),但它們的跟蹤頻率遠(yuǎn)低于現(xiàn)在,許多人只是在努力使用互聯(lián)網(wǎng),。
在過(guò)去十年中,,網(wǎng)絡(luò)在使網(wǎng)站可訪問(wèn)方面取得了巨大進(jìn)步。但是,由您和設(shè)計(jì)師和開發(fā)人員來(lái)決定優(yōu)化您自己的網(wǎng)站,。不知道從哪里開始,?這些用于網(wǎng)站建設(shè)可訪問(wèn)性的工具和指南將幫助您設(shè)計(jì)出更好的網(wǎng)站。
Web可訪問(wèn)性簡(jiǎn)介
什么是Web可訪問(wèn)性,,為什么要實(shí)現(xiàn)它,,最重要的是 - 你怎么能這樣做?這個(gè)寶貴的資源向您介紹了可訪問(wèn)性的基礎(chǔ)知識(shí),,可以幫助您開始優(yōu)化您的網(wǎng)站,。
A11Y項(xiàng)目
可訪問(wèn)性不是一個(gè)容易討論的主題。有幾十個(gè)標(biāo)準(zhǔn)和幾小時(shí)的閱讀材料,,有些人只是不打擾,。輔助功能項(xiàng)目旨在通過(guò)易于閱讀的文章,一口大小的提示和大量有用的指南使該主題更加平易近人,。
對(duì)比
高對(duì)比度顏色對(duì)于視力障礙者非常重要,。有一些工具可以檢查您網(wǎng)站的顏色對(duì)比度,但這會(huì)破壞您的設(shè)計(jì)流程,。此macOS應(yīng)用程序立即評(píng)分顏色,。不再猜測(cè)或花費(fèi)時(shí)間輸入十六進(jìn)制代碼。
Stark
如果有一個(gè)工具可以讓您從頭開始設(shè)計(jì)可訪問(wèn)性,,該怎么辦,?Stark是一個(gè)Adobe XD和Sketch插件,可以做到這一點(diǎn),。檢查對(duì)比度,,運(yùn)行色盲模擬,并獲得快速顏色建議?,F(xiàn)在,,即使在模型階段,您也可以創(chuàng)建一個(gè)美觀且易于訪問(wèn)的站點(diǎn),。
tota11y
Tota11y是一個(gè)非常有用的工具,,可以從您的瀏覽器書簽激活,并通知您頁(yè)面上的違規(guī)可訪問(wèn)性,。它是開源的,,附帶許多插件,可以檢測(cè)到一系列問(wèn)題,。在您的網(wǎng)站上激活它,,看看您是否通過(guò)!
可訪問(wèn)的顏色矩陣
挑選調(diào)色板,?此工具向您顯示調(diào)色板的工作方式,,以及何時(shí)不符合對(duì)比度要求的注釋?,F(xiàn)在沒(méi)有人會(huì)努力閱讀您網(wǎng)站建設(shè)上的文字。
WAVE Web輔助功能工具
WAVE是一個(gè)網(wǎng)頁(yè)檢查器,,可以通過(guò)各種標(biāo)準(zhǔn)運(yùn)行頁(yè)面,,在交互式面板中報(bào)告錯(cuò)誤,警報(bào)和正確實(shí)現(xiàn)的功能,。雖然它不能替代人體測(cè)試,,但它可以幫助您設(shè)置正確的設(shè)計(jì)路徑。
Web輔助功能檢查器
此可訪問(wèn)性檢查器將頁(yè)面上的問(wèn)題報(bào)告為簡(jiǎn)單列表,,分解為已知,,可能和不可能的問(wèn)題,以及其他功能,,例如上傳或粘貼HTML文件的功能,。您還可以檢查不同的標(biāo)準(zhǔn)!想要了解更多相關(guān)內(nèi)容,,還可以看看上一篇分享的《2019年追波上20個(gè)有創(chuàng)意的手機(jī)UI設(shè)計(jì)概念作品(三)》,。
HTML5輔助功能
想知道主流瀏覽器支持哪些輔助功能?這個(gè)漂亮的資源詳細(xì)介紹了有關(guān)各個(gè)元素以及它們?nèi)绾螠y(cè)試瀏覽器支持的信息,。
18F輔助功能指南
這是一個(gè)關(guān)于Web可訪問(wèn)性的精彩資源,指南和文章的精彩集合,。如果您需要更多閱讀材料,,請(qǐng)從這里開始!它也是企業(yè)測(cè)試工具的重要來(lái)源,。
AccessLint
GitHub用戶,?此輔助功能檢查程序會(huì)自動(dòng)檢測(cè)并指出違規(guī)行為,這很簡(jiǎn)單,。它還會(huì)重新檢查代碼更改,,以便在您確實(shí)修復(fù)問(wèn)題時(shí)通知您。對(duì)于開源項(xiàng)目,,它是完全免費(fèi)的,,但如果您運(yùn)行私有項(xiàng)目,則需要每月訂閱,。
Lighthouse
Lighthouse是Google Chrome開發(fā)人員工具中提供的高級(jí)工具,。除性能問(wèn)題外,它還會(huì)檢查可訪問(wèn)性錯(cuò)誤,。您可以從Chrome,,命令行或節(jié)點(diǎn)模塊運(yùn)行它。
在過(guò)去十年中,,網(wǎng)絡(luò)在使網(wǎng)站可訪問(wèn)方面取得了巨大進(jìn)步。但是,由您和設(shè)計(jì)師和開發(fā)人員來(lái)決定優(yōu)化您自己的網(wǎng)站,。不知道從哪里開始,?這些用于網(wǎng)站建設(shè)可訪問(wèn)性的工具和指南將幫助您設(shè)計(jì)出更好的網(wǎng)站。
Web可訪問(wèn)性簡(jiǎn)介
什么是Web可訪問(wèn)性,,為什么要實(shí)現(xiàn)它,,最重要的是 - 你怎么能這樣做?這個(gè)寶貴的資源向您介紹了可訪問(wèn)性的基礎(chǔ)知識(shí),,可以幫助您開始優(yōu)化您的網(wǎng)站,。
A11Y項(xiàng)目
可訪問(wèn)性不是一個(gè)容易討論的主題。有幾十個(gè)標(biāo)準(zhǔn)和幾小時(shí)的閱讀材料,,有些人只是不打擾,。輔助功能項(xiàng)目旨在通過(guò)易于閱讀的文章,一口大小的提示和大量有用的指南使該主題更加平易近人,。
對(duì)比
高對(duì)比度顏色對(duì)于視力障礙者非常重要,。有一些工具可以檢查您網(wǎng)站的顏色對(duì)比度,但這會(huì)破壞您的設(shè)計(jì)流程,。此macOS應(yīng)用程序立即評(píng)分顏色,。不再猜測(cè)或花費(fèi)時(shí)間輸入十六進(jìn)制代碼。
Stark
如果有一個(gè)工具可以讓您從頭開始設(shè)計(jì)可訪問(wèn)性,,該怎么辦,?Stark是一個(gè)Adobe XD和Sketch插件,可以做到這一點(diǎn),。檢查對(duì)比度,,運(yùn)行色盲模擬,并獲得快速顏色建議?,F(xiàn)在,,即使在模型階段,您也可以創(chuàng)建一個(gè)美觀且易于訪問(wèn)的站點(diǎn),。
tota11y
Tota11y是一個(gè)非常有用的工具,,可以從您的瀏覽器書簽激活,并通知您頁(yè)面上的違規(guī)可訪問(wèn)性,。它是開源的,,附帶許多插件,可以檢測(cè)到一系列問(wèn)題,。在您的網(wǎng)站上激活它,,看看您是否通過(guò)!
可訪問(wèn)的顏色矩陣
挑選調(diào)色板,?此工具向您顯示調(diào)色板的工作方式,,以及何時(shí)不符合對(duì)比度要求的注釋?,F(xiàn)在沒(méi)有人會(huì)努力閱讀您網(wǎng)站建設(shè)上的文字。
WAVE Web輔助功能工具
WAVE是一個(gè)網(wǎng)頁(yè)檢查器,,可以通過(guò)各種標(biāo)準(zhǔn)運(yùn)行頁(yè)面,,在交互式面板中報(bào)告錯(cuò)誤,警報(bào)和正確實(shí)現(xiàn)的功能,。雖然它不能替代人體測(cè)試,,但它可以幫助您設(shè)置正確的設(shè)計(jì)路徑。
Web輔助功能檢查器
此可訪問(wèn)性檢查器將頁(yè)面上的問(wèn)題報(bào)告為簡(jiǎn)單列表,,分解為已知,,可能和不可能的問(wèn)題,以及其他功能,,例如上傳或粘貼HTML文件的功能,。您還可以檢查不同的標(biāo)準(zhǔn)!想要了解更多相關(guān)內(nèi)容,,還可以看看上一篇分享的《2019年追波上20個(gè)有創(chuàng)意的手機(jī)UI設(shè)計(jì)概念作品(三)》,。
HTML5輔助功能
想知道主流瀏覽器支持哪些輔助功能?這個(gè)漂亮的資源詳細(xì)介紹了有關(guān)各個(gè)元素以及它們?nèi)绾螠y(cè)試瀏覽器支持的信息,。
18F輔助功能指南
這是一個(gè)關(guān)于Web可訪問(wèn)性的精彩資源,指南和文章的精彩集合,。如果您需要更多閱讀材料,,請(qǐng)從這里開始!它也是企業(yè)測(cè)試工具的重要來(lái)源,。
AccessLint
GitHub用戶,?此輔助功能檢查程序會(huì)自動(dòng)檢測(cè)并指出違規(guī)行為,這很簡(jiǎn)單,。它還會(huì)重新檢查代碼更改,,以便在您確實(shí)修復(fù)問(wèn)題時(shí)通知您。對(duì)于開源項(xiàng)目,,它是完全免費(fèi)的,,但如果您運(yùn)行私有項(xiàng)目,則需要每月訂閱,。
Lighthouse
Lighthouse是Google Chrome開發(fā)人員工具中提供的高級(jí)工具,。除性能問(wèn)題外,它還會(huì)檢查可訪問(wèn)性錯(cuò)誤,。您可以從Chrome,,命令行或節(jié)點(diǎn)模塊運(yùn)行它。
聯(lián)系我們
易眾愿做您的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)
北京市昌平區(qū)珠江摩爾3號(hào)樓1單元203 |
|
010-69728864 |
821359827 |
13718502292 |