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

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

1.顏色安全

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

3.對比檢查器

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

5. WAVE

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

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

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)
標簽：公司網(wǎng)站制作，成都建設網(wǎng)站，官網(wǎng)建設，網(wǎng)頁制作公司，建網(wǎng)站公司，企業(yè)建站，重慶網(wǎng)站建設公司，成都網(wǎng)頁設計公司，成都網(wǎng)站設計公司，企業(yè)網(wǎng)站建設

新聞名稱：10個改善網(wǎng)站可訪問性的工具
URL地址：http://www.muchs.cn/news23/163323.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、軟件開發(fā)、App開發(fā)、建站公司、品牌網(wǎng)站建設、做網(wǎng)站

廣告

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