FLUID-6066: Summary of uploader state updates too aggressively when uploading large files

Metadata

Source
FLUID-6066
Type
Task
Priority
Major
Status
Open
Resolution
N/A
Assignee
N/A
Reporter
Alan Harnum
Created
2016-11-14T15:18:43.185-0500
Updated
2016-11-14T15:18:43.185-0500
Versions
N/A
Fixed Versions
N/A
Component
  1. Uploader

Description

When testing with VoiceOver in Chrome, I noticed that there is an unpleasant stutter effect when uploading a large file. It seems this is because of the continual reporting of the uploader state from this block of markup (example):

<div class="flc-uploader-total-progress-text fl-uploader-total-progress-text" id="fluid-id-bmrsp4er-122" role="log" aria-live="assertive" aria-relevant="text" aria-atomic="true">5 out of 7 files uploaded (2.3 MB of 28.3 MB)</div>

VoiceOver report the state as the uploader's size count changes, but only gets to the very start of the sentence before the size count changes again, resulting in a re-report due to the aria-alive "assertive" setting that interrupts the reading . This creates a stuttering effect when a large file is being uploaded.

Easiest to replicate by uploading several files including at least one large file when VoiceOver is enabled in Chrome.

Environments

Browser: Chrome 54 | OS: Mac OS 10.12.1 | Screen Reader: VoiceOver