什么是无障碍网页？

已发表: 2021-02-18

技术使我们可以轻松访问互联网上的任何内容。 借助 Web 可访问性，最终用户可以轻松连接、理解和感知信息，而不会遇到麻烦。 Web 可访问性是残障用户的重要工具，它可以提供与万维网更好的交互。

虽然它可以同时非常有用和令人生畏，但网络可访问性可以增强您的数字营销已经不是什么秘密了。 当您阅读 Web 可访问性的重要性 (1) 及其好处时，请考虑我们的指南，以创建对您的用户更易于访问的网站。 我的意思是，有什么比深入研究可以启发您对 Web 可访问性的想法的指南更好的方法呢？

在这篇文章中
  • Web 可访问性的重要性
  • 如何使 Web 可访问
  • 无障碍网页的优势
  • 要避免的 Web 可访问性问题
  • 网页无障碍工具

为什么 Web 可访问性很重要？

Web 可访问性能够成功的原因有很多。 它是残疾人积极参与的第一技术工具。 这将简化残疾人的体验，并在数字营销方面增强用户体验设计。

它让更多的公司意识到用户将通过这个新的设置功能得到认可，并通过您的销售渠道增加转化次数。

如何使 Web 可访问

是的，残疾人应该有权使用网络，这是一个众所周知的事实。 因此，网络可访问性在数字营销中发挥作用的重要性。 这里有多种解决方案可以帮助优化残疾用户的 Web 可访问性。

  • 使用 Alt 标签：

    Alt标签或“alt描述”是用于图像标签的SEO工具，通过提供所述图像标签的文本替代品来帮助搜索引擎。 这些不仅可以帮助残疾用户通过简短的描述更好地理解图片。

  • 使用更好的表格：

    使用更好的表允许残疾用户更好地访问。 对于 Web 开发人员来说，通过 Web 可访问性创建一个简单的表格需要两件事：表格的标题和摘要。 创建完美表格的最佳策略是避免将其用作布局设备，使其更易于理解。

  • 有键盘导航：

    我们并不是说您必须彻底考虑残疾用户可以轻松访问的内容，但为了他们的利益，最好使用简单的键盘导航。 永远不要创建可以被视为压倒性和复杂的功能。 保持相当简单就是我们所说的。

  • 默认 HTML 标签：

    为您的用户创建 Web 可访问性时要考虑的另一个提示是永远不要制作复杂的 HTML 标记。 对于阅读屏幕的用户来说，这些类型的标签应该看起来简单而干净。

  • 为媒体添加隐藏式字幕：

    显然，某些媒体可能太难以看到或理解。 尝试为支持音频的视频创建脚本并连接隐藏字幕。

  • 试试 ARIA 标签：

    ARIA 或 Accessible Rich Internet Applications 是一种更简单的 HTML 形式，可提供更多的可访问性。 此功能对您的开发无障碍可以帮助用户导航地标。 这可以包括位于页面内的消息和按钮。

  • 始终使用标题标签：

    尽管可以选择将其隐藏，但每个网站都有一个。 您的用户需要知道他们正在查看和阅读的内容。 在这种情况下，请放置标题标签，以便他们了解您的页面是关于什么的。

Web 可访问性的好处

网络可访问性不仅会吸引新客户，还会为您的客户旅程带来更多的转化次数。 最重要的是，找出为您的数字平台提供 Web 可访问性的好处。

  1. 避免法律投诉和歧视

    由于美国残疾人法案 (ADA)(2)，残疾人可以像任何其他人一样享受公共服务。 由于互联网是一个公共领域，为您的网站创建网络可访问性将使您避免歧视残疾用户，并使您远离任何法律问题。

  2. 更广泛地接触观众

    如前所述，网络可访问性不仅有助于残疾成员访问互联网的其他部分。 它将为您提供广泛的受众，因为网络可访问性围绕包容性的概念展开，从而导致您的销售漏斗中的转化率增加。

  3. 积极公关的建立

    重要的是让您的消费者知道您支持网络可访问性以及它可以为残障人士做些什么。 拥有良好的公关对任何企业都是至关重要的 (3)，因此网页可访问性的重要性。 承诺为您的残疾用户建立网络可访问性以积极的方式为您的企业描绘了一个强大的形象。

  4. 搜索引擎优化改进

    寻求改善 SEO 方法的企业会发现网络可访问性完美地融入其中。 那么，两者之间的相关性主要涉及与残疾用户的沟通。 具体来说，这将指具有描述性的页面标题和其他功能。

  5. 可用性增加

    借助网络，可访问性可以轻松导航。 这两者结合在一起的事实创造了可用性增加的结果。 只要整个网站易于使用，残疾用户就可以在网络上完成任何类型的任务。 这可能涉及关闭字幕、图像标签以及 ARIA 和默认 HTML 标签。

  6. 编写更高质量的代码

    良好的编码可以为您的 UX 设计带来更大的好处。 Web 可访问性的参与使其成为您必须编写高质量代码的更好理由。 这不仅可以提高 SEO 评级，还可以提高投资回报率。

