I have a client who want his Tours to be keyboard accessible.
1) It seems the keyboard controls are not accessible unless the Tour is clicked on by a mouse. Can this be overcome?
2) Can point hotspots be accessed using the keyboard?
Thank-you,
Epoc
Keyboard Accessibility
Really? My keyboard controls ARE accessible so long as the tour's tab/window has focus, such as immediately after the web page is loaded. The controls become inaccessible when the keyboard's Tab key is pressed and the tour's tab/window loses focus. Keep tabbing until focus returns to the tour.epoc wrote:1) It seems the keyboard controls are not accessible unless the Tour is clicked on by a mouse. Can this be overcome?
Yes, if you are comfortable with javascript, i.e. get which key is pressed, then execute a specific hotspot's javascript function.epoc wrote:2) Can point hotspots be accessed using the keyboard?
http://stackoverflow.com/questions/6504 ... which-keys
For html5 panos: testing today shows keyboard navigation works immediately after onload in IE10, Firefox23 and Chrome25. Html5 testing was done on a PC with a pano2vr beta 4.5 html5 pano.
For flash panos: keyboard navigation does not work immediately after onload in IE10, Firefox23 or Chrome25. Flash testing was done on a PC with a pano2vr 4.1 flash pano.
Here is a Flash pano keyboard navigation immediately after onload solution:
Step #1. Add this javascript within the <head></head> tag of your html page:
Step #2. Call the setFocus function in your html page body onload event, like this:
Step #3. Set wmode = opaque for the swf embedded in your html page. Like this, except change your swf name:
If you have an html5 pano with flash fallback, then experiment and tweak the above so the keyboard navigation works for the flash, but ignores the html5, because the html5 keyboard navigation works as-is without additional code.
REFERENCES
A. Search the Internet for, "onload swf focus firefox chrome".
B. Lots of search results, but this sums it up:
http://www.flexjunk.com/2010/12/30/mana ... -browsers/
-
For flash panos: keyboard navigation does not work immediately after onload in IE10, Firefox23 or Chrome25. Flash testing was done on a PC with a pano2vr 4.1 flash pano.
Here is a Flash pano keyboard navigation immediately after onload solution:
Step #1. Add this javascript within the <head></head> tag of your html page:
Code: Select all
<script type="text/javascript">
function setFocus() {
window.document.getElementById('pano').tabIndex = 0;
window.document.getElementById('pano').focus();
}
</script>
Code: Select all
<body onload="setFocus();">
Code: Select all
<script type="text/javascript">
<!--
var flashvars = {};
var params = {};
params.quality = "high";
params.bgcolor = "#ffffff";
params.allowscriptaccess = "sameDomain";
params.allowfullscreen = "true";
params.base = ".";
params.wmode = "opaque";
var attributes = {};
attributes.id = "pano";
attributes.name = "pano";
attributes.align = "middle";
swfobject.embedSWF(
"Test16.swf", "flashContent",
"640", "480",
"9.0.0", "expressInstall.swf",
flashvars, params, attributes);
//-->
</script>
REFERENCES
A. Search the Internet for, "onload swf focus firefox chrome".
B. Lots of search results, but this sums it up:
http://www.flexjunk.com/2010/12/30/mana ... -browsers/
-