The Learning Curve

New tricks for an old dog.

Archive for the ‘Accessibility’ Category


“You should not use the HTML tag <blockquote> to indent text, unless the text is actually a quote. Although visual editing environments such as Macromedia Dreamweaver [and the WordPress editor] frequently refer to <blockquote> as “indent text.” resist the temptation to use it for this purpose; instead, set up a CSS rule to indent the appropriate blocks. <blockquote> is designed to mark up a quote, and devices such as screen readers for the visually impaired will read this text in a way that helps users understand that what they’re hearing is a piece of quoted text. If you use <blockquote> to indent regular paragraphs, it will be very confusing for users to whom the content is read as a quote.”

from Rachel Andrew, The CSS Anthology: 101 Essential Tips, Tricks, and Hacks

I didn’t know this!


Written by Tom Fox

05/29/2007 at 7:14 am

Chasing My Own Tail in Search of the Semantic Web

I’ve been working on building some online bookstores because I love books and I want to make money on the Internet. Being a front end for in some obscure niche topic sounds like fun to me, especially if I can make it pay its own way.

Since I’ve recently been thinking in about web accessibility in general, mostly for people, but also for robots (especially Google for obvious selfish reasons), it seemed to me that books are a natural subject for a standardized categorization and representation on the web. There is a common data set associated with each book . . . author, title, publisher, number of pages, publication date, ISBN numbers, etc.

I first had the bright idea to use CSS “class” tags to indicate what was what in the body of my web pages, but the mere fact that I thought it was a good way to do it was a virtual guarantee that nobody else would see it that way. So I spent a few hours researching the search term “semantic web”, see, eg:

WIkipedia entry – Semantic Web
W3C – OWL Web Ontology Language

. . . but these were WAY more abstract and theoretical then the quick and dirty answers I was looking for.

Wikipedia led me to Piggy Bank, which sounded promising. Piggy Bank is an egghead project from MIT that’s a “Firefox extension that turns your browser into a mashup platform, by allowing you to extract data from different web sites and mix them together.”

With this, I thought, I could at least test my own web pages to see how my carefully encoded data structures were seen by the apex of semantic web thinkers.

Other than being big, clunky, requiring a Java upgrade, and fussy, I got Piggy Bank to work long enough to find out that all it did was extract the meta tag data from the head section of my html.

Let me repeat this. The blokes at MIT were only interested in meta tags.

Oy vey.

Now, I go delete Piggy Bank from my system. I hope.

Written by Tom Fox

01/02/2007 at 10:23 am