Thanks Lynn and Everett for the info. I believe I found a work around for this last night. This being, to clear the target zone using innerHTML="" prior to running the injection code, which appears to force JAWS to recognize the new section content when it appears in the same area.
You can see the result at http://gutterstar.net/amazon.phpWhich uses jQuery to inject all search requests into the proper section, then automatically routs focus to make navigation easier for screen reader users. This too uses jQuery to route focus, which appears to work very nicely. This is still a work in progress though, so it doesn't work yet in Firefox, and doesn't support Window Eyes either. I'll be tinkering with this later to hopefully overcome these remaining issues. I tested it using JAWS10 and IE7.
The problem I had was trying to maintain backwards compatibility with earlier JAWS versions, as well as varying browsers, which is why I needed a more standard JavaScript oriented solution.
----- Original Message ----- From: "Holdsworth, Lynn" <Lynn.Holdsworth@xxxxxxxxxxx>
To: <programmingblind@xxxxxxxxxxxxx> Sent: Tuesday, July 07, 2009 1:18 AM Subject: RE: Anyone here familiar with jQuery? Hi Bryan, What version of Jaws are you using? If you've got Jaws 10 you could try turning the div into an ARIA live region, something like this: <div id="targetDiv" aria-live="assertive"> Then when the file is loaded, the DOM should be updated and Jaws should read the content of the div. Be warned: ARIA is a very new technology and isn't implemented properly in browsers or screenreaders. I've found the best combo to be Jaws 10 and Firefox 3.X. Cheers, Lynn -----Original Message----- From: programmingblind-bounce@xxxxxxxxxxxxx [mailto:programmingblind-bounce@xxxxxxxxxxxxx] On Behalf Of Bryan Garaventa Sent: 07 July 2009 00:25 To: programmingblind@xxxxxxxxxxxxx Subject: Anyone here familiar with jQuery? I have a bit of a problem. I'm using the following method to load content from an external file into a div on the page. http://docs.jquery.com/Ajax/load#urldatacallback <!-- Code --> <div id="targetDiv">Text to be replaced.</div> <script type="text/javascript"> // Requires jQuery.js ref in header. $("#targetDiv").load("SampleFile.html"); </script> <!-- End Code --> However, when I do this, JAWS won't recognize the content change, so it's necessary to press insert+escape just to see the new content. I've tried changing the class value on a page element after the change occurs, and this doesn't force JAWS to update the DOM either. Does anyone know how to get JAWS to automatically recognize the new content after using this method? Thanks, Bryan __________ View the list's information and change your settings at //www.freelists.org/list/programmingblind -- DISCLAIMER: NOTICE: The information contained in this email and any attachments is confidential and may be privileged. If you are not the intended recipient you should not use, disclose, distribute or copy any of the content of it or of any attachment; you are requested to notify the sender immediately of your receipt of the email and then to delete it and any attachments from your system. RNIB endeavours to ensure that emails and any attachments generated by its staff are free from viruses or other contaminants. However, it cannot accept any responsibility for any such which are transmitted. We therefore recommend you scan all attachments. Please note that the statements and views expressed in this email and any attachments are those of the author and do not necessarily represent those of RNIB. RNIB Registered Charity Number: 226227 Website: http://www.rnib.org.uk This message has been scanned for viruses by Websense Hosted Security - http://www.websense.com/content/HostedEmailSecurity.aspx __________ View the list's information and change your settings at //www.freelists.org/list/programmingblind __________View the list's information and change your settings at //www.freelists.org/list/programmingblind
