Web设计辅助功能的工具和指南

zisu 12

十五年前,网络可访问性并非许多设计师的想法。早在1996年就确实存在在线标准。但它们的跟踪频率远低于现在,许多人只是在努力使用互联网。

在过去十年中,网络在使网站可访问方面取得了巨大进步。但是,由您,设计师和开发人员来决定优化您自己的网站。不知道从哪里开始?这些用于Web可访问性的工具和指南将帮助您设计更好的Web。

Web可访问性简介

什么是Web可访问性,为什么要实现它,最重要的是 - 你怎么能这样做?这个宝贵的资源向您介绍了可访问性的基础知识,可以帮助您开始优化您的网站。

Web设计辅助功能的工具和指南

A11Y项目

可访问性不是一个容易讨论的主题。有几十个标准和几小时的阅读材料,有些人只是不打扰。辅助功能项目旨在通过易于阅读的文章,一口大小的提示和大量有用的指南使该主题更加平易近人。

对比

高对比度颜色对于视力障碍者非常重要。有一些工具可以检查您网站的颜色对比度,但这会破坏您的设计流程。此macOS应用程序立即评分颜色。不再猜测或花费分钟输入十六进制代码。

Web设计辅助功能的工具和指南

斯塔克

如果有一个工具可以让您从头开始设计可访问性,该怎么办?Stark是一个Adobe XD和Sketch插件,可以做到这一点。检查对比度,运行色盲模拟,并获得快速颜色建议。现在,即使在模型阶段,您也可以创建一个美观且易于访问的站点。

tota11y

Tota11y是一个非常有用的工具,可以从您的浏览器书签激活,并通知您页面上的可访问性违规。它是开源的,附带许多插件,可以检测到一系列问题。在您的网站上激活它,看看您是否通过!

可访问的颜色矩阵

挑选调色板?此工具向您显示调色板的工作方式,以及何时不符合对比度要求的注释。现在没有人会努力阅读您网站上的文字。

Web设计辅助功能的工具和指南

WAVE Web辅助功能工具

WAVE是一个网页检查器,可以通过各种标准运行页面,在交互式面板中报告错误,警报和正确实现的功能。虽然它不能替代人体测试,但它可以帮助您设置正确的设计路径。

Web辅助功能检查器

此可访问性检查器在一个简单列表中报告页面上的问题,该列表由已知的,可能的和可能的问题分段。这个还附带了额外的功能,例如上传或粘贴HTML文件的功能。您还可以检查不同的标准!

HTML5辅助功能

想知道主流浏览器支持哪些辅助功能?这个漂亮的资源详细介绍了有关各个元素以及它们如何测试浏览器支持的信息。

Web设计辅助功能的工具和指南

18F辅助功能指南

这是一个关于Web可访问性的精彩资源,指南和文章的精彩集合。如果您需要更多阅读材料,请从这里开始!它也是企业测试工具的重要来源。

Accesslint

GitHub用户?此辅助功能检查程序会自动检测并指出违规行为,这很简单。它还会重新检查代码更改,以便在您确实修复问题时通知您。对于开源项目,它是完全免费的,但如果您运行私有项目,则需要每月订阅。

灯塔

Lighthouse是Google Chrome开发人员工具中提供的高级工具。除性能问题外,它还会检查可访问性错误。您可以从Chrome,命令行或节点模块运行它。

Web设计辅助功能的工具和指南

使Web更易于访问

美国有近五分之一的人患有残疾。320万美国人视力受损,而820万人有视力问题,而且这个数字只在增长。您应该尽力遵循可访问性标准,这样每个人都可以浏览您的网站,而不必面对乱码的屏幕阅读器输出,阅读困难和头痛。

alt向图像添加文本和增加对比度这样简单的事情可以为您的残疾用户带来巨大的变化,但是您可以做的事情总是更多。不要在事后才考虑无障碍。

分享
微信
微博
QQ