That Standards Guy



Search

About

That Standards Guy is the online persona of Karl Dawson, a web developer living and working in Ipswich, England.

I'm a member of the Guild of Accessible Web Designers and the Web Standards Group and team member at Accessites—an awards site to recognise accessible and usable websites.

I specialise as a front-end developer and worry about the minutae of semantic (X)HTML and CSS, accessibility, microformats, typographic rhythm and grid design. I also care about the user experience and remind myself constantly of visitor site goals when working with clients and their aims.

That Standards Guy is proudly powered by WordPress using my own “StrictlyTSG v3.0” theme. Site Policies.

Stay up to date via the RSS feed. What’s RSS?

Archive for September, 2006

Jim Bendtsen is an idiot

I’ve just finished reading Evan Schuman’s article over at e-week entitled “On Handicapped Access, Target Fights the Wrong Fight for the Wrong Reason” and noticed the troll in the article’s “talkback” feature (comments) stating “Evan Schuman, you’re an idiot.”

Target fights the right fight for the right reason. There is absolutely no reason Target or any other corporate entity should be forced to re-engineer their website for blind accessibility. The ADA laws are another example of government grossly intruding into areas where it has no business being. Either you’re simply stupid, or you’re trying to raise your readership numbers by throwing out ignorant statements.

Let’s hope no-one pokes his eyes out anytime soon or that he suffers any one of a number of ailments — temporary or otherwise — that might impinge on his ability to browse the Internet.

No Jim, you’re the idiot.

Update 30 September 2006:
Good lord, the comments get even worse today. It reminds me of the comments I saw on the Wall Street Journal’s blog when this story originally broke in February. Oh yes, blind drivers get a mention here too.

“soper_d” is tired of it:

If the blind want to do something - get someone to design a screen reader (like a scanner that converts the screen information to readable text which can then be translated to their language. Then they can go to any site in any language they want and have it read to them.) Adding additional crap on web pages that already load slow because of the content will only slow them down more and nobody will want to use the site.

He obviously doesn’t know that a standards-compliant, accessible website also actually means smaller page sizes and hence faster viewing. There is significant outreach required outside of the web development community — every report on Target’s accessibility lawsuit must have a paragraph listing very concisely, in Plain English, all the benefits of coding a website with standards and accessibility in mind. If you come across such articles either contact the author to add this info or write it yourself in the comments.

Legal Precedent Set for Web Accessibility

Some news on the Target.com accessibility lawsuit via Yahoo! Finance yesterday. Federal District Court Judge Marilyn Hall Patel has sustained the discrimination claims against Target and sets the precedent that retailers must make their websites accessible to the blind under the American Disability Act (ADA).

The court held: “the ‘ordinary meaning’ of the ADA’s prohibition against discrimination in the enjoyment of goods, services, facilities or privileges, is that whatever goods or services the place provides, it cannot discriminate on the basis of disability in providing enjoyment of those goods and services.” The court thus rejected Target’s argument that only its physical store locations were covered by the civil rights laws, ruling instead that all services provided by Target, including its Web site, must be accessible to persons with disabilities.

This legal wrangling over terms couldn’t happen in the UK because the Disability Discrimination Act specifically cites websites alongside traditional physical access to services.

Looks like Target intend to fight this, which is crazy because the legal bill will probably outstrip the cost of the remedial work? What do you make of this news?

Beginning CSS Web Development

Sep 5, 2006Karl Dawson
Beginning CSS Web Development

Foreword of the Year, 2006 goes to Andy Clarke for getting Logan’s Run and Battlestar Galactica into a book on Cascading Style Sheets. But rather than take a walk down memory lane with Maya I suppose I should start a review of Simon Collison’s “Beginning CSS Web Development” book.

