New progress demo issue

[Chowdhury, Golam]

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
gchowdhury at ocad.ca | 416-977-6000 ext. 3962
Software Developer
Inclusive Design Research Centre (IDRC)
OCAD University