logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动
04/10/2025, by Ivan

更多语义化

在 Drupal 8 中,我们在许多地方提供了更多可供辅助技术使用的 HTML5 语义元素。我们通过添加 WAI-ARIA 地标、实时区域、角色和属性进一步扩展了这一点。

语音提示(Aural Alerts)

Drupal.announce() 现在已成为 Drupal 8 核心的一部分(位于 core/misc/announce.js),让开发者能够向用户提供及时的语音提示。在 JavaScript 中,我们现在可以为屏幕阅读器用户提供指令,这些指令可被读取为“强制性”或“礼貌性”:

Drupal.announce('Hello world.');

您还可以传递已翻译的字符串并通过以下代码调整消息优先级:

04/10/2025, by Ivan

以下模块可帮助提高您网站的可访问性。

注意:其中某些模块可能已过时和/或未纳入 Drupal 的安全策略。请查看各模块的页面以获取详细信息。适用于 Drupal 7 的模块

Automatic Alternative Text(自动替代文本)

最新版本:8.x-1.7

该模块使用 Microsoft Azure 认知服务 API,在用户未提供替代文本时自动为图像生成替代文本。

04/10/2025, by Ivan

并非所有隐藏内容的方法都适合屏幕阅读器用户或其他辅助技术用户。此页面概述了适用于所有用户和屏幕阅读器用户的主要内容隐藏方法。

使内容不可见(视觉上隐藏)

如果页面上的元素:

  • 是一个交互元素,但需要将其隐藏以便主题化(例如,自定义样式的链接、复选框、单选按钮或表单控件);
  • 是某个元素的标题或标签,而其用途已显而易见(因此无需向有视觉的用户显示,例如区块标签或表单字段标签);
  • 不应对有视觉的用户可见,但应对屏幕阅读器用户可见;

……那么你应当将其设置为不可见(视觉上隐藏)。

你可以这样做:

为元素添加 visually-hidden 类,
在 Drupal 8 中,在实体子类型(例如文章内容类型中的“标签”字段)的“显示管理”页面中将字段标签设置为“- 视觉上隐藏 -”,
使用 CSS 将它定位到页面的可视区域之外,或者,
使用以下 CSS:

04/10/2025, by Ivan

隐藏内容对可访问性非常有用。我们可以在视觉上隐藏某些内容,只让屏幕阅读器用户看到;我们也可以从屏幕阅读器中隐藏内容,仅让视觉用户看到;或者我们可以对两者都隐藏。Drupal 自带了一些内置的 CSS 类,可以帮助确保你的意图明确。我们不建议使用 { display:none; },因为它经常被误用。

04/10/2025, by Ivan
你知道你希望自己的模块、计划、主题、补丁或核心贡献是可访问的,但不知道如何实现。 BBC 无障碍冠军(Accessibility Champions) 的方法非常成功,Drupal 社区可以以此为基础来建立我们自己的推荐流程。可访问性并不容易,通常需要创造力、测试和开放的心态。当它从一开始就成为整个过程的一部分时,才能最有效且优雅地实现。

找到一位 A11y 冠军加入你的团队(或成为你自己的冠军)

  • 我们的社区中有许多专家希望让 Drupal 尽可能无障碍;你可以在问题队列中找到这些冠军,在 Drupal 营或聚会上与无障碍专家交谈,或通过参与 Drupal Slack 并加入 #accessibility 频道来联系他们。
  • 无论你是否是专职冠军,或者在承担其他角色的同时担任冠军,定期与维护者联系以获取有关复杂问题和方法的反馈都很重要。我们还会每月举行办公时间(office hours)来让这一过程更容易。
04/10/2025, by Ivan

了解你的模块、主题或网站的可访问性水平,起初可能看起来是一项艰巨的任务。如果你是可访问性领域的新手,这个话题可能会让你不知从何入手。为了满足不同能力用户的需求,需要考虑到多种因素。本篇文档将必要的注意事项整理为一个逻辑清晰、循序渐进的可访问性检查流程,帮助你评估模块主题或网站的可访问性。