Re: Entering Forms Mode on my web applicaiton is erratic


Petro T. Giannakopoulos <petrogia@...>
 

Sorry I cannot help here but exactly what is your web application? Can a user go to it via the browser?

----- Original Message -----
From: Erica Brown
To: jfw@lists.the-jdh.com
Sent: Wednesday, November 13, 2013 11:09 AM
Subject: Entering Forms Mode on my web applicaiton is erratic




Hi All,
I need some help with a navigation bar on my web app.
I have setup keyboard navigation to work with my navigation bar on my web
app.

the user presses tab to give the first button focus and then
navigates the buttons on the bar using the up and down arrows
And if they want to see the menu items the user presses enter or the space
bar to show
the popup with the menu items.

Well, up until the latest version of 14, my keyboard navigation doesn't
work anymore.
If I turn JAWS off, keyboard navigation works fine.
I started tweaking some properties in JAWS so I can hear when Forms mode is
entered and exited.
I found that once I tab to the first button on my toolbar, forms mode is
on,
but then I hit the down arrow to get to the next button and it turns off.

If I change my preferences to turn forms mode on manually,
keyboard navigation works properly.
Here is an example of my nav bar

<div class="navigatorDiv" role="navigation" tabindex="0"
aria-describedby="NavId_desc" aria-label="Navigation Bar">
<span id="NavId_desc" style="display:none">Use up and down arrow keys to
move among folders and space to open a folder.</span>
<div class="bNavbar" id="navbardiv" tabindex="-1" role="toolbar"
aria-label="Navigation Bar">
<div id="topNav" class="topNavBar">

<div class="navFolderDiv" id="assetsFolderDiv" tabindex="0"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 32 || keyCode == 13){ onHover
('assetsFolderPopup','assetsFolderDiv'); } else if(keyCode == 27){ onLeave
('assetsFolderPopup'); } "><input class="offScreen" type="button"
role="presentation" tabindex="-1" value="" name="assetsFolder_button"><div
role="button" aria-label="assetsFolder" aria-haspopup="true"
id="assetsFolderId"><span class="navFolderIcon assetsFolderIcon"></span>
<span class="a11y displayNone">assets</span></div></div><div
class="navPopup hiddenPopup" id="assetsFolderPopup" role="menu"
aria-label="assetsFolder" onmouseover="onPopupHover('assetsFolderPopup');"
onmouseout="onPopupLeave('assetsFolderPopup');"><div class="navFolderTitle"
id="assetsFolderTitle" tabindex="0" role="heading" aria-label="Assets"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 27){ onLeave('assetsFolderPopup'); }
">Assets</div><div class="navTaskLabel" role="menuitem" tabindex="-1"
onclick="onClickNavLink('i8_dynamic1','assetsFolderPopup'); return false;"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 32 || keyCode == 13){ onClickNavLink
('i8_dynamic1','assetsFolderPopup'); } else if(keyCode == 27){ onLeave
('assetsFolderPopup'); } return false; "><a
href="#">FOX</a></div></div><script type="text/javascript">
global_console_taskmap
['i8_dynamic1']='http://www.foxnews.com';</script><script
type="text/javascript"> addEventLists('assetsFolderDiv',
'assetsFolderPopup' ); </script>

