Archive for February, 2008

Web Accessibility and Your Business

Tuesday, February 26th, 2008

Your BusinessAs we go through the development process at Pleth, LLC I am consistently compelled to climb onto my soapbox to preach about the tenents of Web Accessibility. As you can see in this Northeast Arkansas Advertising Federation related post we, at Pleth, recently won an Addy award for our own website. While we were honored to receive the award it did raise many questions about the judgement criteria vs. the priority that design firms like Pleth place on Web Accessibility as a design element. These likely represent two distinctly different sets of considerations.

Whether it be graphic artists, customers, or judges I am continually reminded that what is needed is an effort to educate the appropriate players as to the necessity of designing sites that are truly accessible.

“Web accessibility means that people with disabilities can use the Web.”
Web Accessibility Initiative (WAI)

Strategy and Technology

As defined by the WAI, people with disabilities utilize adaptive strategies which are techniques used to improve interaction(s) with the Web, such as increasing the font size in a common browser. This is a critical point when tasked with designing a commercial website. The methodology used to address this point is found within the CSS document. As designers we can sacrifice a little control by designating a base font size, then utilizing subsequent font sizes as percentages of that original base. This is a necessary since designating specific font sizes for each element removes the browser’s ability to resize fonts, thus limiting accessibility.

Additional design techniques that affect accessibility can include:

  • Describing (captions) images, graphs, tables, video, and audio
  • Judicious use of Flash and Iframes
  • Use clear language
  • Don’t use color alone for emphasis
  • Ensure adequate contrast
  • Avoid opening new windows unnecessarily
  • Use descriptive anchor link text (avoid “click here”)
  • Use descriptive heading
  • Avoid time limited tasks
  • Avoid fine motor skills requirements

Assistive technologies also come into play here and includes software or equipment that people with disabilities use to improve interaction with the Web, such as screen readers that read aloud Web pages for people who cannot read text, screen magnifiers for people with some types of low vision, and voice recognition software and selection switches for people who cannot use a keyboard or mouse.

There are definite benefits to designing highly accessible websites that fall outside the scope of access for the physically or mentally impaired. Theses include web accessibility as a social issue, improved technical performance, reduction in legal liability (example lawsuit), and improved Search Engine Optimization (SEO).

Implications

What does this mean for your business? As a web developer it is part of my duty to stand guard for my customers, particularly when it comes to legal liability on the web. There are many different approaches to building websites and as I often explain to my clients every element on the Web has both positive and negative implications. I most often see the negative implications when a client is requesting a wholly Flash site or content which is embedded in graphical elements. While these formats may be aesthetically pleasing, they may not lend themselves to highly accessible content. The implications of which can range from alienating potential customers to opening up your business to legal or social liabilities.

Pleth Wins an Addy!

Monday, February 25th, 2008

The article below was submitted to the Batesville Guard over the last weekend.

LOCAL WEBSITE DESIGN COMPANY RECEIVES MULTIPLE RECOGNITIONS 

Pleth Wins an Addy!The Northeast Arkansas Advertising Federation, headquartered in Jonesboro, recently presented an ADDY Award to PLETH, LLC, a Batesville-based website design company. PLETH, LLC took the prestigious advertising award in the area of self-promotion on the internet. As a result of the recognition, PLETH, LLC has been invited to host and maintain the advertising federation’s website: www.neaadfed.org.

Business partners Greg Smart, Stephen Smart, and Cotton Rohrscheib began the fledgling website design business in 2004. In 2007, the trio designed an award-winning website for White River Health System (WRHS) in Batesville. Based on the design, WRHS received the Diamond Award for Excellence in Website Design from the Arkansas Society for Healthcare Marketing and Public Relations.

Stephen “Kegal” Smart states, “It is an honor to receive recognition of this magnitude for our company. Since beginning PLETH, LLC we have made great strides in our technological infrastructure. We are looking forward to continuing our growth in website design, as well as traditional media services. We have recently expanded our offerings to include print services to our client base.”

PLETH, LLC can be visited at www.pleth.com.

Pure CSS image popups

Monday, February 11th, 2008

I was tasked with creating two, small ”bookend” sites: Cullum Seeds and JWray Seeds. My graphic designer wanted the mouse over effect you see on the site navigation. In the past I have used either javascript or Flash solutions for mouseover effects in navigation, but really wanted to use a pure CSS solution. I thought I had seen a solution a while back on Eric Meyer’s site, and sure enough, here it is: the solution. It’s not exactly a cutting edge solution, but I thought it was worth sharing.

I have tested this in multiple Windows browsers, including: IE6, IE7, Firefox, and Opera. In Xandros browsers Firefox and Opera. In Apple browsers Firefox, Safari, and SeaMonkey. The only browser that seems to have trouble with this particular effect is the Windows IE6 browser. Despite the defect the site stills functions correctly, is lightly traveled and since IE6 use is on the decline I decided this was something that could be lived with, at least until I come across a better supported solution.