Simon Willison’s Weblog

Accessible lists

Today’s tip from Mark informs us that “real” lists are good for accessibility. They are also fantastic for writing maintainable code. Thanks to CSS, a humble unordered list can be transformed with custom bullet points, funky backgrounds, rollover effects and borders—all hidden away in the stylesheet leaving just basic list markup in the HTML. Adding a new item is as easy as <li>item</li>. W3Schools have a good CSS list reference complete with examples, and this earlier post on my blog lists some resources for dealing with unpredictable list margins.

This is Accessible lists by Simon Willison, posted on 9th July 2002.

Next: Rounded corners in CSS

Previous: Logoed

Previously hosted at http://simon.incutio.com/archive/2002/07/09/accessibleLists