Most of these are fairly quick and easy steps you can take to increase the accessibility of your web site. Keep in mind that these are just a sample of accessibility recommendations. The resources below offer much more extensive information.
- Provide descriptive
altattribute text on images and descriptive
titleattribute text on links.
- Put all style information in the CSS file. Separating the presentation from the content of a page allows the greatest variety of devices to access and sensibly render the content.
- Use semantic markup. For example:
- Order your headers correctly (don't skip from
<p></p>on paragraphs and only on paragraphs (not for spacing—that's what your CSS file is for).
- Restrict the use of tables to tabular material. If you must use tables for layout, ensure that the text makes sense when read linearly.
- Put navigation menus (and other catalogues of items) in lists. Then style the lists in the CSS file (see Max Design's Listamatic and Listutorial for a taste of what is possible.)
- Bold face and italics are stylistic effects; indicate them in the CSS file, not on the page. When text is meant to be emphasized, use
display: none;in the CSS file.
Many sites exist that will give you much more detailed help on building accessible web sites. These are some of the best:
- Quick Tips to Make Accessible Web Sites - from WAI's Web Content Accessibility Guidelines
- Building Accessible Websites - comprehensive guide from Joe Clark.
- W3C's Web Content Accessibility Guidelines 1.0
- WebAIM's Techniques & Concepts - from Utah State University's Web Accessibility in Mind site.
- Accessify - accessibility news blog from Ian Lloyd and Russ Weakley.
- 456 Berea Street - accessibility expert Roger Johansson's excellent blog.