10個(gè)改善網(wǎng)站可訪問性的工具

毫無疑問，您了解為盡可能多的用戶訪問您的網(wǎng)站的必要性。但閱讀所有指南和標(biāo)準(zhǔn)可能有點(diǎn)壓倒性。您可以在此處找到最新的W3C建議，但是您是否需要了解每個(gè)單詞，并遵循每個(gè)指南？
今天，我們將嘗試使用一些工具和資源來幫助您提高網(wǎng)站的可訪問性（甚至可能需要考慮一些不在您的雷達(dá)上的檢查?。?。
無論您是希望確保您擁有足夠的視覺對(duì)比度，還是屏幕閱讀器可訪問的網(wǎng)站，甚至是創(chuàng)建可訪問的電子郵件，我們都能滿足您的需求！

1.顏色安全

網(wǎng)站可訪問性
Color Safe可幫助您根據(jù)WCAG“文本和背景顏色對(duì)比指南”檢查（甚至創(chuàng)建）可訪問的調(diào)色板。該工具和標(biāo)準(zhǔn)使用基于比率的公式來確定所有人都可以閱讀的顏色組合。
WCAG指南建議?。w）文本的對(duì)比度為4.5，大文本（超過24點(diǎn)的任何對(duì)象）的對(duì)比度為3。
只需輸入您的顏色 - 基于HEX代碼 - 字體選擇和大小并生成調(diào)色板。您可以立即檢查比率，并可以看到其他類似的顏色。根據(jù)您的字體和大小，查看是否有類似的東西可能是更好的選擇。
2. NoCoffee
網(wǎng)站可訪問性
NoCoffee是一款Google Chrome瀏覽器擴(kuò)展程序，可幫助您以與視障人士相同的方式查看您的設(shè)計(jì)。（沒有什么能突出可訪問性的重要性，比如以這種方式看待它。）
它可以檢查并顯示以下內(nèi)容：
低視敏度，小文本或點(diǎn)擊目標(biāo)
文本和背景元素的低對(duì)比度問題
色盲
視覺雪，眩光，鬼影和白內(nèi)障
眼球震顫，是眼睛的快速不自主運(yùn)動(dòng)
受阻的視野

3.對(duì)比檢查器

網(wǎng)站可訪問性
對(duì)比度檢查器允許您在屏幕上輸入背景和前景色，并通過即時(shí)的顏色編碼通過/失敗立即檢查幾個(gè)視覺標(biāo)準(zhǔn)。
該工具的優(yōu)點(diǎn)包括能夠在彩色和灰度選項(xiàng)之間切換，共享支票樣本和從圖像中提取顏色。您還可以保存PDF樣本。它是一個(gè)簡(jiǎn)單的工具，具有許多功能，任何人都可以快速使用。
它還提供了顏色比率，如WCAG指南中所述。
4. Tota11y
網(wǎng)站可訪問性
Tota11y是一個(gè)JavaScript文件，它在文檔的底角放置一個(gè)小按鈕。它擴(kuò)展了一個(gè)工具欄，其中包含用于不同輔助功能檢查的多個(gè)插件。
標(biāo)題和標(biāo)題順序違規(guī)
對(duì)比（或缺乏對(duì)比）
鏈接缺少或混淆的文本
輸入中缺少的標(biāo)簽
沒有alt-text的圖像
標(biāo)簽是ARIA的標(biāo)志性建筑
屏幕閱讀器“魔杖”，因此您可以像屏幕閱讀器一樣“閱讀”該網(wǎng)站

5. WAVE

