Needless UI

元件

評分

用星星評分，底層是真正的單選按鈕。

鍵盤互動

按鍵動作
Tab進入群組，並移到已勾選的星星。
方向鍵變更評分。
空白鍵勾選取得焦點的星星。

無障礙說明

  • 每顆星都是一個原生單選按鈕，名稱形如「3 stars」。請用 aria-label 為群組命名。
  • 在唯讀模式下，評分是一張名為「Rated 4.3 out of 5」的圖片（role="img"）。
  • 星星以 CSS 遮罩繪製，因此會遵循強制色彩模式。