通过适合每个人需求的网站吸引更多读者
通过让残障人士访问您的网站，您最终能够让所有人都能访问您的网站。 事实上，让您的网站更易于访问甚至可以帮助人们在搜索引擎中找到您的网站。 为什么？ 由于搜索引擎使用屏幕阅读器执行的一些非常相同的信号来查找并理解您网站的内容。
但是，究竟如何在不成为编码专家的情况下创建一个可访问的网站？
以下是一些提示和技巧，几乎任何具有基本HTML知识的人都可以使用它来改进其网站的可访问性。
Web可访问性工具
W3C提供了一个梦幻般的网页辅助工具列表，您可以用它作为检查工具来发现您网站的潜在问题。 也就是说，我仍然建议您使用屏幕阅读器进行一些探索，并亲身体验它。
相关阅读： 什么是辅助技术？它是如何工作的？
了解屏幕阅读器
可以改善网站可访问性的一个最重要的方法是确保屏幕阅读器能够理解它。 屏幕阅读器使用合成语音来阅读屏幕上的文字。 这听起来很直接; 但是，屏幕阅读器可能无法像您目前设置的那样了解您的网站。
你可能想要做的第一件事是尝试一个屏幕阅读器，看看它是如何发展的。 如果您在Mac上，请尝试使用VoiceOver。
- 转到系统偏好设置。
- 选择辅助功能。
- 选择 VoiceOver。
- 选中启用VoiceOver 框 。
您可以使用命令F5打开和关闭它。
如果您在Windows机器上，则可能需要下载NVDA。 您可以使用快捷键+ alt + n将其设置为打开和关闭。
这两种屏幕阅读器都是通过让用户通过键盘进行导航来操作的（这很有意义 - 如果看不到，使用鼠标将是一项挑战），并创建一个导航焦点区域。 焦点基本上是键盘被“指向”的位置，但通常显示为焦点对象周围的高亮框，而不是光标。
如果默认设置令人讨厌，您可以更改语音音调和语音读取速度（并且在听了大约五分钟的标准慢速语音读数之后，他们通常会这样做）。 盲人通常在屏幕阅读器设置为高速的情况下阅读网站。
这样做可能会有助于闭上眼睛，但也可能有助于保持开放和比较。 当您尝试聆听您的网站时，您可能会立即注意到的一些内容是某些文字可能无法正常播放。 标题和表格可能会混乱。 图像可能会被跳过，或者他们可能会说“图像”或其他同样无益的东西。 表格往往被视为一系列没有上下文的项目。
你可以，希望，解决这个问题。
替代标签或替代属性
在HTML中使用alt-tag或alternative（alt）属性来描述图像。 在HTML中，它看起来像这样：
即使您使用隐藏HTML代码的可视化工具制作网站，您几乎总会有机会输入图像说明。 您可以输入任何内容（alt =“”），但最好为每个图像提供有用的描述。 如果你是盲人，你需要了解这个形象？ “女人”没有多大帮助，但也许“女人绘画设计流程图包括可访问性，可用性，品牌和设计。”
标题文本
网站并不总是显示HTML标题标签，但它对屏幕阅读器很有帮助。 确保每个网站的页面都有一个描述性（但不是过于详细）的标题，告诉访问者该页面的内容。
给你的网站良好的信息层次
使用标题分解大块文本，并在可能的情况下适当地使用H1，H2，H3分层结构的标题 。 它不仅可以让您的网站更易于屏幕阅读，而且使其他人更容易。 这也是Google和其他搜索引擎帮助他们更好地为您的网站编制索引的一个很好的信号。
同样，您应该确保您的网站符合逻辑内容顺序，并且没有出现无关信息框。 如果您使用的是广告，请注意您的广告不会过度侵入，并且频繁地分散您网站上的文字。
制作更好的桌子
如果您使用HTML表格，则可以使用标记将标题添加到表格中，以便屏幕阅读器更易于理解，而不仅仅是以粗体文本形式表格的标题。 您还可以添加“范围”元素，并在表格中清楚地标记新的行和列，以便屏幕阅读器不会在没有提供任何上下文的情况下简单地放弃一系列表格单元格。
键盘导航
一般来说，任何你放在你的网站上的东西都应该是某人可以想像的仅仅使用键盘的东西。 这意味着如果您的屏幕阅读器无法使用它们，则您的导航按钮不应该是动画下拉按钮（尝试一下，看看您是否不确定 - 某些按钮是为键盘编程设置的。）
隐藏式字幕
如果您添加视频或音频元素到您的网站，他们应该有标题。 HTML5和许多视频流媒体服务（如YouTube）都提供隐藏式字幕支持。 隐藏式字幕不仅适用于可访问性，还适用于可能在无法播放音频的地方浏览网站的用户，例如办公室或嘈杂的地方。
对于播客或其他音频元素，请考虑提供文本副本。 这不仅对那些听不到音频的人有用，使用这些文本可以让Google和其他搜索引擎更轻松地为该内容建立索引并帮助您的Google排名 。
咏叹调
如果您想要达到先进的可访问性，HTML5 ARIA或WAI-ARIA规范旨在成为未来的新标准。 但是，这是一个复杂（并且不断发展）的技术手册，因此您可以使用ARIA验证程序进行扫描，以查看您的网站是否有任何问题可以解决。 Mozilla也有更便捷的指南来开始使用ARIA。