已收藏,可在 我的資料庫(kù) 中查看
關(guān)注作者
您可能還需要
獨(dú)立站
國(guó)潮領(lǐng)航?破浪出海
立即報(bào)名
加入社群
獨(dú)立站近期活動(dòng)

提高電商網(wǎng)站可訪問(wèn)性的16個(gè)工具,你知道多少?

16個(gè)工具和插件,可以讓網(wǎng)站適合所有人訪問(wèn),以增加訪問(wèn)量、優(yōu)化搜索結(jié)果……

提高電商網(wǎng)站可訪問(wèn)性的16個(gè)工具,你知道多少?

“網(wǎng)站可訪問(wèn)性”是旨于確保任何人都有辦法獲取網(wǎng)頁(yè)的內(nèi)容。無(wú)論視覺(jué)、聽(tīng)覺(jué)、行動(dòng)、說(shuō)話、認(rèn)知、語(yǔ)言、學(xué)習(xí)和神經(jīng)等等方面有沒(méi)有障礙,都不會(huì)妨礙人們接收作者所發(fā)布的信息。

可訪問(wèn)性與其他的方面重疊,比如說(shuō)相應(yīng)網(wǎng)頁(yè)設(shè)計(jì)、可用性、搜索引擎優(yōu)化等等。落實(shí)好無(wú)障礙網(wǎng)頁(yè),網(wǎng)站就能擁有更多訪問(wèn)量、更優(yōu)化的搜索結(jié)果,也能保護(hù)用戶(hù)的權(quán)利。

本文將為大家介紹一些提高網(wǎng)站可訪問(wèn)性的工具:

1、W3C WAI

萬(wàn)維網(wǎng)聯(lián)盟(W3C)通過(guò)發(fā)起網(wǎng)頁(yè)可接近性開(kāi)發(fā)了許多技術(shù)參數(shù)、指導(dǎo)方針、技術(shù)以及資源支持,來(lái)提供可接近性解決辦法。其網(wǎng)站內(nèi)容可訪問(wèn)性指南2.0涵蓋了各種建議,使人們更易于訪問(wèn)網(wǎng)站。萬(wàn)維網(wǎng)聯(lián)盟還提供了一系列的教程,展示開(kāi)發(fā)可接近性的最佳方案。

提高電商網(wǎng)站可訪問(wèn)性的16個(gè)工具,你知道多少?

2、WAVE

WAVE是由WebAIM(Web Accessibility In Mind)提供的免費(fèi)評(píng)估工具。通過(guò)在網(wǎng)頁(yè)內(nèi)插入圖標(biāo)和指示符,WAVE會(huì)提供視覺(jué)反饋。谷歌瀏覽器和火狐瀏覽器都支持插入WAVE。

3、CKEditor 4檢查工具

檢查工具是CKEditor 4的一款免費(fèi)擴(kuò)展工具,它是一款基于插件架構(gòu)的HTML編輯器。通過(guò)檢查可訪問(wèn)性,檢查CKEditor中創(chuàng)建的可訪問(wèn)性級(jí)別,然后一一解決存在的問(wèn)題。檢查網(wǎng)頁(yè)是否符合最新的WCAG 2.0和第508條的要求。

4、Achecker

AChecker經(jīng)常被用來(lái)評(píng)估HTML、記錄進(jìn)入U(xiǎn)RL會(huì)產(chǎn)生的可訪問(wèn)性問(wèn)題、上傳HTML文件或者在網(wǎng)頁(yè)上加上完整的HTML源代碼。AChecke會(huì)生成報(bào)告、定義已知的、可能的或是潛在的問(wèn)題。

5、Totally

Totally是由非盈利組織可汗學(xué)院提供的,Totally是一個(gè)可接近性的可視化工具。這是一個(gè)單獨(dú)的JavaScript文件,它在文檔的底部插入一個(gè)小按鈕,通過(guò)輔助技術(shù)幫助可視化網(wǎng)站。

6、aXe

