界面组件 深入了解 B · 官方指南或术语 平台: 网页

ARIA Feed Pattern

ARIA 动态内容流模式

ARIA 动态内容流是一串会持续变化、像文章一样的条目。用户浏览时,它可能加入新条目或移除旧条目。

看看怎样运作
也有人这样说 ARIA Feed Pattern活动流无限文章流

看看怎样运作

原创情境示例ARIA 动态内容流模式

另一个例子

研究人员用 Page Down 浏览帖子。每篇文章都会提供所在位置、作者标题和互动。加载接下来的 20 条,或为了节省内存而移除旧帖子时,当前文章、总数和焦点都要保持正确。

主要部分

  1. 01内容流容器
  2. 02文章条目
  3. 03加载与位置信息

什么时候用

只有文章流会持续加载,而且必须配合辅助阅读模式时,才使用这个高级模式。

什么时候不要用

固定数量的结果应使用普通列表。除非焦点与加载方式都符合完整规则,否则不要添加 `feed` 角色。

代码里的名称

role=feed containing labeled article regions with posinset/setsize

上线前要检查

发布前检查页面结构、键盘操作、清楚可见的焦点、对比度与缩放。也要检查加载、没有内容、错误、成功、取消与减少动态效果。

可以直接复制的需求

预期结果:使用 ARIA 动态内容流模式 (ARIA Feed Pattern) 解决这项需求,同时保留用户当前的操作上下文。 用户场景:研究人员用 Page Down 浏览帖子。每篇文章都会提供所在位置、作者标题和互动。加载接下来的 20 条,或为了节省内存而移除旧帖子时,当前文章、总数和焦点都要保持正确。 建议界面模式:ARIA 动态内容流模式 (ARIA Feed Pattern)。 适用理由:只有文章流会持续加载,而且必须配合辅助阅读模式时,才使用这个高级模式。 不应使用的情况:固定数量的结果应使用普通列表。除非焦点与加载方式都符合完整规则,否则不要添加 `feed` 角色。 产品要求:定义默认、加载、没有内容、错误、成功与恢复状态。保留用户已输入的内容,每个操作后都提供清楚反馈。 无障碍与韧性:使用结构正确的 HTML(语义化 HTML)和完整键盘操作。焦点要清楚可见,布局缩放后仍要好用。也要提供减少动态效果。遵守项目现有规则。除非项目已采用,否则不要新增界面组件库。 验收标准:主要任务可只用键盘完成,在 320px 宽度也能正常使用。焦点与状态变化可被辅助工具读出。加载、失败、重试、取消与减少动态效果都已验证。 证据与限制(证据边界):它只代表该来源的官方说法。其他平台或团队可能有不同用法。 待确认:产品文字、数据来源、分析事件、支持设备与语言,以及平台特有限制。

检查这份需求

请 AI 编程助手检查当前如何使用 ARIA 动态内容流模式 (ARIA Feed Pattern)。 定义:ARIA 动态内容流是一串会持续变化、像文章一样的条目。用户浏览时,它可能加入新条目或移除旧条目。 生产环境检查:发布前检查页面结构、键盘操作、清楚可见的焦点、对比度与缩放。也要检查加载、没有内容、错误、成功、取消与减少动态效果。 修改程序前,先列出看到的证据、缺口、严重程度,以及最小且安全的修正。

B
这个术语有多正式?

官方指南或术语

列出的平台、框架、项目或专业组织,发布了这个术语的官方指南。

它只代表该来源的官方说法。其他平台或团队可能有不同用法。

适用范围
只包含来源有说明的内容:正式名称、定义、交互行为、键盘行为、无障碍
文档状态
稳定
核验日期
2026-07-30

证据来源与适用范围

正式来源 + 术语参考资料 · W3C WAI · 稳定 Feed Pattern 适用范围: 正式名称、定义、交互行为、键盘行为、无障碍 本页用途: 直接术语参考 来源涵盖内容: 正式名称, 定义, 交互行为, 键盘行为, 无障碍

自行复制

浏览器无法自动复制。请选择下方文字,再自行复制。