已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

提高电商网站可访问性的16个工具,你知道多少?

16个工具和插件,可以让网站适合所有人访问,以增加访问量、优化搜索结果……

提高电商网站可访问性的16个工具,你知道多少?

“网站可访问性”是旨于确保任何人都有办法获取网页的内容。无论视觉、听觉、行动、说话、认知、语言、学习和神经等等方面有没有障碍,都不会妨碍人们接收作者所发布的信息。

可访问性与其他的方面重叠,比如说相应网页设计、可用性、搜索引擎优化等等。落实好无障碍网页,网站就能拥有更多访问量、更优化的搜索结果,也能保护用户的权利。

本文将为大家介绍一些提高网站可访问性的工具:

1、W3C WAI

万维网联盟(W3C)通过发起网页可接近性开发了许多技术参数、指导方针、技术以及资源支持,来提供可接近性解决办法。其网站内容可访问性指南2.0涵盖了各种建议,使人们更易于访问网站。万维网联盟还提供了一系列的教程,展示开发可接近性的最佳方案。

提高电商网站可访问性的16个工具,你知道多少?

2、WAVE

WAVE是由WebAIM(Web Accessibility In Mind)提供的免费评估工具。通过在网页内插入图标和指示符,WAVE会提供视觉反馈。谷歌浏览器和火狐浏览器都支持插入WAVE。

3、CKEditor 4检查工具

检查工具是CKEditor 4的一款免费扩展工具,它是一款基于插件架构的HTML编辑器。通过检查可访问性,检查CKEditor中创建的可访问性级别,然后一一解决存在的问题。检查网页是否符合最新的WCAG 2.0和第508条的要求。

4、Achecker

AChecker经常被用来评估HTML、记录进入URL会产生的可访问性问题、上传HTML文件或者在网页上加上完整的HTML源代码。AChecke会生成报告、定义已知的、可能的或是潜在的问题。

5、Totally

Totally是由非盈利组织可汗学院提供的,Totally是一个可接近性的可视化工具。这是一个单独的JavaScript文件,它在文档的底部插入一个小按钮,通过辅助技术帮助可视化网站。

6、aXe

aXe是一个独立的开放源代码库和可访问性测试引擎。它可以被定制为包含专门的规则并与浏览器和测试框架集成。ax旨在帮助开发人员自动化测试网站的可访问性。

7、NoCoffee

NoCoffee是谷歌的一款辅助工具,帮助视觉有障碍的人们理解问题。这个工具有利于理解许多种视觉问题。

8、CheckMyColours

CheckMyColours是一个检查前景色和背景色组合的工具,用来保证为色弱患者提供足够的对比度。所有的测试都基于W3C提出的算法。

9、ATBar

ATBar 是一款开放源代码和跨浏览器的工具栏,可以帮助用户自定义与网页交互的方式。ATbar允许用户更改页面的外观和风格,增加和减小字体大小,大声朗读文本,使用彩色叠加层并获得可读性帮助。

以下是解决WordPress主题可访问性的工具:


1、WP Accessibility

这个插件有助于解决WordPress主题中的许多常见的可访问性问题。添加工具栏,用户就可以在高对比度、大尺寸打印和主题的饱和度视图之间切换。

2、wA11y

wA11y插件可以提供工具,帮助您评估并且改进网站的可访问性。它的工具包括tota11y,WAVE和各种过滤器。

3、Accessible Poetry

Accessible Poetry为网站中的常见无障碍问题提供解决方案。用户可以访问工具栏以更改字体和对比度。Skiplinks让用户通过键盘操作网站的主要页面、在没有替代文本提供图片警报、在对焦模式提供边框效果,并添加可访问性的自定义代码。

4、Text-To-Speech Converter

Text-To-Speech Converter可以朗读所有文本。整个TTS功能基于外部API。实现文本阅读功能可以为访客阅读所有文本,帮助他们更轻松地访问网站。

5、Contact Form 7

Contact Form 7插件生成一个像联系表格7一样可访问的默认版本。它增加了一套额外的基本表格类型,来建模新的可访问表格。

6、Divi Accessibility

Divi Accessibility专门针对Divi中网页构建器中的可访问性问题。根据WCAG 2.0准则,该插件可改善Divi的可访问性。

【小贴士】如今的跨境电商早已经不是随便传个产品都能卖出去的时候了,得靠技术生存!点击这里,了解靠谱的电商工具有哪些。

(编译/雨果网 房欣宇)

相关标签:

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 百科 搜索
雨果跨境顾问
工具服务顾问-Owen
雨果跨境官方顾问

收藏

--

--

分享