毫無疑問,您了解為盡可能多的用戶訪問您的網(wǎng)站的必要性。但閱讀所有指南和標(biāo)準(zhǔn)可能有點(diǎn)壓倒性。您可以在此處找到最新的W3C建議,但是您是否需要了解每個單詞,并遵循每個指南?
今天,我們將嘗試使用一些工具和資源來幫助您提高網(wǎng)站的可訪問性(甚至可能需要考慮一些不在您的雷達(dá)上的檢查!)。
無論您是希望確保您擁有足夠的視覺對比度,還是屏幕閱讀器可訪問的網(wǎng)站,甚至是創(chuàng)建可訪問的電子郵件,我們都能滿足您的需求!
1.顏色安全
網(wǎng)站可訪問性
Color Safe可幫助您根據(jù)WCAG“文本和背景顏色對比指南”檢查(甚至創(chuàng)建)可訪問的調(diào)色板。該工具和標(biāo)準(zhǔn)使用基于比率的公式來確定所有人都可以閱讀的顏色組合。
WCAG指南建議小(體)文本的對比度為4.5,大文本(超過24點(diǎn)的任何對象)的對比度為3。
只需輸入您的顏色 - 基于HEX代碼 - 字體選擇和大小并生成調(diào)色板。您可以立即檢查比率,并可以看到其他類似的顏色。根據(jù)您的字體和大小,查看是否有類似的東西可能是更好的選擇。
2. NoCoffee
網(wǎng)站可訪問性
NoCoffee是一款Google Chrome瀏覽器擴(kuò)展程序,可幫助您以與視障人士相同的方式查看您的設(shè)計。(沒有什么能突出可訪問性的重要性,比如以這種方式看待它。)
它可以檢查并顯示以下內(nèi)容:
低視敏度,小文本或點(diǎn)擊目標(biāo)
文本和背景元素的低對比度問題
色盲
視覺雪,眩光,鬼影和白內(nèi)障
眼球震顫,是眼睛的快速不自主運(yùn)動
受阻的視野
3.對比檢查器
網(wǎng)站可訪問性
對比度檢查器允許您在屏幕上輸入背景和前景色,并通過即時的顏色編碼通過/失敗立即檢查幾個視覺標(biāo)準(zhǔn)。
該工具的優(yōu)點(diǎn)包括能夠在彩色和灰度選項之間切換,共享支票樣本和從圖像中提取顏色。您還可以保存PDF樣本。它是一個簡單的工具,具有許多功能,任何人都可以快速使用。
它還提供了顏色比率,如WCAG指南中所述。
4. Tota11y
網(wǎng)站可訪問性
Tota11y是一個JavaScript文件,它在文檔的底角放置一個小按鈕。它擴(kuò)展了一個工具欄,其中包含用于不同輔助功能檢查的多個插件。
標(biāo)題和標(biāo)題順序違規(guī)
對比(或缺乏對比)
鏈接缺少或混淆的文本
輸入中缺少的標(biāo)簽
沒有alt-text的圖像
標(biāo)簽是ARIA的標(biāo)志性建筑
屏幕閱讀器“魔杖”,因此您可以像屏幕閱讀器一樣“閱讀”該網(wǎng)站
5. WAVE
網(wǎng)站可訪問性
WAVE或Web輔助功能評估工具是一個強(qiáng)大的檢查集合。
該工具使用與側(cè)邊欄中的信息相關(guān)的圖標(biāo)的視覺疊加,以提供從顏色對比度到冗余標(biāo)題到HTML和結(jié)構(gòu)元素鏈接的所有內(nèi)容的詳細(xì)信息。
免費(fèi)檢查器幾乎可以為您提供有關(guān)單個頁面的任何信息,但WAVE還包括針對多站點(diǎn)所有者或希望一次查看多個頁面的用戶的付費(fèi)企業(yè)級工具。它還包括Chrome和Firefox瀏覽器擴(kuò)展,可以在私有環(huán)境中檢查Intranet,受密碼保護(hù),動態(tài)生成或敏感的網(wǎng)頁。
6. 508 Checker
網(wǎng)站可訪問性
508 Checker測試URL以確定網(wǎng)站是否符合美國508合規(guī)性指南,這是法律要求任何接受聯(lián)邦資助的組織的要求。
雖然此工具是免費(fèi)的,但您必須注冊以查看掃描的完整結(jié)果。
該網(wǎng)站還包括其他工具和資源,包括一個測驗,幫助組織了解他們是否符合508合規(guī)性以及高等教育,非營利組織和政府機(jī)構(gòu)的特定資源。
7. HTML_CodeSniffer
網(wǎng)站可訪問性
HTML_CodeSniffer是一個客戶端腳本,用于檢查源代碼并查找違反已定義標(biāo)準(zhǔn)的內(nèi)容。它檢查Web內(nèi)容可訪問性指南2.0和美國第508節(jié)。
將代碼直接粘貼到網(wǎng)站上以進(jìn)行檢查或使用書簽。
它易于使用,您可以選擇要顯示的信息類型 - 錯誤,警告或通知,并查看詳細(xì)說明檢查中任何問題的報告。
8.無障礙電子郵件
網(wǎng)站可訪問性
Accessible Email是一個在線檢查器和HTML編輯器,可幫助您在發(fā)送之前改進(jìn)電子郵件簡報的代碼。(您也可以查看過去/發(fā)送的廣告系列。)
有了這么多數(shù)字通信和來自電子郵件的潛在客戶,它不應(yīng)該是可訪問性方面被遺忘的網(wǎng)站元素之一,但它通常是。Web上可訪問性的相同規(guī)則也適用于電子郵件發(fā)送。
該工具可免費(fèi)使用,旨在促進(jìn)電子郵件營銷的可訪問性和可用性。
9.阿馬拉
網(wǎng)站可訪問性
Amara是一個為視頻創(chuàng)建字幕和隱藏字幕的工具。
提供無聲或其他語言連接的方式可以向更多人開放您的設(shè)計元素,特別是如果視頻是設(shè)計的關(guān)鍵元素。
此工具包括免費(fèi)和企業(yè)選項,可以輕松地將語言以可讀格式顯示在屏幕上,該格式適用于YouTube等網(wǎng)站和視頻流平臺。
10. MobiReady
網(wǎng)站可訪問性
MobiReady以可視格式提供移動輔助功能測試,并提供結(jié)果報告,以便您可以查看您的網(wǎng)站在最小的設(shè)備上可能無法實現(xiàn)的位置。
您可以根據(jù)Alexa 1000對您的網(wǎng)站進(jìn)行基準(zhǔn)測試,Alexa 1000是世界頂級網(wǎng)站的排名; 通過推薦獲得詳細(xì)的技術(shù)結(jié)果,并在不同的屏幕上查看您網(wǎng)站的效果圖,包括高,中,低層設(shè)備。
該測試的部分之一是它在幾十個方面得分,并且有任何“失敗”的改進(jìn)建議。
結(jié)論
在網(wǎng)站可訪問性方面,考慮所有類型用戶的可用性和可讀性非常重要。考慮元素的顏色,大小和位置,標(biāo)題和副標(biāo)題,適當(dāng)?shù)腍TML和結(jié)構(gòu)甚至電子郵件,以便為盡可能多的人提供體驗。
檢查可能適用于您的項目的任何區(qū)域或國家合規(guī)性規(guī)則也很重要,例如上面提到的508合規(guī)性標(biāo)準(zhǔn)。
當(dāng)它有疑問時,最好在可訪問性方面犯錯。可以從調(diào)色板調(diào)整顏色或提高字體大小,以便更多人可以輕松地了解屏幕上的內(nèi)容。
本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計公司,成都網(wǎng)站設(shè)計公司,企業(yè)網(wǎng)站建設(shè)
新聞名稱:10個改善網(wǎng)站可訪問性的工具
URL地址:http://m.newbst.com/news23/163323.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、軟件開發(fā)、App開發(fā)、建站公司、品牌網(wǎng)站建設(shè)、做網(wǎng)站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)