鍵盤互動

按鍵動作
Tab依序移到自動輪播按鈕、上一張和下一張按鈕、投影片,最後是圓點。
在投影片上按向左 / 向右鍵捲動到上一張或下一張投影片。
Enter 或空白鍵按下取得焦點的按鈕或圓點。

無障礙說明

  • 輪播是帶有 aria-roledescription="carousel" 的 region,每張投影片則是帶有 aria-roledescription="slide" 的 group,名稱像是「Lake Como, 2 of 4」。
  • 自動輪播按鈕排在最前面,並會說明按下後的動作。指標停在上方時自動輪播會暫停,鍵盤焦點進入時則會停止,因此絕不會移動使用者正在閱讀的內容。
  • 透過滑動、按鈕或圓點切換後,會朗讀輪播停在哪裡;自動輪播時則保持安靜。