Divi 产品亮点:辅助工具栏

已发表: 2024-08-05

在这个不断变化的数字世界中,拥有一个网站对于您的业务至关重要。 然而,如果不采取措施确保每个人都可以访问您的网站,您就有可能疏远某些有视力障碍和其他残疾的群体。

无障碍诉讼数量空前高涨,自 2018 年以来,美国残疾人法案 (ADA) 诉讼增加了近 50%。安装无障碍插件是一个好主意,可以提供更愉快的体验并保护自己免受诉讼。 在这篇文章中,我们将展示 Divi Marketplace 中的一款令人兴奋的产品:辅助功能侧边栏。

让我们深入了解一下。

目录
  • 1什么是 Divi 辅助工具栏?
    • 1.1辅助工具栏附加组件
  • 拥有符合 ADA 规定的网站的2 个好处
    • 2.1有哪些辅助功能最佳实践?
  • Divi 辅助工具栏的3 个功能
    • 3.1使用辅助功能配置文件创建个性化浏览体验
    • 3.2屏幕阅读器工具
    • 3.3导航工具
    • 3.4阅读工具
    • 3.5文本工具
    • 3.6图形工具
  • 4如何安装辅助工具栏
  • 5配置辅助工具栏设置
  • 6辅助工具栏定价
  • 7结论

什么是 Divi 辅助工具栏?

辅助工具栏

Divi 的辅助功能侧边栏是一个插件,它为构建符合 ADA 的网站设定了标准,而无需花费太多。 与 Userway 或 accessiBe(每年 490 美元)等其他更昂贵的产品不同,Accessibility Sidebar 插件是一个超级实惠且用户友好的选项,它提供了同样出色的用户体验,而成本只是其他产品的一小部分。 想象一下,快乐的客户可以按照他们的需要定制您的 Divi 网站,为每个人创造无忧无虑的体验。 无论您面临视觉障碍、行动限制还是认知差异,此插件都可以让您提供一个网站,确保每个人都可以享受您的内容。

辅助功能侧边栏附加组件

除了插件本身之外,还有其他 Divi 模块可用于补充辅助工具栏。 首先是 Accessibility Tweaks(每年 19 美元),这是一个 Divi 模块,可以自动调整您网站的模块和代码,使访问者更轻松地浏览您的网站。 它为 Divi 模块添加了键盘控件,如选项卡、手风琴和切换按钮,因为它们缺乏键盘支持。 它还添加了菜单的键盘导航、鼠标悬停在其上的元素的焦点环以及指向页眉和页脚区域的直接链接。

辅助功能调整模块

另一个出色的扩展是 Accessibility Attributes(每年 19 美元)。 它向每个 Divi 模块、列、行和部分添加了一个新选项卡,用于添加辅助属性。 该扩展允许您通过添加切换开关和字段来控制 ARIA 设置,从而为站点内容提供语义含义。 它们本质上是特殊标签,告诉 Divi 网站每个部分的用途以及是否应该由屏幕阅读器等辅助技术访问。

辅助功能属性模块

拥有符合 ADA 规定的网站的好处

建立符合 ADA 要求的网站不仅是正确的做法,而且是正确的选择。 这对您的业务也至关重要。 ADA 适用于某些地区的网站,使可访问性成为法律要求。 通过确保您的网站合规,您可以避免潜在的诉讼和罚款。 除了法律考虑之外,符合 ADA 要求的网站对每个人都更具包容性。 全球有数百万人患有残疾,这可能会影响他们的网络浏览体验。 易于访问的网站提供了独特的机会来迎合广泛和多样化的受众,增加您的潜在客户群并培育更具包容性的在线社区。

创建可访问网站的另一个潜在好处是搜索引擎优化 (SEO)。 像谷歌这样的搜索引擎会优先考虑用户友好且易于访问的网站。 通过遵循可访问性最佳实践,您不仅可以帮助用户,还可以提高网站在搜索引擎排名页面 (SERP) 中的评级,从而带来更多的自然流量。

有哪些辅助功能最佳实践?

要建立一个可供所有人访问的网站,辅助功能侧边栏插件是必须的。 除此之外,您还应该遵循一些最佳实践:

  • 使用 Alt 标签:为图像提供替代文本(alt 标签)描述。
  • 结合对比色:确保在文本和背景之间使用足够的颜色对比。
  • 提供访问内容的替代方式:提供音频和视频内容的字幕和文字记录。
  • 使用简单导航原则:将您的网站设计为仅使用键盘即可实现完整功能。
  • 使用清晰的 CTA:确保表单字段、按钮和其他号召性用语的清晰标签。
  • 编写易于理解的内容:使用清晰简洁的语言,避免行话或技术术语。
  • 整合辅助技术:确保您的网站与屏幕阅读器和其他辅助技术良好集成。
  • 进行测试:测试您的网站以识别并解决任何问题。

Divi 辅助工具栏的功能

Divi 的辅助功能侧边栏不仅仅是简单地选中辅助功能复选框。 它使您能够创建一个具有全面功能的真正包容性的网站。 让我们分别探讨它们,以展示辅助功能侧边栏插件的整体价值。

使用辅助功能配置文件创建个性化浏览体验

可访问性配置文件

