A11Y 的 11 条黄金法则

让我们让每个人都能访问我们的网站！

让我们让每个人都能访问我们的网站！

作为一名自学成才的前端开发人员，几个月前我接触到可访问性和包容性设计的概念时，对它们知之甚少。但我意识到，我们这个Web开发领域的许多人也对此知之甚少。令人遗憾的是，如今可访问性并非最佳的投资领域。它只是一个时不时被我们忽略的流行词。但当我们决定开始深入学习这方面知识时，我们真的可以有所作为。或许这只是沧海一粟，但我们真正需要它来实现我们的目标。
你准备好了吗？或者说，你渴望了解更多吗？

代表什么a11y？

“a11y” 代表“可访问性”。它是一个数字缩写，其中 11 代表字母 a 和 y 之间的字母数。您可能熟悉的其他数字缩写包括：i18n（国际化）、P2P（点对点）等。

无障碍设施的 11 条黄金法则

创建网站时我们应该遵循哪些步骤？

以下规则很重要，值得我们关注，不仅是为了网站的可访问性，也是为了网站的可用性。

1. 始终使用有意义的名称Alt text：
   屏幕阅读器可能会读出难看且无意义的文件名来描述图像。作为负责任的开发者，我们不希望出现这种情况，对吧😏？

2. 定义您网站的可访问性级别并遵循指南：Web 内容可访问性指南
   当您想要获得灵感时，该网站应该是您的圣书📕。

3. 优化色彩对比度：Getstark这是色彩优化平台之一，您可以在其中找到有关优化色彩以实现可访问性的更多信息。
   

4. 简化语言：我们不需要复杂或深奥的词汇来构建网站。有人曾经说过，如果你不能简单地解释你的工作，那么你就没有足够理解它。保持你的内容始终简洁易懂，并保持布局清晰。

5. 引导用户：例如，始终使用表单标签来描述输入字段和占位符。请记住，可接受的输入字段示例确实方便实用。

6. 务必为视频内容提供字幕。没有字幕的视频对于有永久性或暂时性视力障碍的人来说毫无意义。切勿让视频自动播放。

7. 别忘了测试键盘导航。用户应该有权使用键盘浏览网站。我们不能剥夺他们的这一权利。

8. 创建大按钮！即使不是设计师也能创建大按钮。这样可以更清楚地表明这是一个可点击的按钮，并且会触发相应的操作。

9. 创建易于理解的链接：您是否想过：“我不知道该点击哪里，也不知道该去哪里”？没错！这就是为什么我们在创建链接时需要清晰易懂。每个链接背后都应该有一个有意义的含义。所以，不要仅仅因为喜欢某个 href 就随便创建一个。

10. 使用语义HTML 元素：语义标记到底是什么？语义元素是指具有特定含义的元素，
    
    <main>, <nav>, <header>, <section>, <article>, <form>
    
    等等。语义元素能够清晰地定义其内容。

11. 使用ARIA 地标角色将功能上下文添加到 HTML 元素。Aria
    地标功能

如果您遵循了所有黄金法则，但不确定在哪里询问，那么请询问社区：A11Y 项目；他们有针对初学者的可访问性检查表来指导和启发您。

简而言之，无障碍和包容性设计对于提升网站内容质量和网络标准至关重要。每个人都有权访问您的内容。我们应该更加了解网页设计和开发的这些不同方面。我鼓励您每天在您的网站上应用一项新的无障碍指南，并在分享的过程中享受乐趣，同时将这份乐趣传授给他人。

了解更多有用链接：

• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.a11yproject.com/
• https://www.edx.org/course/web-accessibility-introduction
• https://www.webaccessibility.com/

请随时发表任何评论并添加更多有关可访问性的来源或知识。

感谢您的阅读。