Hiding Flash from the Screen Reader

Donald F. Evans

April 2005

Question

We are using a flash movie to promote a Madonna video. What can we do to make it screen reader friendly?


Answer

Since the flash movie is basically a multi-media presentation that links to the actual Madonna video, the requirment is to provide a text alternative to the inaccessible visual presentation. One easy way to do this would be to hide the Flash movie and provide an HTML link wrapped around text that is hidden from the visual user. The text provides an alternative to the flash movie and it can be hidden from the visual user by moving it off the screen with CSS. See example below:


Example

1. Hiding a Flash object from the screen reader **
**Source: http://livedocs.macromedia.com/flash/mx2004/main_7_2/wwhelp/wwhimpl/common/html/wwhelp.htm?context=Flash_MX_2004&file=00000565.html

2. Creating alternative text that is hidden from the visual user by moving it off the screen with CSS.
<style>
.offScreen{
	position:absolute;
	overflow:hidden;
	width:1px;
	height:1px;
	top:-999px;
}
</style>
<a href=where to go" class="offScreen">See Madonna blah blah blah"</a>

Other Resources