Thoughts on Design

The Ironically Named Usability.gov

2009-07-09T04:25:48Z

You might expect a high level of accessibility from a site called Usability.gov. You might be disappointed. Sadly, I wasn’t particularly surprised by my quick look into the accessibility of this site.

Age is definitely a factor. While the copyright is up to date, the fact that has custom style sheets for Internet Explorer (IE) 5 and newer, and 4.7 and older makes me think it’s not a new design. With that code, I’d hope it was more than five years old. Regardless, it’s showing its age.

Some of the low points of the site are:

Absolutely horrible use of headings for structure.
Use of images of text rather than text.
Bad use of the hover pseudo-class making navigation awkward
No use of the focus pseudo-class making keyboard navigation all but impossible
An unreasonable number of validation errors and warnings
Invisible skip links, which don’t work in IE.

This is one of those sites that seems to pass most cursory accessibility tests without actually being accessible. It follows the letter of Section 508 compliance, while throwing the spirit of the law out the window. That it does have skip links, but you can’t see them and they don’t work is a perfect example of this. It has the appearance of accessibility, without actual the benefit of accessibility.

Accessibility – IT Dashboard

2009-07-09T04:25:24Z

A friend recently asked me about the accessibility of a new US government website he’d seen. He knew I’d been following the various discussions about federal government accessibility. Like others I’ve looked at, IT Dashboard doesn’t do very well.

At first glance, you might think it was going to be accessible. Nice clean layout in a modern style… it should be accessible too, right? You might think that, but you’d be disappointed.

Let’s take it from the top.

First thing I noticed while testing is that it seems to be forcing compatibility mode in Internet Explorer 8 (IE8) As of this posting it’s not yet on the IE8 Compatibility View Blacklist
Skip links: present, but invisible and don’t work for me in Internet Explorer 8. (compatibility mode?)
Text resizing: Nice clean text resizing links at the top of the page, but they don’t seem to work in Internet Explorer or Firefox. I can see a refreshing of the screen, but I can’t see any text changing.
Page headings: Should have at least one H1 heading. It has none. The home page has one H2 heading.
Default language: not defined
Alternative text: Purely decorative images are given alt text, they should be put in the CSS.
OnClick handler does not have focus-able element
Color contrast: with a 4.5:1 ratio being a minimum value for AA rating this site has links with a 2.35:1 ratio. Unacceptable.
Screen refreshing: There is no means that I can see to stop the screen from refreshing whenever the home page graphs reload. While this isn’t particularly noticeable in normal browser viewing, my testing software resets about every thirty seconds. I have to think that accessibility software and add-ons would do the same.

While this is by no means a complete evaluation, it does show an alarming number of problems, some of them quite serious.

My final problem with this site is the accessibility page. In my opinion this is the place where you explain how to use the accessibility features of a website. This is not the place to make political statements. This site’s page begins with:

The Obama Administration has a comprehensive agenda to empower individuals with disabilities in order to equalize opportunities for all Americans.

It’s only in the eighth paragraph that actual web accessibility features are mentioned. These three sentences are two little, and they are seven paragraphs too late. This is as good a summation of my opinion of the site as I could write.

Why Accessibility?

2009-07-04T21:27:36Z

Who cares about accessibility? The short answer is you should. If you don’t, you’re not alone. A lot of people don’t give a lot of thought to accessibility, but they should too. Why should you worry about accessibility? For this discussion, let’s leave the legal implications out entirely, they’re important too, but that’s another discussion. Let’s just consider your audience.

Who is your audience? Do you like your audience? How would you feel if I told you I was going to take some of them away? Lack of accessibility might be doing just that.

Low color contrast? You could be losing the one in twelve adults that are color blind.
No alt text? you’re losing anyone who is visually impaired or has images turned off for bandwidth reasons.
No captioning of audio? You’ve now lost anyone who has difficulty hearing.
Didn’t bother making keyboard navigation possible? You’ve lost anyone with manual dexterity problems, as well as people using some types of accessibility software.

I could go on. Each type of accessibility you ignore, is a portion of your audience that you aren’t reaching. You’d never consider ignoring clients you talk to in person, but you’re doing just that to your potential online clients. Why accessibility? Because if you make your site accessible, you reach all of your audience.

Jim Thatcher and WhiteHouse.gov – Update

2009-06-12T14:06:54Z

I linked to Jim Thatcher’s post Accessibility of the White House Web Site, so I thought it only fair to link to his update as well.

I have updated the report on the Accessibility of Whitehouse.gov because there have been significant improvements there. It is gratifying and encouraging. Specifically, I think it is fair to say that the major issues reported in that news item have been fixed. Furthermore, in the arena of machine detectable errors detected in a depth one scan, the White House site has gone from an average of three errors per page to an average on one per page in less than two months. Congratulations! – Web Accessibility News

