Accessible Web Design

Accessibility is an often overlooked aspect within the web design process, but it actually should be at the core of your design process right from the start. Legal requirements for accessible design have been in place for years but have been limited to sites that receive Federal funding, government sites, educational, etc. Lawsuits have been made against and other retailers with sites that aren’t compliant, especially when a product or feature is only available online and a user with an impairment is unable to access that information. Even though there are no legal obligations to design ‘universally’, it is not a difficult process and one that has far more benefits than drawbacks.

Here are twelve tips when designing for accessibility –

  1. WAI-ARIA – published by the Worldwide Web Consortium, these documents set out the ways in which developers should add metadata to HTML for improved accessibility.
  2. Progressive Enhancement – means designing in a layered fashion so that everyone can access the most basic functions and users with better bandwidth or advanced browsers can see an enhanced version. In the past this might have related more to broadband versus dial up, or Flash content versus non-Flash, but in today’s world one could easily substitute desktop or laptop versus mobile device.
  3. Alternate Content – provide a text equivalent for non-text content.Links need relevant title tags, images need alt tags and videos should be captioned for screen readers.
  4. Captions – audio and video need captions for visually impaired viewers. Videos and podcasts should be accompanied by text which summarizes the content, or if available a full transcript.
  5. Screen Reading Software – if available, test drive the design using screen reading software. At least understand how screen readers work and whether the content posted is in the correct tab order.
  6. Audit – if available or more likely affordable, run an accessibility audit. There are a number of individuals and companies who provide this service.
  7. Usability Testing – using a group of people with a range of different needs to identify potential problems.
  8. Stylesheets – make sure your stylesheets permit variable font sizes and never use fixed fonts.
  9. Font Controls – even though Firefox and Internet Explorer can enlarge fonts, many users are unaware of how to use the feature. Consider including a script with font resizing controls.
  10. Consistency – a consistent page design assists those using screen readers as well as sighted users.
  11. Text for Navigation – use text for navigation.
  12. Colors – although visual impact is key, make sure that the use of color doesn’t drive function.

CSS element:hover vs Javascript onmouseover

Which approach is best practice? This question has raised good points for going either direction. Although the obvious answer would probably be to use CSS, IE6 only supports :hover on links. IE7 seems to also have limited CSS2 support. I’ve been using jQuery to handle scripting needs and it may be the answer until IE12 is released.

GoodReader for iPhone

The file viewer in GoodReader, a large PDF and text document reader for the iPhone from Good.iWare, now includes “server style” support for DropBox–a service that allows you to store, sync, and share files online.

This new feature means GoodReader users may not only view files in a DropBox account and download them for viewing on the iPhone, but they can also upload files to DropBox just like they would with a regular file server like FTP.

The previous edition of GoodReader offered a web-browser connection to DropBox, which enabled users to browse DropBox accounts and download files into GoodReader. But it did not allow users to reverse that process and upload files from GoodReader to DropBox.

Besides its text search capability, other key GoodReader features include active hyperlinks, which enable users to more easily navigate within the document or launch a linked document or Web site, and PDF Reflow, with which text is extracted from a PDF page (stripping out pictures) and displayed as a simple TXT file in its own viewing pane. The app also offers the ability to edit TXT files. Another feature lets users import and export pictures to and from the iPhone’s Photo Album.

Apple Sounds Call for iPad Developers

Apple has notified developers that it is ready to take submissions for iPad applications to be sold on its own App Store. Developers were informed that if they want to have their app run through the approval process and ready for the April 3 launch day, they must get their app in by 5 pm PDT, March 27.

A short time line for developers as well as a potential gamble without knowing how many iPads have been pre-ordered.