Categories
conference podcast review wordpress

Podcast #76: Web Accessibility Disasters

Dennis and Ross review web sites which should be great in web accessibility, but fail badly. The hosts provide a lot of constructive criticism, including many fixes that can be done in a minimal amount of time. Issues are also good to discuss as a reminder for our own work.

Download Web Axe Episode 76 (Web Accessibility Disasters)

[transcript of podcast 76]

Transcription provided by Katherine Lynch, a Drupal, WordPress, and accessibility professional.

Chatter

Articles

Web Site Disasters

Digitalaccessibiliy

Company targeting Accessibility for Ontarians with Disabilities Act (AODA)

The Good
  • Almost all of the text is marked up in HTML rather than image, flash or other media.
  • Simple, clean design.
The Bad
  • No ALT text on main banner.
  • Font size tool (triple whammy).
  • Underlines not links; links not underlined.
  • Headings not marked up appropriately.
  • Menu missing
    • List not a list (see Compliance page).
    • Inline / intrusive JavaScript.
    Job Accommodation Network (JAN)

    A service provided by the U.S. Department of Labor’s Office of Disability Employment Policy (ODEP). JAN’s mission is to facilitate the employment and retention of workers with disabilities by providing employers, employment providers, people with disabilities, and family members with information on job accommodations, entrepreneurship, and related subjects.

    The Good
    • Textual navigation; no Javascript based navigation.
    • Has proper ALT text on pictures and JAN and ODEP logos.
    The Bad
    • No heading tags; some marked up with bold tag.
    • There is a summary on layout table (double whammy).
    • No skip nav or skip to link provided.
    • Inline javascript. Example:
    • Non-breaking spacing used for layout.
    The Rose Project

    Mission is to provide maternal and child healthcare to the economically poor people of Malawi, with particular reference to HIV treatment and care.

    One of nine listed for Most Accessible Website in the Irish Web Awards?

    The Good
    • XHTML; semantic, clean mark-up
    • Using headings
    • Language is defined (xml:lang=”en”)
    • SWFobject.js for unobtrusive flash embedding
    The Bad
    • When JavaScript is unavailable, Flash replacement image has broken links and placeholder text.
    • Skip links – Skip link doesn’t work?
    • ‘Find out about ways to give’ button.
    • logo missing alt text for tag line.
    • H1 headings should be H2 (such as Featured Project).
    • Some links that should be underlined, are not.
    • Use of tags not recommended.
    • Links lack the default focus effect and outline removed!
      DO NOT do this:
    :focus {
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    }
Categories
adobe captions html5 news table twitter video

Roundup: Accessibility Links on Twitter

Here’s a list of some great links relating to web accessibility going around Twitter last week.

Categories
flash survey video

Accessible YouTube Sites

There are two web accessible versions of the popular YouTube video web site, that I’m aware of at least. (If you know others, please comment.) They are “Easy YouTube” and “Accessible Interface to YouTube”.

One big issue is that captioning doesn’t appear to be supported on either site. I’ve never worked with the YouTube API (yet), but I’m assuming there are technical blockers here. (Please comment if you know more!) Flash and JavaScript are required for both sites.

Both sites have excellent markup and implement great accessibility improvements. But as with any site, more enhancements can be made. Here’s a quick review each.

Easy YouTube

JavaScript expert Chris Heilmann developed this site in 2008. You can search for a video or enter the URL of a specific YouTube video. You can also choose from three video sizes. Excellent documentation and help is provided.

Suggestions:

  • Missing H1 tag.
  • Add highly visible hover/focus states on elements.
  • Add captioning support, if possible.
  • Implement ARIA.
  • Add video comments content.

Accessible Interface to YouTube

This is a more recent accessible YouTube interface. The author is unknown. (I’d like to know who you are as it’s very well done!) The interface is very simple yet informative; it display video details and comments. ARIA is implemented, but I have not fully tested it. There’s also a survey you may take to help further development.

Suggestions:

  • Add highly visible hover/focus states on elements.
  • Add captioning support, if possible.
  • Add controls for volume adjustment.
Categories
"assistive technology" browser firefox RSS visual

Free Browsers for Visual Impairment

I recently came across an article from disaboom called “Assistive Technology: Top 8 Free Browsers for Visual Impairment and More“. The link was also popular on Twitter. But one problem, there are no links to the mentioned browser! So I went and found them:

  1. WebbIE -accessible browser, RSS news reader and more.
  2. EdWebtalking web browser that can display web pages as text and symbols.
  3. Fire Vox – Talking Browser Extension for Firefox (add-on page).
  4. CliCk, Speak – less advanced version of Fire Vox.
  5. Orca – speedy and powerful Gecko-based browser.
  6. Simply Web 2000 – outdated; optimized for Internet Explorer 5.
  7. SpeakOn -PC-based media suite program (four apps).
  8. Thunder – package contains the WebbIE Text browser and more.

I’d like to add that Disaboom is a pretty nice site. In their words:

Disaboom is the leading resource for disability information and real-life articles about people with disabilities. Our broad range of topics, including health conditions, lifestyle, and helpful resources, help you create the life you want.