介面元件 深入了解 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 適用範圍: 正式名稱、定義、互動行為、鍵盤行為、無障礙 本頁用途: 直接術語參考 來源涵蓋內容: 正式名稱, 定義, 互動行為, 鍵盤行為, 無障礙

自行複製

瀏覽器無法自動複製。請選取下方文字,再自行複製。