由顧客要完成的事開始
輪播是一種展示方式,不是內容策略。若一小組資訊確實有先後關係,例如同一服務地點的不同照片,或少量季節公告,輪播或許有用。若每張投影片都是重要而獨立的優惠,卻要求顧客等待它出現,效果便成疑問。製作前先問:訪客要作甚麼決定?所有重要選項是否應同時可見?改用清單或網格,會否更方便比較?W3C 的 ARIA Authoring Practices Guide 把輪播描述為依次顯示部分投影片的元件;「其他內容暫時被藏起來」正是需要審視的代價。
對中小企首頁,可先列出每張擬議投影片的獨特訊息、連結目的地、負責人及到期日。若投影片包含顧客採取行動前必須知道的條件,該條件應在頁面或目的地清楚可讀,而不是只在計時輪播期間短暫出現。幾張投影片若重複同一籠統承諾,可合併;內容彼此無關,普通卡片或會更清楚。這些屬設計判斷,並非聲稱某種版面已為你的業務量度出較高轉換率。應以真實顧客任務測試,再作商業決定。
把自動播放視為須刻意決定的功能
最簡單的做法是由顧客自行切換投影片。若業務仍希望自動播放,W3C 輪播模式建議提供看得見的停止及重新開始按鈕;鍵盤焦點進入輪播時應停止轉動,除非使用者明確要求,否則不應自行恢復。上一張及下一張按鈕也應保留,讓人按自己的速度觀看。這是實際閱讀需要:正在看文字、使用讀屏器或考慮連結的人,不應在未完成前被換走內容。沒有明確停止控制的計時輪播,把頁面的時間表強加於訪客。
WCAG 2.2 成功準則 2.2.2 的條件要準確理解:若移動、閃動或捲動資訊自動開始、持續超過五秒,並與其他內容同時呈現,除非動態是活動必要部分,否則須讓使用者暫停、停止或隱藏。自動更新而又與其他內容並列的資訊也有控制要求,並沒有相同的五秒條件。這不表示所有輪播都違反 WCAG,也不表示把計時設為五秒就能讓任何變動設計合格。穩妥的編輯決定是:除非團隊能說明並驗證自動播放的用途,否則先不用;若使用,應給顧客充分控制。
讓控制項的操作可預期
上一張、下一張及自動播放控制應用真正的按鈕,名稱清楚描述動作。W3C 模式建議使用原生按鈕;啟動這些控制時不移動鍵盤焦點,使用者便可重複按同一個控制。只會變色而沒有清楚名稱的小圓點,難以讓人理解。若確實需要直接選擇投影片,應為每個選擇器提供有意義的可存取名稱,並一致採用已記載的按鈕或分頁模式;大量獨立鍵盤停靠點會令長輪播難用。有自動播放時,停止按鈕應在閱讀次序中先於會變動的內容。英語及繁體中文版本的標籤都要說明下一次按下後會發生甚麼。
若投影片內有連結或表單控制,焦點處理尤其重要。已隱藏投影片的連結不應仍出現在鍵盤次序內;切換投影片亦不應讓焦點停留在已消失內容。W3C 模式提醒,單把投影片移到畫面外,可能令讀屏器讀到令人混亂的內容。測試者應使用 Tab 和 Shift+Tab 走遍輪播、以鍵盤啟動控制、跟隨投影片連結再返回,並檢查每一步的朗讀內容及焦點位置。畫面截圖即使看起來正確,也不能證明這些互動;可行情況下應在真正瀏覽器配合輔助科技驗收。
在適當時間呈現適當內容
輪播需要清楚的群組名稱及可識別的投影片;同一頁有其他控制項或多個輪播時更是如此。W3C 模式描述了帶有標籤及輪播角色說明的區域或群組,以及逐一命名的投影片。可行時使用畫面上可見的標題作名稱,讓看得到畫面及使用輔助科技的顧客知道同一個用途。不要把每張投影片都叫作「圖片」;若可用簡短獨特名稱,也不必只報數字。投影片內的標題、連結及圖片替代文字仍要按內容本身撰寫。語義正確的容器,也無法補救隱藏重要價格或條件的宣傳文案。
朗讀提示須配合輪播是否由使用者控制。W3C 建議在非自動播放時可用禮貌的即時區域提示切換,正在自動播放時則關閉即時提示,避免讀屏器反覆被未要求的內容打斷。顧客明確按「下一張」後,新內容應容易理解,但介面不應朗讀整段廣告或尚未顯示的投影片。應以顧客合理會使用的瀏覽器與讀屏器組合測試;單靠標記正確,不能證明體驗可用。若不同裝置表現不同,應如實記錄,不可用一個裝置的結果聲稱普遍適用。
以商店首頁為例
假設一家香港商店計劃在首頁輪播送貨資訊、新系列產品及預約服務。送貨資訊有重要截單條件,預約內容則連往表格。團隊應先問:訪客是否需要同時比較這三種行動?三張靜態卡片可能更容易讓截單條件持續可見,亦方便找到預約連結。若畫面空間或內容關係仍適合輪播,可選擇手動切換,加上可見標題及清楚的上一張、下一張按鈕。這是示範如何作設計判斷,不是對某家商店成果的量度報告。
團隊隨後從全新載入的頁面測試。用鍵盤操作時,每個按鈕與連結都要按合理次序到達;切換投影片不應意外移走焦點。放大畫面及在窄屏幕上,控制項仍須清楚可辨,不能遮蓋優惠條件。使用讀屏器時,群組名稱、目前投影片和操作名稱在兩種語言都要合理。若保留自動播放,停止控制要明顯;焦點進入後停止,而且不應自行恢復。即使顧客完全不操作輪播,也應能理解頁面的主要內容,不必碰巧等到動畫的某一刻。
讓內容可持續維護
輪播即使技術上可存取,內容也可能過時。每張投影片應有內容負責人及覆核日期,並檢查連結頁面是否仍符合投影片的承諾。推廣期滿時,英語與繁體中文版本須同步移除或更新,避免兩種語言顯示不同條件。刪除投影片後,要確認餘下標籤、選擇器名稱及控制項仍能準確描述整個序列。若只剩一張內容,可考慮完全移除輪播控制。這些是維護顧客決策資訊的日常工作,並非輪播會增加銷售的證據。
驗收紀錄不能只有截圖。應保存選用輪播的理由、控制行為、鍵盤操作路徑、讀屏器觀察、雙語文案覆核,以及每張投影片的負責人。既要測試初始狀態,也要測試訪客暫停、切換及返回後的狀態。若重要資訊難以找到,應先修改內容結構;增加動畫設定無法解決資訊層次問題。經同一輪評估後改用簡單頁面,讓顧客立即看見並採取相關行動,也是合理結果。輪播應以幫助完成具體任務來證明自身價值。
內容覆核還要看連結目的地,不能只看投影片。訪客可能聽到清楚的按鈕名稱,按下後卻抵達標題或優惠條件已經不同的頁面。應在兩種語言測試整段旅程,包括繁體中文投影片是否通往相應語言的目的地。推廣若有期限,資格條件要清楚顯示,並由具名負責人按時移除內容。也要測試圖片未能載入時,標題、連結及必要條件是否仍可理解。無論最後使用輪播還是靜態卡片,顧客都是根據訊息和目的地一併作決定;不可把重要條件藏在圖片或一閃即逝的動畫裏。
進行前先確認
- 先比較靜態清單或卡片是否更合適。
- 若自動播放,核對可見的停止控制及焦點行為。
- 以鍵盤、讀屏器、放大畫面及兩種語言驗收。


