Somewhere along the way I signed up to receive email notifications from Firewheel Design’s excellent IconBuffet. Since then I’ve decided that I no longer wish to receive their email newsletter. No big deal, right? Just unsubscribe.

In this case it’s not so simple:

Clicking on this link brings you to an error page. It’s the wrong link to unsubscribe or change your account preferences.

This is an unusual oversight — typically Firewheel’s work is excellent — but it’s an important one that underscores the importance of testing. This is especially true for email newsletters, because once they’re sent they can’t be taken back.

Test, retest, and test again. Mantra of the week.

After going through a few template revisions of a web application we’ve been developing, I became stuck. I just couldn’t get the interface to look like it was supposed to be used the way it was intended. The issue was that the interface was a set of tabs, each containing form fields, organized by columns. The challenge was to make the interface, which was basically a spreadsheet, to feel not so spreadsheet-like.

The ‘Ah-ha!’ moment came when I realized what it was we were really trying to achieve with the interface, on a very basic level. We were organizing tabular data, so the solution really became quite obvious. Instead of ‘divs’ and ’spans’, organize the interface using ‘tables’.

(more…)

Building websites that are accessible to all visitors entails more than just making sure the layout renders well and the text is readable in different browsers; it requires even more than complying with Section 508 of the Rehabilitation Act. Accessibility design is really an attitude about making your site as useful and available as possible.

With the rise of blogs I’ve found that sites are dramatically failing in this regard: linking to other documents or offsite from within the text of a paragraph. Instead of a larger site which may contain a seperate links page many blogs just include links within the post itself.

You may be surprised to hear this. After all one of the foundational tenets of HTML is the ability to markup text with links, well, anywhere in the document. But this can be a huge distraction to people with ADHD or related attention disorders, decreasing the readability of a document and sometimes luring them away before you’ve finished your thought. Just because you can link from anywhere doesn’t mean you should.

After one of my friends with ADHD first brought this to my attention, I looked into the matter more. There are between 8 million and 20 million Americans with ADHD (depending on whose research you subscribe to), a whopping number to be distracted by our indiscriminate linking.

There are easy solutions to this problem. If you have more, please post them as a comment.

1. Put links after posts or at the bottom of paragraphs.
2. Pull out links into a sidebar or callout.
3. Use footnotes. (John Gruber does a nice job of this at Daring Fireball.)
4. Design links so they’re less obvious and distracting to the user. (This isn’t really a good solution, because it introduces other usability problems, but it’s a way to help with *this* problem.)

References from this article:

   Section 508 of the ADA
   Daring Fireball