§11-04Trust
レビュースコア (★)
星の平均点と件数で評価を示す。
他の利用者の評価を数字と件数で示し、選ぶ前の判断材料にする。商品や店舗の一覧で、候補を比較する手がかりが欲しいときに置く。
実装のポイント
平均値だけでなく星ごとの分布と件数を併記すると偏りが伝わる。星は四捨五入せず端数を部分塗りで表し、スクリーンリーダー向けに「5 点中 4.6」をテキストで持たせる。
- 特徴
- CSS のみ
- アクセシビリティ
- デモで使っているもの
- lucide-react
§11-04Trust
星の平均点と件数で評価を示す。
他の利用者の評価を数字と件数で示し、選ぶ前の判断材料にする。商品や店舗の一覧で、候補を比較する手がかりが欲しいときに置く。
平均値だけでなく星ごとの分布と件数を併記すると偏りが伝わる。星は四捨五入せず端数を部分塗りで表し、スクリーンリーダー向けに「5 点中 4.6」をテキストで持たせる。