<div dir="ltr">Hi Howard,<div><br></div><div>Is the UI a single-page application in which a "view" is updated but the page does not undergo a full browser refresh?</div><div><br></div><div>I ran into an issue with NVDA+Firefox with a single-page application in which Firefox would ultimately crash when NVDA was running (Firefox was fine with no NVDA). Had same outcome as you in that NVDA+Chrome worked as did JAWS+Firefox. The developer originally tried to manage focus via JavaScript, but it never quite worked reliably. As best I could tell, the script tried to set focus to the H1 element on the page before the page view had finished loading.</div><div><br></div><div>The dev fixed the focus script to happen after the page had completed loading (and used the correct code on the target) and suddenly NVDA worked via Firefox. Also fixed the crash issue.</div><div><br></div><div>Simply Accessible had a good article on focus management for Angular.js applications that may be useful. We were using React, but the same principles apply:</div><div><a href="http://simplyaccessible.com/article/spangular-accessibility/">http://simplyaccessible.com/article/spangular-accessibility/</a><br></div><div><br></div><div>I establish the operating environment and screen-reader requirements at the start, so sign-off happens when we meet those requirements (e.g., NVDA+Firefox, JAWS+IE, VoiceOver+Safari, etc.). The operating environment can vary depending on the app in question - for example, if this was an internal application and the only browsers supported by the IT department are Chrome and Firefox, then a screen-reader would have to work with at least one of those browsers. That said, I am highly suspicious of any web application that does not work in Firefox with NVDA.</div><div><br></div><div>Take care,<br>Sean</div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Feb 2, 2017 at 2:02 PM, Howard Kramer <span dir="ltr"><<a href="mailto:hkramer@ahead.org" target="_blank">hkramer@ahead.org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Just wanted to get other folks' opinion on this. I've been helping to evaluate a prototype application here on our campus - time/payroll type tool. Surprisingly I've found the the interface is pretty accessible with NVDA/Chrome and JAWS/Firefox but not accessible with NVDA/Firefox. The developer said he tested his design with ChromeVox so that helps explain the accessibility with Chrome. <div><br></div><div>Two questions: at what point do you say an application or website is screenreader accessible - does it have to work with every AT/browser combo or if it seems to work with most, is that okay. Second, any ideas on why the NVDA/FF environment does not work? BTW - this application was developed under the ServiceNow platform.</div><div><br></div><div>Thanks,</div><div>Howard</div><div><br></div><div><br clear="all"><div><br></div>-- <br><div class="m_-4295613346919231872gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div>Howard Kramer</div><div>Conference Coordinator</div><div>Accessing Higher Ground</div><div><a href="tel:(303)%20492-8672" value="+13034928672" target="_blank">303-492-8672</a></div><div>cell: <a href="tel:(720)%20351-8668" value="+17203518668" target="_blank">720-351-8668</a></div><div><br></div><div><p style="margin:0in 0in 0.0001pt;font-size:11pt;font-family:Calibri,sans-serif"><span style="color:rgb(0,32,96)">Join us for the <b><a href="http://accessinghigherground.org/" style="color:rgb(17,85,204)" target="_blank"><span style="color:rgb(5,99,193)">Accessing Higher Ground</span><span style="color:rgb(5,99,193);font-weight:normal"> </span><span style="color:rgb(5,99,193)">Conference</span></a></b> in Denver, Colorado,  <span><span>Nov 13-17, 2017</span></span>.  Request for proposals will be announced at the beginning of March.<u></u></span></p><p style="margin:0in 0in 0.0001pt;font-size:11pt;font-family:Calibri,sans-serif"><span style="color:rgb(0,32,96)"><u></u> <u></u></span></p><p style="margin:0in 0in 0.0001pt;font-size:11pt;font-family:Calibri,sans-serif"><span style="color:rgb(0,32,96)">Complete program information and registration is open for our full line-up of webinars, <b><i><a href="http://ahead.org/learn/virtual-learning/webinars" style="color:rgb(17,85,204)" target="_blank"><span style="color:rgb(5,99,193)">AHEADtoYOU!</span></a></i></b><i> </i>And the <b><a href="http://ahead.org/learn/virtual-learning/at_webinars_15_16" style="color:rgb(17,85,204)" target="_blank"><span style="color:rgb(5,99,193)">Technology Access Series</span></a></b>.  Site capacities for all webinar events is limited; please register at your earliest convenience for the largest selection.<u></u><u></u></span></p><p style="margin:0in 0in 0.0001pt;font-size:11pt;font-family:Calibri,sans-serif"><span style="color:rgb(0,32,96)"><u></u> <u></u></span></p><p style="margin:0in 0in 0.0001pt;font-size:11pt;font-family:Calibri,sans-serif"><span style="color:rgb(0,32,96)">Not yet a member of AHEAD?  <b><a href="http://ahead.org/join/become-a-member" style="color:rgb(17,85,204)" target="_blank"><span style="color:rgb(5,99,193)">We welcome you to join AHEAD now.</span></a></b></span></p></div><div><br></div></div></div></div></div></div></div></div></div></div>
</div></div>
<br>______________________________<wbr>_________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman13.u.washington.edu">athen-list@mailman13.u.<wbr>washington.edu</a><br>
<a href="http://mailman13.u.washington.edu/mailman/listinfo/athen-list" rel="noreferrer" target="_blank">http://mailman13.u.washington.<wbr>edu/mailman/listinfo/athen-<wbr>list</a><br>
<br></blockquote></div><br></div>