Re: Entering Forms Mode on my web applicaiton is erratic


Lisle, Ted (CHFS DMS)
 

That happens on one of our custom apps too. I simply disabled auto forms mode for that one app, using Ins-V, and a little navigation.

-----Original Message-----
From: Jfw [mailto:jfw-bounces@lists.the-jdh.com] On Behalf Of Erica Brown
Sent: Wednesday, November 13, 2013 11:09 AM
To: jfw@lists.the-jdh.com
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

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