aXe是一個(gè)獨(dú)立的開(kāi)放源代碼庫(kù)和可訪問(wèn)性測(cè)試引擎。它可以被定制為包含專(zhuān)門(mén)的規(guī)則并與瀏覽器和測(cè)試框架集成。ax旨在幫助開(kāi)發(fā)人員自動(dòng)化測(cè)試網(wǎng)站的可訪問(wèn)性。

7、NoCoffee

NoCoffee是谷歌的一款輔助工具,幫助視覺(jué)有障礙的人們理解問(wèn)題。這個(gè)工具有利于理解許多種視覺(jué)問(wèn)題。

8、CheckMyColours

CheckMyColours是一個(gè)檢查前景色和背景色組合的工具,用來(lái)保證為色弱患者提供足夠的對(duì)比度。所有的測(cè)試都基于W3C提出的算法。

9、ATBar

ATBar 是一款開(kāi)放源代碼和跨瀏覽器的工具欄,可以幫助用戶(hù)自定義與網(wǎng)頁(yè)交互的方式。ATbar允許用戶(hù)更改頁(yè)面的外觀和風(fēng)格,增加和減小字體大小,大聲朗讀文本,使用彩色疊加層并獲得可讀性幫助。

以下是解決WordPress主題可訪問(wèn)性的工具:


1、WP Accessibility

這個(gè)插件有助于解決WordPress主題中的許多常見(jiàn)的可訪問(wèn)性問(wèn)題。添加工具欄,用戶(hù)就可以在高對(duì)比度、大尺寸打印和主題的飽和度視圖之間切換。

2、wA11y

wA11y插件可以提供工具,幫助您評(píng)估并且改進(jìn)網(wǎng)站的可訪問(wèn)性。它的工具包括tota11y,WAVE和各種過(guò)濾器。

3、Accessible Poetry

Accessible Poetry為網(wǎng)站中的常見(jiàn)無(wú)障礙問(wèn)題提供解決方案。用戶(hù)可以訪問(wèn)工具欄以更改字體和對(duì)比度。Skiplinks讓用戶(hù)通過(guò)鍵盤(pán)操作網(wǎng)站的主要頁(yè)面、在沒(méi)有替代文本提供圖片警報(bào)、在對(duì)焦模式提供邊框效果,并添加可訪問(wèn)性的自定義代碼。

4、Text-To-Speech Converter

Text-To-Speech Converter可以朗讀所有文本。整個(gè)TTS功能基于外部API。實(shí)現(xiàn)文本閱讀功能可以為訪客閱讀所有文本,幫助他們更輕松地訪問(wèn)網(wǎng)站。

5、Contact Form 7

Contact Form 7插件生成一個(gè)像聯(lián)系表格7一樣可訪問(wèn)的默認(rèn)版本。它增加了一套額外的基本表格類(lèi)型,來(lái)建模新的可訪問(wèn)表格。

6、Divi Accessibility

Divi Accessibility專(zhuān)門(mén)針對(duì)Divi中網(wǎng)頁(yè)構(gòu)建器中的可訪問(wèn)性問(wèn)題。根據(jù)WCAG 2.0準(zhǔn)則,該插件可改善Divi的可訪問(wèn)性。

【小貼士】如今的跨境電商早已經(jīng)不是隨便傳個(gè)產(chǎn)品都能賣(mài)出去的時(shí)候了,得靠技術(shù)生存!點(diǎn)擊這里,了解靠譜的電商工具有哪些。

(編譯/雨果網(wǎng) 房欣宇)

相關(guān)標(biāo)簽:

分享到:

--
評(píng)論
最新 熱門(mén) 資訊 資料 專(zhuān)題 服務(wù) 果園 百科 搜索
亞馬遜
打造優(yōu)質(zhì)listing,經(jīng)濟(jì)使用FBA,與大賣(mài)互動(dòng)暢聊如何提升單量。
文章數(shù)
42478
關(guān)注數(shù)
0
雨果跨境顧問(wèn)
工具服務(wù)顧問(wèn)-Owen
雨果跨境官方顧問(wèn)

收藏

--

--

分享