Hello Everyone,
We have found an issue with our progress demo page when tested with Latest Fire
Fox 3.6.3 using NVDA2010.2 and JAWS10&11 on XP. During the test we are hearing
progress value read twice and once finishes then it would read out the "Order
Submitted. Demo finished, Restart the Demo " multiple times. Please look at the
html code below and for class "status-area" container we are using aria role
"status'. Just a note, we have tested with NVDA2010.2+FireFox 5.3.13 and
Ubuntu+ORCA+FireFox+3.6.3 and we didn't hear any repeats. Also note, that we
have aria role defined in the inner containers and maybe the screen reader is
reading the main container "status-area" then reading the inner containers such
as "region" and "flc-progress-bar".
Current:
<div class="status-area" id="status-message" role="status">
<div class="region" aria-channel="notify" aria-relevant="all"
aria-atomic="false" aria-live="assertive" role="description">
<!-- status text for progress -->
<p class="status-text" style="display: block;">Order Submitted.
Demo finished.</p>
<!-- links to the demo page -->
<a href="progress.html" class="restart-demo" style="display:
block;">
Restart the Demo
</a>
</div>
<!-- progress simulation -->
<div id="progress-container">
<div class="flc-progress progress-pop-up" style="display:
none;">
<h3>Checking inventory, please wait.</h3>
<div class="flc-progress-bar progress-bar"
role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100"
aria-valuetext="Progress is complete." aria-busy="false">
<div class="flc-progress-indicator progress-indicator"
style="width: 256px; display: block; overflow: hidden;">
</div>
</div>
<p class="flc-progress-label progress-label">100%
Complete</p>
</div>
</div>
</div>
Once we remove the aria role from the main container "status-area" then we
don't hear any more repeats using the latest FireFox 3.6.3 with XP+NVDA2010.2
and XP+JAWS10&11.
New:
<div class="status-area" id="status-message">
<div class="region" aria-channel="notify" aria-relevant="all"
aria-atomic="false" aria-live="assertive" role="description">
<!-- status text for progress -->
<p class="status-text" style="display: block;">Order Submitted.
Demo finished.</p>
<!-- links to the demo page -->
<a href="progress.html" class="restart-demo" style="display:
block;">
Restart the Demo
</a>
</div>
<!-- progress simulation -->
<div id="progress-container" style="display: none;">
<div class="flc-progress progress-pop-up" style="display:
block;">
<h3>Checking inventory, please wait.</h3>
<div class="flc-progress-bar progress-bar"
role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100"
aria-valuetext="Progress is complete." aria-busy="false">
<div class="flc-progress-indicator progress-indicator"
style="width: 256px; display: block; overflow: hidden;">
</div>
</div>
<p class="flc-progress-label progress-label">100%
Complete</p>
</div>
</div>
</div>
Please let me know if I am missing something or by removing the aria role from
the main container "status-area" should be good enough for now?
Thanks,
Golam Chowdhury
[email protected] | 416-977-6000 ext. 3962
Software Developer
Inclusive Design Research Centre (IDRC)
OCAD University
_______________________________________________________
fluid-work mailing list - [email protected]
To unsubscribe, change settings or access archives,
see http://fluidproject.org/mailman/listinfo/fluid-work
