Needless UI

组件

评分

用星星打分，底层是真正的单选按钮。

键盘交互

按键操作
Tab进入按钮组，并定位到已选中的星星。
方向键更改评分。
空格键选中获得焦点的星星。

无障碍说明

  • 每颗星都是一个原生单选按钮，名称形如“3 stars”。请用 aria-label 为按钮组命名。
  • 在只读模式下，评分是一张名为“Rated 4.3 out of 5”的图像（role="img"）。
  • 星星由 CSS 遮罩绘制，因此会遵循强制颜色模式。