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

  在过去十年中,网络在使网站可访问方面取得了巨大进步。但是,由您和设计师和开发人员来决定优化您自己的网站。不知道从哪里开始?这些用于 WordPress 外贸独立站网站建设可访问性的工具和指南将帮助您设计出更好的网站。
 
  Web 可访问性简介
 
  什么是 Web 可访问性,为什么要实现它,最重要的是 – 您怎么能这样做?这个宝贵的资源向您介绍了可访问性的基础知识,可以帮助您开始优化您的网站。
 
  A11Y 专案
 
  可访问性不是一个容易讨论的主题。有几十个标准和几小时的阅读材料,有些人只是不打扰。辅助功能专案旨在通过易于阅读的文章,一口大小的提示和大量有用的指南使该主题更加平易近人。
 
  对比
 
  高对比度颜色对于视力障碍者非常重要。有一些工具可以检查您网站的颜色对比度,但这会破坏您的设计流程。此 macOS 应用程序立即评分颜色。不再猜测或花费时间输入十六进位制代码。
 
  Stark

  如果有一个工具可以让您从头开始设计可访问性,该怎么办?Stark 是一个 Adobe XD 和 Sketch 外挂,可以做到这一点。检查对比度,执行色盲模拟,并获得快速颜色建议。现在,即使在模型阶段,您也可以建立一个美观且易于访问的站点。
 
  tota11y
 
  Tota11y 是一个非常有用的工具,可以从您的浏览器书签启用,并通知您页面上的违规可访问性。它是开源的,附带许多外挂,可以检测到一系列问题。在您的网站上启用它,看看您是否通过!

  可访问的颜色矩阵
 
  挑选调色盘?此工具向您显示调色盘的工作方式,以及何时不符合对比度要求的注释。现在没有人会努力阅读您 WordPress 外贸独立站网站建设上的文字。
 
  WAVE Web 辅助功能工具
 
  WAVE 是一个网页检查器,可以通过各种标准执行页面,在互动式面板中报告错误,警报和正确实现的功能。虽然它不能替代人体测试,但它可以帮助您设置正确的设计路径。
 
  Web 辅助功能检查器
 
  此可访问性检查器将页面上的问题报告为简单列表,分解为已知,可能和不可能的问题,以及其他功能,例如上传或贴上 HTML 档案的功能。您还可以检查不同的标准!想要了解更多相关内容,还可以看看上一篇分享的《2022 年追波上 20 个有创意的手机 UI 设计概念作品(三)》。
 
  HTML5 辅助功能
 
  想知道主流浏览器支持哪些辅助功能?这个漂亮的资源详细介绍了有关各个元素以及它们如何测试浏览器支持的信息。
 
  18F 辅助功能指南
 
  这是一个关于 Web 可访问性的精彩资源,指南和文章的精彩集合。如果您需要更多阅读材料,请从这里开始!它也是企业测试工具的重要来源。
 
  AccessLint
 
  GitHub 多用户?此辅助功能检查程序会自动检测并指出违规行为,这很简单。它还会重新检查代码更改,以便在您确实修复问题时通知您。对于开源专案,它是完全免费的,但如果您执行私有专案,则需要每月订阅。
 
  Lighthouse
 
  Lighthouse 是 Google Chrome 开发人员工具中提供的高阶工具。除效能问题外,它还会检查可访问性错误。您可以从 Chrome,命令列或节点模块执行它。