The book is divided into two parts with Colly first introducing the reader to the basics of CSS before moving on to an in-depth look at layouts, usability and accessibility enhancements, tips and troubleshooting and the obligatory (great looking) case study. Chapter 1 — Getting Started soon enters a reasonably meaty discussion on maintaining and organising style sheets that intermediate and even advanced practitioners might also find of interest. We all have our little ways of organising our files and Colly introduces the beginner to multiple directories under that one css folder we normally only ever have (come on admit it!), modular CSS, CSS syntax, commenting and indenting as well as reusing style sheets for other devices. From a teaching perspective it was good to see some best practices being introduced right from the start — page 9 to be precise. The next chapter looks at IDs and classes, how to use the cascade (or not), grouping, inheritence, contextual selectors and CSS measurements (pixels, percent and ems). Again, a good foundation chapter for beginners here — too often we see font-family defined for every heading or a class put on every list item when an id on the <ul> was all that was required. The reader is also informed about grouping similar styles into one rule to achieve nice, compact code. I’m not sure if CSS measurements belonged in chapter 2 but by the end of it a novice would be well-informed on how to organise their style sheets and get the most out of them in as few lines as possible.

After attending Dave Shea’s “Typography for the Web” presentation at @media2006 I enjoyed the recap (as it was for me) concerning text offered in chapter 4 — an increasing area of interest for myself as the font choices are rather limited at the moment. Chapters 5 and 6 cover images and lists respectively, chapter 7 covers links — always, always style a:active and a:focus for keyboard accessibility please and chapter 8 introduces “HTML Element of the Year 2006″: The Definition List. How many times have I used this on projects this year? I’ve found it to be quite versatile but keep a semantic eye on it also.

The very last chapter of part 1 deals with forms. Lovely, lovely forms. When you’ve had to apply accessibility retrospectively to about 10 large forms you’ll understand my pain. Colly dedicates 30-odd pages to teaching novices how to mark them up and style them. I would have preferred to see things like selected="selected" mentioned for select elements and was disappointed by the accesskeys entry under “Accessibility Aids”. Unless user-assigned, accesskeys are a no-no.

Part two is where you really start to roll up your sleeves and have fun. Colly offers some great discussion on floats, clearing and different types of layout before building some basic two and three-column layouts (if you’re pushed for time, you can download the code snippets by the way). Chapter 12 covers contextual selectors e.g. using an ID on the body tag to really gain control of your styles on a per-page basis and reveals the secret behind equal height columns (i.e. faux columns). Some further tips and tricks are offered in chapter 15 and then it’s on to the finale of the case study.

It’s been a great year for people wanting to learn CSS. There’s “Bulletproof Web Design” by Dan Cederholm, “CSS Mastery” by Andy Budd, Cameron Moll and Colly and now this book. This is the penultimate book on CSS I’m buying, after transcending CSS that’s it for me. The topic has been done and done well.

★★★★★ Stars

Buy “Beginning CSS Web Development” now from Amazon.co.uk, Amazon.com or Amazon.ca.

Update, 24 Dec 2006:
This book review is now marked up with the hReview Microformat.

How useful are accessibility evaluation tools?

Cross-posted from Accessites for comments:

Accessibility has as much to do with usability than being purely technically correct. The site needs to have clear navigation, the ability to skip content areas, offer alternative layouts and be written in an easily understood style by the anticipated audience. Can an expensive evaluation tool be justified and are site-wide checks using such a tool actually required (rather than just for a “feel good” factor of control over the situation) post-production?

Scope

To assess and discuss the benefits and limitations of using an automated evaluation tool to assess the technical accessibility of a standards-compliant website.

I’ve broken this research into several areas:

The Usefulness of Automated Tools

Perhaps one of the quickest ways to get a feel for the accessibility of a website is to run it through an automated evaluation tool. There are many such products available all with their strengths and weaknesses. Some are free, such as TAW 3 and some are expensive. Typically, once I’ve completed a web document I will use Chris Pederick’s Web Developer Toolbar for Firefox by selecting the tools option and fire off the “Validate CSS,” “Validate HTML” and “Validate WAI” options. I also do this when checking submissions to Accessites against the base Criteria. Any problems and I stop. If the tools report okay, then I carry on checking the integrity of the website without CSS and/or images and go through the source code making sure those for attributes on your labels match up to the correct input id for example.