（另请阅读：成功网站的 4 个关键领域）

Web可访问性中应避免的问题

  • 导航

    • Tab-through 订单：如果没有此 UX 功能，对于希望使用 Tab 键在浏览器上通过订单进行选项卡的禁用用户可能会出现更多问题。
    • 地标：地标负责页面内容导航，并且在没有它们的情况下让用户在整个页面中迷路。

  • 网站结构

    • 独特的标题：如果没有坚实的基础，这将导致网站的用户友好性降低。
    • 标题：您的网站上缺乏正确的格式也会使禁用用户在您的整个网站上感到困惑。
    • 列表：在页面结构中没有控制列表会导致您的网站对禁用的最终用户的合规性降低。

  • 文本

    • 大小：整个文本的字体大小非常重要，因为您希望用户轻松阅读他们面前的内容。
    • 对比度：对比度与文本一起出现，因为您的用户应该能够看到文本本身以及大小。
    • 颜色：文本着色是用户体验设计师经常忘记的一个重要因素，因为颜色也会影响残疾用户对您网站的看法。

  • 图片

    • 图像而不是文本：不提供可以与图片一起出现的文本是另一个 Web 可访问性问题，因为某些用户存在无法可视化图像的残疾。
    • 图像文本：Web 可访问性需要为任何类型的视觉媒体包括隐藏式字幕，这种做法通常会在针对残疾用户的 UX 设计中被忽略。
    • 颜色：这不仅适用于文本，也适用于图像。 就像文本一样，图像的颜色不应该过于强烈。

  • 超链接

    • 清晰度：超链接其他来源应保持在最低限度，因为您希望用户关注您的网站而不是其他来源本身。
    • 可读性：能够阅读超链接是网页可访问性设计师的另一个障碍。
    • 独特性：超链接应该是独特的，但应该在其独特性中表现出简单性。

  • 多媒体

    • 视频：如果无法轻松使用播放视频，残疾用户会像任何其他最终用户一样错过参与。
    • 音频：伴随视频而来的音频问题是网页可访问性设计师的另一个难题，因为一切都像多米诺骨牌效应一样连接在一起。
    • 动画：动画对于残疾用户来说也可能是一个难题，因为动画本身可能难以感知。

  • 形式

    • 导航：缺少表单导航对您的 Web 可访问性和您的用户不利，因为它只会将用户引导至无处。
    • 说明和标签：空表单标签是 Web 可访问性问题的一个示例，因为这是您的用户将与之交互的最常见的功能。

最佳网页无障碍工具

  1. 互联网无障碍局 (BOIA) 的 A11Y 合规平台
  2. 可访问性清单 Elsevier
  3. Google 无障碍开发者工具
  4. Alfasado Inc. 的 ColorTester
  5. Tangaru 的对比查找器
  6. Indigo Design Company LLC 的 DYNO 映射器
  7. WebAIM 的 WAVE

最后的想法

Web 可访问性就是关于我们如何帮助他人成为虚拟世界的一部分。 从某种意义上说，它可以拉近任何类型的用户，尤其是残疾用户。 在这种情况下，通过 Web 可访问性，您正在为人们创建解决方案，以便使用新的和改进的工具更好地感知信息。

尽管您可能会遇到问题，但最好看看情况的光明面，这就是您提升品牌的方式。 突出网络可访问性的总体好处是可以改变企业数字营销计划的转化次数。 此外，Web 可访问性是开发人员寻求解决方案以使功能对残疾人更可用和更具包容性的关键。

相关文章：

使您的 B2B 网站更有趣的 3 个技巧

开发成功电子商务网站的技巧