辅助功能边栏通过其辅助功能配置文件功能使自定义更进一步。 这允许访问者选择满足特定需求的预配置设置。 无需手动调整,侧边栏会为您完成所有艰苦的工作! 内置了一些令人难以置信的功能,包括屏幕阅读器,它可以为依赖屏幕阅读器进行导航的用户优化网站。 它确保正确的焦点管理、标题结构和图像替代标签描述。 还有针对色盲、视力障碍、多动症、阅读障碍等的预设。

屏幕阅读器工具

辅助功能侧边栏屏幕阅读器

辅助工具栏提供了强大的屏幕阅读器功能,允许网站访问者将文本转换为可听语音。 对于帮助有视力障碍或阅读困难的人来说,这是一个很棒的功能。 您可以轻松地在不同的屏幕阅读器模式之间切换,包括手动或自动。 在手动模式下,用户可以选择他们希望为其转录的页面区域。 自动模式将从上到下读取页面上的所有文本。 除了不同的模式外,用户还可以选择阅读器的速度和语言。

导航工具

辅助工具栏导航功能

轻松导航对于无障碍网站至关重要。 值得庆幸的是,可访问侧边栏扩展为您提供了一个功能工具箱,可确保每个人都拥有良好的浏览体验。 用户可以将光标调整得更大、更改颜色并添加聚焦环,以帮助访问者更有效地浏览您的网站。 您还可以通过识别标题、地标和链接来突出显示页面的结构。 借助这些功能,该插件消除了导航障碍,让每个人都能直观地探索您的网站。

阅读工具

阅读工具

每个人都有不同的阅读偏好。 值得庆幸的是,辅助工具栏扩展了解这一点,并提供了多种工具来吸引所有人。 它允许您调整工具提示文本大小,添加阅读指南以帮助用户保持其在页面上的位置,以及阅读遮罩工具。 阅读遮罩工具允许您添加突出显示的部分,以便在阅读文本时重点关注。

文本工具

文本工具

辅助功能侧边栏扩展提供了各种工具来调整网站内容的大小、行高、间距和对齐方式。 这些工具非常适合那些有视觉障碍或偏好控制文本显示方式的人。 通过向网站访问者提供这些工具,您可以提供更具包容性的体验,确保每个人都可以轻松地与您的网站互动。

图形工具

图形工具

文本、图像及其背景之间良好的色彩对比度对于视力障碍或视力低下的用户至关重要。 辅助工具栏扩展提供了各种图形工具,以确保有视觉困难的人可以有效地查看您的内容。 有一些工具可以调整颜色饱和度和对比度,以及隐藏图像和停止动画的功能。 用户可以根据自己的喜好选择相应的级别,使此扩展成为您网站的绝佳补充。

如何安装辅助工具栏

安装辅助工具栏插件很简单。 首先,导航到 WordPress 仪表板中的插件 > 添加新插件。 接下来,单击上传插件按钮。

上传辅助工具栏插件

页面刷新后,单击“选择文件”按钮,从计算机上传辅助工具栏 zip 文件,然后单击“立即安装”

安装辅助功能侧边栏

安装后,单击“激活插件”按钮即可完成插件的安装。

激活辅助功能侧边栏插件

配置辅助功能侧边栏设置

辅助工具栏设置

辅助工具栏有前端和后端设置。 在前端,用户可以调整侧边栏的大小、位置和语言。 返回用户可以调整他们想要查看的频率,可以选择一次、每次会话、每天或每周。

辅助工具栏后端设置

在后端,网站所有者可以配置一系列设置,包括语言、帖子类型和快捷键的常规设置。

辅助工具栏生成设置

“外观”选项卡下,您可以选择侧边栏的图标,配置大小、位置和间距的设置,以及编辑按钮和侧边栏本身的颜色首选项。

辅助工具栏外观设置

“功能”选项卡允许您显示或隐藏侧边栏及其功能的设置,每个部分下都有单独的切换。

辅助工具栏功能设置

其他选项包括用于编写辅助功能声明的选项卡。 这将在您的网站上创建一个独特的声明页面,您可以在其中为网站访问者编写自定义声明。 编写完成后,指向您的声明页面的链接将放置在辅助功能侧栏的页脚处。

辅助功能侧边栏声明选项卡

辅助功能侧边栏定价

辅助工具栏定价

Accessibility Sidebar 插件可从 Divi Marketplace 购买,每年价格为 43 美元。 可访问性属性和可访问性调整这两个补充扩展的价格均为每年 19 美元。 寻求套餐优惠的用户可以购买 Accessibility Bundle,起价为84 美元,获得终身许可证

您可以在不受限制的 Divi 网站上使用所有产品,这对于希望确保所有 Divi 网站均符合 ADA 要求的自由职业者和网络代理机构来说是绝佳选择。 如果您对购买的产品不是 100% 满意,您可以在购买后 30 天内获得全额退款。 购买后您还将享受一年的更新和支持。

获取辅助功能侧边栏

结论

在当今不断变化的数字环境中,确保每个人都可以访问您的网站是一项重要实践。 Divi 的辅助功能侧边栏插件可让您轻松创建包容性的网页浏览体验,消除障碍并有可能吸引更广泛的受众。 从改进导航到自定义阅读选项,再到调整颜色以增加对比度,您可以放心,您的访问者可以舒适地与您的内容进行交互。 通过将辅助功能侧边栏插件合并到您的 Divi 网站中,您可以在创建真正包容性的在线空间方面迈出重要一步。