用于Web设计可访问性的工具和指南

十五年前，网络可访问性并非许多设计师的想法。早在1996年就确实存在在线标准,但它们的跟踪频率远低于现在，许多人只是在努力使用互联网。　　在过去十年中，网络在使网站可访问方面取得了巨大进步。但是，由您和设计师和开发人员来决定优化您自己的网站。不知道从哪里开始？这些用于网站建设可访问性的工具和指南将帮助您设计出更好的网站。　　Web可访问性简介　　什么是Web可访问性，为什么要实现它，最重要的是 – 你怎么能这样做？这个宝贵的资源向您介绍了可访问性的基础知识，可以帮助您开始优化您的网站。　　A11Y项目　　可访问性不是一个容易讨论的主题。有几十个标准和几小时的阅读材料，有些人只是不打扰。辅助功能项目旨在通过易于阅读的文章，一口大小的提示和大量有用的指南使该主题更加平易近人。　　对比　　高对比度颜色对于视力障碍者非常重要。有一些工具可以检查您网站的颜色对比度，但这会破坏您的设计流程。此macOS应用程序立即评分颜色。不再猜测或花费时间输入十六进制代码。　　Stark　　如果有一个工具可以让您从头开始设计可访问性，该怎么办？Stark是一个adobe XD和Sketch插件，可以做到这一点。检查对比度，运行色盲模拟，并获得快速颜色建议。现在，即使在模型阶段，您也可以创建一个美观且易于访问的站点。　　tota11y　　Tota11y是一个非常有用的工具，可以从您的浏览器书签激活，并通知您页面上的违规可访问性。它是开源的，附带许多插件，可以检测到一系列问题。在您的网站上激活它，看看您是否通过！　　可访问的颜色矩阵　　挑选调色板？此工具向您显示调色板的工作方式，以及何时不符合对比度要求的注释。现在没有人会努力阅读您网站建设上的文字。　　WAVE Web辅助功能工具　　WAVE是一个网页检查器，可以通过各种标准运行页面，在交互式面板中报告错误，警报和正确实现的功能。虽然它不能替代人体测试，但它可以帮助您设置正确的设计路径。　　Web辅助功能检查器　　此可访问性检查器将页面上的问题报告为简单列表，分解为已知，可能和不可能的问题，以及其他功能，例如上传或粘贴HTML文件的功能。您还可以检查不同的标准！想要了解更多相关内容，还可以看看上一篇分享的《2019年追波上20个有创意的手机UI设计概念作品（三）》。　　HTML5辅助功能　　想知道主流浏览器支持哪些辅助功能？这个漂亮的资源详细介绍了有关各个元素以及它们如何测试浏览器支持的信息。　　18F辅助功能指南　　这是一个关于Web可访问性的精彩资源，指南和文章的精彩集合。如果您需要更多阅读材料，请从这里开始！它也是企业测试工具的重要来源。　　AccessLint　　GitHub用户？此辅助功能检查程序会自动检测并指出违规行为，这很简单。它还会重新检查代码更改，以便在您确实修复问题时通知您。对于开源项目，它是完全免费的，但如果您运行私有项目，则需要每月订阅。　　Lighthouse　　Lighthouse是Google Chrome开发人员工具中提供的高级工具。除性能问题外，它还会检查可访问性错误。您可以从Chrome，命令行或节点模块运行它。