Accessible bar chart (standards-schmandards)

As you can see I have reproduces the table with the CSS from standards-schmandards. Brilliant use of CSS and Aural text class. Take some time to read through the enrty and the demontration. I think this is a great way to put information up on web where a table is required and the visual representation of data is a must. It is visual, accessible and rich with CSS. Why don’t you try it, go ahead and disable the CSS of this page and you would still see the graph as legibly as it would othwise be with bells on!

Below is an overview of banana imports for top importing countries. Source: Food and Agricultural Organization 1998.

Top banana importers 1998 (value of banana imports in millions of US dollars per million people)

CountryMillions of US dollars per million people
Sweden17.12
United Kingdom8.88
Germany8.36
Italy5.96
United States4.78
Canada4.62
Japan4.30
France3.33
Russia1.04

2 thoughts on “Accessible bar chart (standards-schmandards)

  1. Wow, that’s seriously cool.
    It’s a shame the graph widths are part of the table… Maybe that can change in version two ;)