standards-support icon indicating copy to clipboard operation
standards-support copied to clipboard

Published 20 hours ago • verified publisher icon FreedomScientific

Inconsistent Live Region output if the content does not change

Open JAWS-test opened this issue 6 years ago • 0 comments

Summary

Inconsistent Live Region output if the content does not change

  1. Save as HTML file:
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>live region</title>
	</head>
	<body>
		<div role=alert id=1>content of live region</div>
		<button onClick="document.getElementById('1').innerHTML='test1';">same text</button>	
		<button onClick="document.getElementById('1').innerHTML='<h2>test2</h2>';">same node</button>	
		<button onClick="document.getElementById('1').innerHTML=Date.now();">different text</button>	
		<button onClick="document.getElementById('1').innerHTML='<h2>'+Date.now()+'</h2>';">different node</button>	
	</body>
</html>
  1. Activate all 4 buttons - at least 2 times directly one after the other before navigating to the next one

Expected result

  • Live Region is only output if the content has changed
  • The output should be consistent, regardless of whether a text node or an element node is inserted
  • Output should be consistent in all browsers
  • Removed content should not be output
  • The content should only be output 1x.

Actual result

  • Different output depending on browser and method
  • The output is also partially done if the content has not changed.
  • In IE 11, the removed content is partially output
  • The content is partially output 2x in Firefox

See also https://github.com/w3c/aria-practices/issues/78 and many other problems with live regions: https://github.com/FreedomScientific/VFO-standards-support/issues?q=live+region

The live region is output as follows:

  • Firefox: always, but with "same node" and different node" the content is output twice
  • IE 11: always, but with "same node" the removed content is output after the current content, if the removed content was a pure text node and not an element node
  • Chrome: always except "same text"
  • Edge: never

Additional Information

JAWS version and build number

JAWS 2019.1907.42

Operating System and version

Windows 10

Browser and version:

Chrome 76.0.3809.132 Firefox ESR 60.8.0 IE 11.1268.16299.0 Edge 16.16299

JAWS-test avatar Aug 30 '19 11:08 JAWS-test