互联网本质上是各行各业的人们可以参观的地方。残疾人面临的物理障碍在网上减少了。遗憾的是，许多人在网络上遇到了新的障碍：内容不是为了访问而设计的。
作为 WooCommerce 独立站网页设计师或开发人员，您可以解决这些问题，增加受众群体，甚至提高搜索排名。关于创造完美页面的灵感来源，通常这些问题都有一个简单的解决方案，对您的设计影响不大 – 如果您愿意发挥创意。
1 、如何建立一个无障碍网站
可访问性指南很广泛，但这里有一些重要的建议。无论出于何种原因，在您的 WordPress 网站设计中包含所有指南可能是不可行的，这没关系。
目标不是打破网站的核心功能或设计，而是避免不必要的排除。包括尽可能多的优化，这对您正在设计的网站是明智的。
2 、优化视觉障碍
到目前为止，您最大的任务在于改进视觉设计。拥有不友好的颜色或对比度的网站可能会导致有困难的人混淆或头痛。
. 使用高对比度文字应该是暗的或足够轻的，以便于阅读。白色的浅灰色文字可能很时髦，但对于低视力的人来说，它几乎是不可见的。
. 考虑包括大文字模式，或可以修改字型，大小和样式的选单。
. 避免使用闪烁和明亮，重复模式和其他癫痫触发器 – 特别是未经同意。这些不仅令人讨厌，而且非常危险。
屏幕阅读器的友好性应该是首要任务。有更多的屏幕阅读器最佳实践，但这里有一些要记住的事项：
. 某些 UI 类型（例如隐藏在其中的按钮的下拉选单）不相容。
. 始终使用 lang 属性指定语言。
. 用标题组织内容。
. 定义 ARIA 地标以便于导航。
. 必要时提供非可视替代方案，例如使用影像 alt 标记。
3 、不要仅通过视觉，声音或颜色传达信息
上海 WordPress 网站设计认为不应该说紫色文字放在蓝色背景上是一个可怕的想法，不仅仅是对于色盲多用户，还有其他问题您可能没有意识到。
. 始终包含颜色以外的指示灯。卡在表单上的人不会欣赏错误框周围的 “简约” 红色突出显示，如果没有其他视觉指示的话。
. 同样，避免单独使用声音或影像进行导航。
. 包括视频的音讯记录或字幕。
. 使用影像 alt 标记，幷包含非文字内容的文字版本。
4 、使您的网站易于浏览和理解
网络已经转向简化，这对于那些需要易于浏览的网站的人来说非常棒。但是，仍然存在许多阻止可访问性的常见错误。它通常归结为保持清晰一致的设计。
. 使用可预测的导航元素。如果您在一个页面的顶部栏中有链接，而在另一个页面上有侧栏，那么您只会引起混淆。
. 需要尽可能少的机动来绕行，例如使用粘性导航栏。
. 使互动元素脱颖而出。
. 标记和定义点选目标（框，链接，表单）。不要让它们变小，难以按压。
. 您的网站应该只能通过键盘导航。永远不要禁用焦点指示器。
. 用清晰易懂的文字书写，或提供更简单的版本。
. 提供一种排除多余 CSS 的布局模式。
. 提供有用的错误讯息，解导出现了什么问题以及如何解决问题。
. 建立响应式网站或设计移动版本。
5 、使 Web 可访问
这些只是关于如何让每个人都可以使用您的网站的一些建议。如果可能，请让残疾人测试您的网站，或使用工具模拟色盲，屏幕阅读器等。
世界上有 15％的人有残疾，现在是时候建立一个满足每个人需求的网站了。最后，如果许多网站采用这些标准，我们将共同建立一个更好，更具包容性的互联网。