Ohlone College Web Team Blog

WebAnywhere is a web-based screen reader for the web. It requires no special software to be installed on the client machine and, therefore, enables blind people to access the web from any computer they happen to have access to that has a sound card.

I tried using the WebAnywhere Alpha Release on the Ohlone College website, but had problems because there is “no frames” JavaScript code on the site to prevent the College website from being displayed using HTML frames on another website.

There is a demonstration video on the WebAnywhere website.

The Web Content Accessibility Guidelines 1.0 (WCAG 1) recommendations by the Web Accessibility Initiative (WAI) are vague in some areas. An indepdendent group of developers, the WCAG Samurai, has created an errata (or “corrections” - which I think of as “clarifications”) for WCAG 1 using direct language such as “must” and “do not” and “not required”. Good stuff! Straightforward and no-nonsense.

Review the introduction to the WCAG Samurai errata.

http://www.htmlkit.com/services/favicon/.

If you have Photoshop, install the ICO Format plugin:

Photoshop Plugin for ICO Format.

This is the INVALID code to embed a Picasa slideshow on your web page (<embed> is invalid):

<embed type="application/x-shockwave-flash"
src="http://picasaweb.google.com/s/c/bin/slideshow.swf"
width="288" height="192"
flashvars="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fohlonecollegephotos%2Falbumid%2F5162154032057469201%3Fkind%3Dphoto%26alt%3Drss"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

And, here is the VALID XHTML equivalent for the same slideshow as referenced above (using the <object> tag):

<object type="application/x-shockwave-flash"
  data="http://picasaweb.google.com/s/c/bin/slideshow.swf"
  width="288" height="192">
  <param name="movie" value="http://picasaweb.google.com/s/c/bin/slideshow.swf" />
  <param name="flashvars" value="host=picasaweb.google.com&amp;RGB=0x000000&amp;feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fohlonecollegephotos%2Falbumid%2F5162154032057469201%3Fkind%3Dphoto%26alt%3Drss" />
  <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />
</object>

Updated June 17, 2009.

A list of colleges using social networking websites such as Facebook, MySpace, Ning, YouTube, etc.:

eduStyle - Social Sites

Using a valid <object> tag is apparently complex. Here are some solutions. Your mileage may vary.

Valid XHTML YouTube embed code generator - “This free tool will create a valid XHTML embed code for any YouTube video. The code YouTube shows on the embed field is not valid XHTML! However, you can simply use this simple tool to make it Valid XHTML 1.0 Transitional.”

Embedding YouTube Videos as Valid XHTML 1.0

Updated June 17, 2009.

Add &rel=0 after video ID number to turn off related videos in embedded players.

Example: http://www.youtube.com/v/ulakMBcqyPo&amp;rel=0

<object type="application/x-shockwave-flash"
style="width:425px; height:350px;"
data="http://www.youtube.com/v/ulakMBcqyPo">
<param name="movie" value="http://www.youtube.com/v/ulakMBcqyPo" />
<param name="wmode" value="transparent" />
</object>

XHTML Validation - Director/Shockwave

<object type="application/x-director"
data="Shockwaver.dcr" width="320" height="240">
<param name="src" value="loader.dcr" />
<param name="sw1" value="Shockwaver.dcr" />
<param name="swRemote" value="swSaveEnabled='false'
swVolume='true'
swRestart='false'
swPausePlay='false'
swFastForward='false'
swContextMenu='false' "/>
<param name="swStretchStyle" value="none" />
<img src="shockwaver_not.gif" width="320" height="240" alt="No shockwave?!" />
</object>

XHTML <object> Tag, Not <applet> Tag - Panoramas

<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" height="196" width="460" >
<param name="codebase" value="java" />;
<param name="code" value="panorama" />;
<param name="panorama" value="http://www.veiled-chameleon.com/images/hikes/grandeur-peak/grandeur-peak-full-circle.jpg" />;
<!--[if !IE]> -->;
<object codebase="java" classid="java:panorama.class" height="196" width="460" >;
<param name="panorama" value="http://www.veiled-chameleon.com/images/hikes/grandeur-peak/grandeur-peak-full-circle.jpg" />;
</object>
<!-- <![endif]-->
</object>

http://wikivid.com/

Tutorials for Dreamweaver:

http://wikivid.com/index.php/Dreamweaver

http://www.smashingmagazine.com/2006/11/09/online-generators/