Some tools evaluate a single page (such as the “Validate WAI” option above) whilst others like TAW 3 might crawl through the entire site. I really like TAW 3 and recommend it to content authors. The test configuration can be saved — so for example I can set this up during user training and all the user then need do is press a button to start the assessment. Where this product wins for me though is that it helps to educate the user by highlighting which checkpoints require manual checking. Due diligence is essential.

With all that said though — these tools can only test in ones and zeroes, black and white, yes or no. Many of the guidelines need to be reviewed in context to their use and that can only be done by a trained human.

Limitations of Automated Tools

There are 65 guidelines in WCAG 1.0, (16 priority 1 checkpoints, 30 priority 2s and 19 priority 3s).

Automated tools can wholly test the following checkpoints

Priority 2
3.2 - Create documents that validate to published formal grammars.
11.2 - Avoid deprecated features of W3C technologies.
Priority 3
4.3 - Identify the primary natural language of a document.

A number of the online parsers tend to stop checking for checkpoint 11.2 as soon as they hit the first failure. So, if you have, for example, align=right associated with a div high up in the markup and a border attribute associated with an img element lower down, only the align will be highlighted as a failure. The document will require a second pass through the parser once the first issue has been corrected before the second failure will be identified. If you’re using a transitional DOCTYPE it is possible to pass validation yet still fail 11.2 by using deprecated markup — yet another reason to use a Strict DOCTYPE.

Automated tools can partially test the following checkpoints

Priority 1
1.1 - Provide a text equivalent for every non-text element (e.g., via alt, longdesc, or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video.
6.3 - Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.
9.1 - Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.
Priority 2
3.4 - Use relative rather than absolute units in markup language attribute values and style sheet property values.
6.4 - For scripts and applets, ensure that event handlers are input device-independent.
7.4 - Until user agents provide the ability to stop the refresh, do not create periodically auto-refreshing pages.
7.5 - Until user agents provide the ability to stop auto-redirect, do not use markup to redirect pages automatically. Instead, configure the server to perform redirects.
9.3 - For scripts, specify logical event handlers rather than device-dependent event handlers.
12.4 - Associate labels explicitly with their controls. Sure they can detect the presence of the for and id attributes in the label and input tags but it will take a human to check you’ve associated the right labels correctly.
13.1 - Clearly identify the target of each link.

Of these programmatic tests the following checkpoints fall into a web content author’s space: 1.1, 3.2 and 11.2. The remaining checkpoints are applicable to web developers only and fall into three main categories:

  1. The templates.
  2. The cascading style sheets.
  3. The functionality and interaction of the website (JavaScript, PHP. ASP, image maps etc).

Quality control at the bench

Checkpoints 1.1 and 3.2 can be legislated against with user training and a properly configured, standards-compliant text editor. Additionally, configuration of the text editor can disallow the use of deprecated elements (font, underline, marquee etc) and so satisfy checkpoint 11.2. The final check before publishing the page to the live server should more likely be a quick trip to the W3C markup validator and thus neatly sidestep all but one of the checkpoints an accessibility tool can wholly test for… someone remind me why our non-specialist managers insist on buying these tools!

For checkpoint 13.1, automated tools can check whether link text is repeated for links to different pages (e.g. “click here”), or if the same page is linked to by different text. Again, compliance with this checkpoint can be achieved through user training.

Before a page was promoted from pre-production the reviewing editor must ensure that the markup is valid using the free W3C online validator. Additionally, the reviewing editor should check for appropriate structure (semantic HTML and Priority 2 checkpoints 3.5, 3.6 and 3.7).

Templates and CSS files should be validated in pre-production after each iteration. This is easily done using the free W3C online validators. Once the website was live, testing against checkpoint 3.2 would be required after a change was applied to a template/CSS file.

The processes above need to be backed up by user training and an enforceable accessibility policy that lays out requirements and responsibilities. If you believe that an automated assessment tool will bring peace of mind remember their limitations and plan for them. Personally, I don’t feel the need to pay for them.

Post categories

Archives

Popular articles

Elsewhere

I’m promoting

Patronage: It ain't just for the Medicis. The Joe Clark Micropatronage project