已收藏,可在 我的資料庫 中查看
關(guān)注作者
您可能還需要

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

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

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

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

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

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

1、W3C WAI

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

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

2、WAVE

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

3、CKEditor 4檢查工具

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

4、Achecker

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

5、Totally

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

6、aXe

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

7、NoCoffee

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

8、CheckMyColours

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

9、ATBar

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

以下是解決WordPress主題可訪問性的工具:


1、WP Accessibility

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

2、wA11y

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

3、Accessible Poetry

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

4、Text-To-Speech Converter

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

5、Contact Form 7

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

6、Divi Accessibility

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

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

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

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

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務(wù) 果園 百科 搜索
雨果跨境顧問
工具服務(wù)顧問-Owen
雨果跨境官方顧問

收藏

--

--

分享