Hi,
continuing the series of useless experiments, here's a simple demo
that creates a pure CSS bar chart:
http://onwebdev.blogspot.com/2011/03/pure-css-bar-chart.html
Note that elements have actual textual content. To make things a
little bit more flexible and accessible, you can use an unordered list
instead of divs.
So:
<ul id="chart">
<li id="ie"><span>45%</span></li>
<!--more-->
</ul>
In this case, screen reader users can jump from one item to another
simply with their keyboard shortcuts.
HTH :-)
ps. it's worth mentioning that in this case the title attribute on
each item will add an extra level of information. :-)
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