<div class="navFolderDiv" id="discoveryFolderDiv" tabindex="-1"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 32 || keyCode == 13){ onHover
('discoveryFolderPopup','discoveryFolderDiv'); } else if(keyCode ==
27){ onLeave('discoveryFolderPopup'); } "><input class="offScreen"
type="button" role="presentation" tabindex="-1" value=""
name="discoveryFolder_button"><div role="button"
aria-label="discoveryFolder" aria-haspopup="true"
id="discoveryFolderId"><span class="navFolderIcon
discoveryFolderIcon"></span> <span class="a11y
displayNone">discovery</span></div></div><div class="navPopup hiddenPopup"
id="discoveryFolderPopup" role="menu" aria-label="discoveryFolder"
onmouseover="onPopupHover('discoveryFolderPopup');"
onmouseout="onPopupLeave('discoveryFolderPopup');"><div
class="navFolderTitle" id="discoveryFolderTitle" tabindex="0"
role="heading" aria-label="Discovery" onkeydown="var keyCode =
(window.event) ? window.event.keyCode : event.keyCode; if(keyCode ==
27){ onLeave('discoveryFolderPopup'); } ">Discovery</div><div
class="navTaskLabel" role="menuitem" tabindex="-1" onclick="onClickNavLink
('i7_erbrTask','discoveryFolderPopup'); return false;" onkeydown="var
keyCode = (window.event) ? window.event.keyCode : event.keyCode; if(keyCode
== 32 || keyCode == 13){ onClickNavLink
('i7_erbrTask','discoveryFolderPopup'); } else if(keyCode == 27){ onLeave
('discoveryFolderPopup'); } return false; "><a href="#">Fabulous
kids</a></div></div><script type="text/javascript"> global_console_taskmap
['i7_erbrTask']='http://www.fabkids.com';</script><script
type="text/javascript"> addEventLists('discoveryFolderDiv',
'discoveryFolderPopup' ); </script>


</div>


<div id="bottomNav" class="btmNavBar" style="height: 36px;">

<div class="navFolderDiv" id="userFolderDiv" tabindex="-1"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 32 || keyCode == 13){ onHover
('userFolderPopup','userFolderDiv'); } else if(keyCode == 27){ onLeave
('userFolderPopup'); } " style="position:absolute; top: 0px;"><input
class="offScreen" type="button" role="presentation" tabindex="-1" value=""
name="userFolder_button"><div role="button" aria-label="userFolder"
aria-haspopup="true" id="userFolderId"><span class="navFolderIcon
userFolderIcon"></span> <span class="a11y
displayNone">user</span></div></div><script
type="text/javascript">placeOnBottom("userFolderDiv");</script><div
class="navPopup hiddenPopup" id="userFolderPopup" role="menu"
aria-label="userFolder" onmouseover="onPopupHover('userFolderPopup');"
onmouseout="onPopupLeave('userFolderPopup');"><div class="navFolderTitle"
id="userFolderTitle" tabindex="0" role="heading" aria-label="User"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 27){ onLeave('userFolderPopup'); }
">User</div><div class="navTaskLabel" role="menuitem" tabindex="-1"
onkeydown="var keyCode = (window.event) ? window.event.keyCode :
event.keyCode; if(keyCode == 32 || keyCode ==
13){ window.location='./Console/system/tasks/logout'; } else if(keyCode ==
27){ onLeave('userFolderPopup'); } "><a href="#"
onclick="window.location='./Console/system/tasks/logout';">Log
out</a></div></div><script type="text/javascript"> global_console_taskmap
['null_logoutSystemTask']=.'/Console/system/tasks/logout';</script><script
type="text/javascript"> addEventLists('userFolderDiv', 'userFolderPopup' );
</script>


</div>

</div>

</div>

Is there something I can do to make forms mode occur more consistently on
my
navigation bar?
Thanks!
_________________________________________________________
Erica Brown
DASH/Blaze Software Developer
IBM Software | Cloud & Smarter Infrastructure
919.224.1460 (phone) | 687.1460 (tie-line)
UI Services (DASH) is on SMC - Check it Out

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.the-jdh.com/pipermail/jfw_lists.the-jdh.com/attachments/20131113/edf87f25/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: graycol.gif
Type: image/gif
Size: 105 bytes
Desc: not available
URL: <http://lists.the-jdh.com/pipermail/jfw_lists.the-jdh.com/attachments/20131113/edf87f25/attachment.gif>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: 53294656.jpg
Type: image/jpeg
Size: 25233 bytes
Desc: not available
URL: <http://lists.the-jdh.com/pipermail/jfw_lists.the-jdh.com/attachments/20131113/edf87f25/attachment.jpg>
_______________________________________________
Jfw mailing list
Jfw@lists.the-jdh.com
http://lists.the-jdh.com/mailman/listinfo/jfw_lists.the-jdh.com
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.the-jdh.com/pipermail/jfw_lists.the-jdh.com/attachments/20131113/61434156/attachment.html>

Join main@jfw.groups.io to automatically receive all group messages.