Press "Enter" to skip to content

Making Accessible Tables for Your Website

Have you ever had trouble trying to code accessible tables on your Web site? I could never remember the codes myself. I always needed to have Mike Paciello‘s book, Web Accessibility for People with Disabilities opened up to the pages with all the codes for making accessible tables.

Now Frank Palinkas has made a practical tool for anyone who is trying to learn how to code accessible tables. In the Fast Track Tutorials section, there is a tutorial called Creating Accessible Tabular Data Tables. One nice advantage is that you can simply copy the code from his tutorial and paste it into your HTML editor to prepare the correct code. (Paste it into the code-view.)

If you are brand new to standards and accessibility and wonder what accessible tables are, then Frank’s tutorial is definitely for you. He made the tutorial as a demonstration of web standards and accessibility methods for the proper way of making tables. You see, tables on websites are for data, not layout. I hope most people do realize this, but there are still extra steps that should be taken for making tables that can be read in a screen reader. Try out the tutorial and start coding accessible tables today.

Frank will be presenting at the WritersUA conference in San Diego, California, March 25-28. He promises to be on his standards-and-accessibility soapbox!

(Disclaimer: I was one of the people who helped test Frank’s tutorial. I am promoting it because of my interest in web standards and accessibility.)


  1. karen
    karen 3 February 2007

    The direct link to Frank’s tutorial is:
    For some reason, WordPress kept erasing all text in front of the hash symbol. Sorry I couldn’t put it directly in the text. I tried! If anyone knows how to avoid whatever problem I encountered, please let me know. Thanks!

  2. karen
    karen 4 February 2007

    My problem was solved thanks to advice from Mette Juul,
    In the code for my posting, I had to remove the slash in front of the hash symbol. Then it worked. When you view it now, a slash is shown. I just couldn’t enter it into the code itself.
    Thanks, Mette! You are truly a web nestor. 🙂

Comments are closed.