WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: XHTML tab order and Flash

for

From: Steven Henderson
Date: Aug 18, 2009 9:00AM

In Firefox, I too am getting unreliable tab ordering with AccLinkExample
(for my purposes, I have modified it as below, to emulate a real-world
XHTML/Flash scenario).

Taking my example, in Firefox, further illustrates the seemingly random tab
ordering. Once the Flash object is in focus, the Flash links tab fine, then
the XHTML links come after the Flash object ... but this concludes that
XHTML and Flash can be tabbed between ... just don't know how much work (if
possible) would be required to develop a logical tab order that would work
across browsers too. I am going to play with the example some more.



My AccLinkExample modification:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>AccLinkExample</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<style type="text/css" media="screen">
#AccLinkExample { height:300; }
body {
margin:0; padding:0; overflow:hidden; }
</style>
<script type="text/javascript"
src="swfobject_2_1.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
var attributes = {};
attributes.id = "AccLinkExampleSWF";
attributes.name = "AccLinkExampleSWF";
attributes.tabindex = "4";
swfobject.embedSWF("AccLinkExample.swf",
"AccLinkExample", "100%", "300", "9.0.0", "expressInstall.swf", flashvars,
params, attributes);
</script>

</head>
<body>
<h1>Demo page</h1>
<div>
<a href="#1">Link 1</a>
</div>
<div id="AccLinkExample">
<a href="http://www.adobe.com/go/getflashplayer">
<img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gi
f" alt="Get Adobe Flash player" />
</a>
</div>
<div><a href="#4">Link 5</a></div>
</body>
</html>