[CSS]スタイルシートで実装するアクセシブルな棒グラフ -SAC Simple Accessible Charts

SACでエントリーされているスタイルシートで実装する棒グラフの紹介です。

SAC Simple Accessible Chartsのキャプチャ

SAC Simple Accessible Charts

各項目の記述は、下記のようにリストになっています。

<li><em>Ants</em><span style="background-position: center -35">: </span><strong>35%</strong></li>

リストのため、スタイルシートのオフ時には下記のように表示されます。

SAC Simple Accessible Chartsのスタイルシートのオフ時のキャプチャ

デモページ

sponsors

top of page

©2024 coliss