Zepfanman.com (Stylesheets Off Version)

Main sections:

Beliefs LedZep Gallery LINKS Blog

[Tagline] Zepfanman.com: When you can't find it on Google

If you see the text of this paragraph, then you are viewing my site without any (or with limited) stylesheets. I suggest using the site search or going directly to the page content using the Skip Navigation link at the top of the page; Skip to Full Menu has similar results. Use the About link to learn more about Zepfanman.com in general.

Hide/Show Sidebar (may not work properly if your browser has Javascript issues)

You are here: Blog > Archives (entry details)

Web standards, usability, and accessibility

Update: Kevin released Project: New.

Web standards and the terms that go with it are unknown to too many people. Molly, Kevin (see his Project: New, started in mid-February '05), and Derek (& his commenters) are realizing that we need better ways to show people and organizations how and why their websites should comply with standards. To start, here's a quick web standards definition: principles recommended by W3C that make the Web accessible to all users (despite differences in culture, education, ability, resources, and physical limitations).

I've attempted to provide my own brief expanation of standards, but it needs some improvement. In fact, I wouldn't recommend studying the source of my html as it's not the best example to model after! There are many other sites that discuss standards, but I have yet to find a simple explanation of what they are and how you can start using them. Even Webstandards.org is not very helpful. Honestly, it's hard to describe standards without seeing specific examples. Here is a short list of introductory material to get you thinking about why your website should be more usable (offer other suggestions or corrections, please):

  • Usability - the measure of how easily a thing can be used; Wikipedia definition.
  • Accessibility - most often used to describe facilities or amenities to assist people with disabilities; Wikipedia definition.
  • Separating structure (CSS, DOCTYPES, etc.) and symantecs (HTML) makes websites faster, easier to modify, and saves bandwidth.
  • Limit use of the table element to the presentation of data, not to format the display of your site. This is probably one of the biggest pet peeves of standards evangelists.
  • Stop using Internet Explorer - If you start designing standards-valid websites, you'll notice that they look different depending on which browser you're using. For many reasons, IE does not render sites correctly; find yourself a new browser!
  • W3Schools Online Web Tutorials is probably the best place to start if you are a wet behind the ears beginner. Added '05Jun21
  • Developing With Web Standards by Roger Johansson, 456 Berea Street; Updated Oct5, created March '04 - A long article (a mini-book), encouraging the use of best practices in web development. Available in several languages. Added '04Dec21
  • The Big Web Design Details List by D. Keith Robinson, Asterisk; 2004Jul28
  • Unusable Web, Asterisk; 2003Nov29
  • Standards Resources for Beginners by Dave Shea, mezzoblue.com; 2004Aug25
  • Accessify.com tutorials; updated 2003Aug21
  • DiveIntoAccessibility.org - an online book by Mark Pilgrim; 2004Mar19

By rockofvictory | Mon 2004Dec20 15:17 CST | Links | Last edited Tue 2005Jun21 17:25 CST
Trackbacks disabled due to inactivity.

COMMENTS (1)

Also note that accessiblity can refer to the structure of the (html) document. In a larger document, you should be using headings (h1-h6) to organize the sections logically. Many webpages in the past have avoided using headers (because, prior to CSS, they were hideous) and instead opted for the font tag, which really should be completely avoided now. It is along the same lines as people using tables for layouts, which should now be using styles.

#C1 | By: Ian Clifton | Thu 2006Feb23 23:31 CST

TRACKBACKS (2)

I need a better way to keep up with quick links and tidbits of info around the web. Here is a dump of a bunch I've found in the past month.

#TB7 | Title: Link dump | Weblog: Zepfanman Blog
Tracked: Fri 2005Jan21 10:33 CST

The next step in improving my site with more permanent links is to use mod_rewrite in Apache. Here are a bunch of tutorials, as well as other useful site-building links.

#TB12 | Title: Next goal: friendly URLs | Weblog: Zepfanman Blog
Tracked: Tue 2005Apr19 14:54 CST

POST NEW COMMENT










Remember personal info?

URL will be shown in your comment as a link for your Name (much like the way rockofvictory is linked at the bottom of the main entries). Your Email will never be displayed on Zepfanman.com, but it is required so that the webmaster can contact you personally if you want; enter a bogus one if you don't like me. (This is my not-so-secret ploy to see who my real friends are.)






Please be patient while your post uploads for previewing.