|
1. www.quitcommit.com
Doctor Jeff's Quit Commit Program for Smoking Cessation is a user friendly web site to help people of all ages quit smoking cigarettes or other forms of tobacco. The website also includes links to other nicotine cessation programs, tools and resources. Multilingual web site in English/Spanish.
We developed an accessible end-to-end full life cycle solution for the design, development, creative design, quality assurance, maintenance, and hosting of the solution for users with disabilities & multi-lingual support.
Non-accessible quitcommit.com
|
 |
Accessible quitcommit.com
 |
XHTML:
We have used XHTML as HTML has been deprecated by the W3C. This specification defines XHTML 1.0, a reformulation of HTML 4 as an XML 1.0 application, and three DTDs corresponding to the ones defined by HTML 4. The semantics of the elements and their attributes are defined in the W3C recommendation for HTML 4. These semantics provide the foundation for future extensibility of XHTML.
XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. The web site validates as XHTML 1.0 transitional! (W3C) which means that acessibility.com has taken care to create interoperable web pages.
Gif Animation:
As an animated gif image contains fast or distracting motion, gratuitous use of animation can be overly distracting to some users, making it impossible to focus on content. People with photosensitive epilepsy can have seizures triggered by flickering or flashing in the 4 to 59 flashes per second (hertz) range with a peak sensitivity at 20 flashes per second as well as quick changes from dark to light (like strobe lights). So, the use of animated gif images throughout the site including the animated quotes in the internal pages have been avoided. No quotes kept in the internal pages.
Alternative text for all images:
Provided alternative meaningful text for all images so that screen readers or non-graphical browsers can read the text provided. Computers cannot interpret images and present them in a meaningful alternate format; alternative text gives the computer something to present to the user. This is important for users who have turned off image loading in their web browsers, those using text-based browsers like lynx, and people who have visual or cognitive disabilities and require the use of a screen reader to read the contents of the screen.
Pop-up windows:
On the home page, there was a link to "check past resolutions" which opened as a small pop-up window
(using javascript). This has been changed to an internal page link. Creating or switching windows changes the "system focus" which can interfere with access devices. It may also surprise and disorient users.
Language of the Text:
Identified the language of the text on the pages. This helps the computer or assistive device to present information in a way that is appropriate to the language and also helps automatic translation software that translates text from one language into another.
Keyboard shortcuts to frequently used links:
Added the "accesskey" attribute of the 'a' and area elements to allow a user to associate a keyboard shortcut. Keyboard shortcuts allow quick keyboard access to a link or form control without needing to use the mouse or tab repeatedly. This speeds up the user's interaction with the page.
Contrasting Color:
Made sure that text and graphics stand out against their backgrounds. Used colors in proper foreground/background combinations. Top link images replaced with text links.
Wherever an image was used for layout, the same has been replaced with a background color.
CSS:
CSS is validated by W3C.
Bobby:
The site is validated by Bobby for accessibility.
[BNIA.org Case Study]
[Top]
|