網(wǎng)站可訪問性
WAVE或Web輔助功能評(píng)估工具是一個(gè)強(qiáng)大的檢查集合。
該工具使用與側(cè)邊欄中的信息相關(guān)的圖標(biāo)的視覺疊加，以提供從顏色對(duì)比度到冗余標(biāo)題到HTML和結(jié)構(gòu)元素鏈接的所有內(nèi)容的詳細(xì)信息。
免費(fèi)檢查器幾乎可以為您提供有關(guān)單個(gè)頁面的任何信息，但WAVE還包括針對(duì)多站點(diǎn)所有者或希望一次查看多個(gè)頁面的用戶的付費(fèi)企業(yè)級(jí)工具。它還包括Chrome和Firefox瀏覽器擴(kuò)展，可以在私有環(huán)境中檢查Intranet，受密碼保護(hù)，動(dòng)態(tài)生成或敏感的網(wǎng)頁。
6. 508 Checker
網(wǎng)站可訪問性
508 Checker測(cè)試URL以確定網(wǎng)站是否符合美國(guó)508合規(guī)性指南，這是法律要求任何接受聯(lián)邦資助的組織的要求。
雖然此工具是免費(fèi)的，但您必須注冊(cè)以查看掃描的完整結(jié)果。
該網(wǎng)站還包括其他工具和資源，包括一個(gè)測(cè)驗(yàn)，幫助組織了解他們是否符合508合規(guī)性以及高等教育，非營(yíng)利組織和政府機(jī)構(gòu)的特定資源。
7. HTML_CodeSniffer
網(wǎng)站可訪問性
HTML_CodeSniffer是一個(gè)客戶端腳本，用于檢查源代碼并查找違反已定義標(biāo)準(zhǔn)的內(nèi)容。它檢查Web內(nèi)容可訪問性指南2.0和美國(guó)第508節(jié)。
將代碼直接粘貼到網(wǎng)站上以進(jìn)行檢查或使用書簽。
它易于使用，您可以選擇要顯示的信息類型 - 錯(cuò)誤，警告或通知，并查看詳細(xì)說明檢查中任何問題的報(bào)告。
8.無障礙電子郵件
網(wǎng)站可訪問性
Accessible Email是一個(gè)在線檢查器和HTML編輯器，可幫助您在發(fā)送之前改進(jìn)電子郵件簡(jiǎn)報(bào)的代碼。（您也可以查看過去/發(fā)送的廣告系列。）
有了這么多數(shù)字通信和來自電子郵件的潛在客戶，它不應(yīng)該是可訪問性方面被遺忘的網(wǎng)站元素之一，但它通常是。Web上可訪問性的相同規(guī)則也適用于電子郵件發(fā)送。
該工具可免費(fèi)使用，旨在促進(jìn)電子郵件營(yíng)銷的可訪問性和可用性。
9.阿馬拉
網(wǎng)站可訪問性
Amara是一個(gè)為視頻創(chuàng)建字幕和隱藏字幕的工具。
提供無聲或其他語言連接的方式可以向更多人開放您的設(shè)計(jì)元素，特別是如果視頻是設(shè)計(jì)的關(guān)鍵元素。
此工具包括免費(fèi)和企業(yè)選項(xiàng)，可以輕松地將語言以可讀格式顯示在屏幕上，該格式適用于YouTube等網(wǎng)站和視頻流平臺(tái)。
10. MobiReady
網(wǎng)站可訪問性
MobiReady以可視格式提供移動(dòng)輔助功能測(cè)試，并提供結(jié)果報(bào)告，以便您可以查看您的網(wǎng)站在最小的設(shè)備上可能無法實(shí)現(xiàn)的位置。
您可以根據(jù)Alexa 1000對(duì)您的網(wǎng)站進(jìn)行基準(zhǔn)測(cè)試，Alexa 1000是世界頂級(jí)網(wǎng)站的排名; 通過推薦獲得詳細(xì)的技術(shù)結(jié)果，并在不同的屏幕上查看您網(wǎng)站的效果圖，包括高，中，低層設(shè)備。
該測(cè)試的部分之一是它在幾十個(gè)方面得分，并且有任何“失敗”的改進(jìn)建議。
結(jié)論
在網(wǎng)站可訪問性方面，考慮所有類型用戶的可用性和可讀性非常重要?？紤]元素的顏色，大小和位置，標(biāo)題和副標(biāo)題，適當(dāng)?shù)腍TML和結(jié)構(gòu)甚至電子郵件，以便為盡可能多的人提供體驗(yàn)。
檢查可能適用于您的項(xiàng)目的任何區(qū)域或國(guó)家合規(guī)性規(guī)則也很重要，例如上面提到的508合規(guī)性標(biāo)準(zhǔn)。

當(dāng)它有疑問時(shí)，最好在可訪問性方面犯錯(cuò)。可以從調(diào)色板調(diào)整顏色或提高字體大小，以便更多人可以輕松地了解屏幕上的內(nèi)容。

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(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è)計(jì)公司，成都網(wǎng)站設(shè)計(jì)公司，企業(yè)網(wǎng)站建設(shè)

新聞名稱：10個(gè)改善網(wǎng)站可訪問性的工具
URL地址：http://www.bm7419.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)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)