我目前是SAP的一名在职学生，一直在与SAP社区团队合作一个无障碍改善项目。在这篇文章中，我想与大家分享我在SAP社区网页上改进web可访问性的经验，特别是在使用屏幕阅读器和键盘浏览网页的情况下。

web可访问性强调使web内容更加"可访问"，即web内容对所有用户都同等可用。因此，为了不排除人们无法访问Web内容，Web可访问性是必不可少的，因此，在开发过程中也必须考虑到这一点。

当您面对Web可访问性项目时，首先要做的是评估网络无障碍标准的现状，找出需要改进的内容。在评估时，建议参考W3C发布的国际可访问性标准Web内容可访问性指南（WCAG）（有关WCAG的详细信息，请访问此页）。为了测试可访问性，我建议只在屏幕阅读器打开的情况下使用键盘浏览页面。（例如，NVDA或JAWS）了解屏幕阅读器的一些键盘快捷键也是可取的。

Web辅助功能的最佳实践

键盘导航是辅助功能中最重要的功能之一。有运动障碍或视力障碍的人通常使用键盘在网页上导航。

一个重要的方面是键盘的导航顺序。确保用户可以使用键盘以连贯的顺序浏览页面，例如从上到下、从左到右。此外，物联网教室，避免使用大于0的"tabindex"值，因为这会扰乱选项卡顺序，并在页面中添加新元素时迷惑用户。

此外，为了充分利用页面中嵌入的功能，必须确保不仅使用鼠标，物联网协议，而且还必须使用键盘访问交互元素。特别是，不要在没有指定"href"属性的情况下使用锚定标记，因为它不会被识别为链接，而是"可单击"元素，并且不能接收键盘焦点。

始终在每个内容组中写一个标题，以便向用户清楚地说明内容的含义。

此外，确保标题层次结构是正确的：它应该与内容的重要性相对应。它为用户提供了更好的页面定位。例如，SAP Community pages仅为每页保留一个级别1标题（标记），显示页面标题。

全世界约有300万色盲和2.85亿视力受损者。

尽管使用颜色是提供信息的有效方式（例如，大数据提供，用红色显示部分，在需要更改的地方）它只能作为对主要功能的附加支持。

WAI-ARIA是一个框架，用于向web内容添加附加属性，以确定其详细的角色、属性和状态。使用WAI-ARIA，确保页面中的每一个元素都有足够的描述，以便用户能够充分利用页面中的功能。

对于网页中的交互元素，重要的是向用户提供一些动作反馈，例如，提交表单或输入元素。

确保根据操作结果显示成功或错误消息。如果出现错误，不要忘记帮助用户提供一些信息，描述如何纠正错误。

你如何贡献

作为社区用户，也可以提高可访问性，例如在发布博客条目或问题时。

使用清楚描述你的内容的标题，并使用适当的标题品目层次（品目2至品目6）：应与内容的重要性相对应；品目2为主品目，品目6为最小的副标题。这样用户可以更清楚地演示文本结构。（避免使用标题1，返利啦，因为这可能已经存在于网页中）

确保为表格添加标题，该标题简要但充分地描述了表格的内容。表通常用于按行和列对信息进行分组，从而降低向用户传递信息的复杂性。然而，大数据课程，可能不清楚一个表想要显示什么。此外，如果用户必须使用屏幕阅读器来阅读表格，清晰的描述对于有效传递信息至关重要。

确保为图像提供一个替代文本，该文本充分描述图像，使其可访问。这对于使用屏幕阅读器的用户尤其重要。这可以通过将alt="Description\u of \u the \u image"属性指定给图像来完成（或者在博客上传图像时在附加文本字段中）。参见图1）。然后，屏幕阅读器将此文本作为图像的描述来读取。

图1"插入图像"对话框

使用有意义的文本作为链接，为用户提供有关链接的充分信息。使用屏幕阅读器的用户经常从一个链接切换到另一个链接。在这种情况下，如果链接文本只是"单击此处"或"更多"，它不会向用户提供任何有关此链接的信息。（例如，请看本文中链接文本是如何形成的）

到目前为止，我们已经通过一些示例了解了如何提高web可访问性。我希望这篇文章能帮助你理解网络可访问性的重要性，以及我们如何改进它。

当然，还有更多的方法可以改进网络可访问性，但这篇文章没有提到，而且由于新技术和更新的WACG，可能会有一些新的标准。所以，请保持最新的，如果你有任何意见，这篇文章，请随时分享他们在下面的评论部分！