Whitecap Custom Rods

2009-05-28T03:44:12Z

My most recent project at Riven Design was a brand new Drupal site for Whitecap Custom Rods. The owners of WhitecapRods.com pride themselves on building rods “with an enthusiasm for excellence“. It shows in their work, and I hope it shows in their site.

Whitecap Custom Rods

Riven Design Online

2009-05-28T03:34:01Z

My business site, RivenDesign.com, has a new look. As well as the new style, I’ve improved the accessibility with better skip links and a better use of headings. It also has an updated version of Drupal.

Two Accessibility Discussions You Need to Follow

2009-05-18T11:46:00Z

There are two good accessibility discussions going on right now, and you need to be following them.

The first is Glenda Watson Hyatt’s Four Parties Contribute to an Accessible Blogosphere. Glenda is pushing for more accessibility in blogging platforms and on blogs themselves. This is an idea whose time has come. Blogs by design are dynamic and adaptable. Let’s adapt them toward accessibility.

The second discussion is accessibility in the US Government. This discussion is being driven by Jim Thatcher and Joe Dolson.

I have also managed to put in my own two cents worth a couple of times.

The one tragic similarity that I’m seeing in these government site’s being discussed is that they’re all very close to being accessible, but they fall short. How close? Joe Dolson suggests that WhiteHouse.gov could be significantly improved by the addition of five short lines of CSS. By my count that’s about 83 characters. The addition of that CSS wouldn’t solve everything, but the other changes aren’t much more significant.

To come so close to being truly accessible, and still falling short. It’s like running the perfect marathon and walking off the course a few feet short of the finish line.

NY Senate, Drupal, and Accessibility

2009-05-12T18:34:57Z

I just noticed at Dries Buytaert’s site that New York State Senate is using Drupal. It’s now a very stylish looking Drupal site. Its’ visual style is quite nice, but what lurks below the surface?

No skip links to bypass blocks of content for screen readers or keyboard-only users
Links not clearly identified
No hover or focus effects on links to assist in navigation and link identification
No level one header (h1) on home page to identify the page
Drop down navigation is useless for keyboard-only navigation. It leaves some content extremely difficult to reach, if not completely beyond reach.

Why the half measures? Making a site accessible is more work. Making a site this un-accessible takes an active effort. The default CSS property for a link is to have an outline. This site has a focus outline property of zero. It’s turned off so that a link with focus is not visible. An active effort to remove one property that identified focus, without adding another in its place.

The default link property has an underline text-decoration. This site uses links with no text-decoration. A property helpful for identifying links was actively removed without replacement.

I’m happy to see a very good platform like Drupal being more widely used, and this site is a good place for it. Dynamic content, multiple RSS feeds, press releases and more. All features with which Drupal excels. Unfortunately this is a bad example of Drupal theming. A good layout, a good overall design, but no thought to accessibility. What could have been a beautiful site, unfinished.

Drupal 6 – Social Networking: Review

2009-05-01T17:04:30Z

I was recently given the opportunity to review the Packt Publishing book Drupal 6 - Social Networking by Michael Peacock. I’m impressed. The book was well written and well organized. It starts with the basics of a Drupal installation, and quickly walks you through to the more complex configuration of a Drupal site with a social networking focus.

While you might not be starting a new social media website, there are aspects of social media that can benefit almost any site. Blogs can drive traffic, and forums can aid with project discussions. Do you have a FAQ section on your site, maybe a well done WIKI would be a better choice. The possibilities for enhancing an existing site are huge.

Like all good technical books, this one made me think. Michael Peacock made me reevaluate what a website is, and what it should be. I’m not yet planning a dedicated social media site, but I’m giving serious thought to how I can use social media function to improve my current projects. If you’re a designer or developer using Drupal, then you need to read Drupal 6 - Social Networking.

Recovery.gov Revisited

2009-05-01T13:34:22Z

I wrote a quick post on the lack of accessibility of Recovery.gov back in February. Jim Thatcher has now done an in depth study of that site as he recently did with WhiteHouse.gov. As I noted before, the Recovery site is surprisingly inaccessible.

I’ll let you read Mr. Thatcher’s evaluation yourself, but I think there is one feature on recovery.gov that really shows how low a priority accessibility is on this site. The keyboard-only link to WhiteHouse.gov is a JavaScript based link that requires a followup mouse click to function. That sort of defeats the purpose now doesn’t it?

Go read Mr. Thatcher’s Accessibility of Recovery.gov in full, it’s worth the time.