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