Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Invisible contents and nodes in Live Region lead to reading pause (IE 11, Chrome) #270

Open
JAWS-test opened this issue Aug 31, 2019 · 1 comment

Comments

@JAWS-test
Copy link

Summary

Invisible contents in Live Region lead to reading pause (IE 11, Chrome)

  1. Save as HTML file:
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>live region</title>
	</head>
	<body>
		<div role=status id=1></div>
		<button onClick="document.getElementById('1').innerHTML='live region';">regular</button>
		<button onClick="document.getElementById('1').innerHTML='li<!--test -->ve <!--test -->region';">with comment</button>
		<button onClick="document.getElementById('1').innerHTML='li<span hidden>hidden</span>ve <span hidden>hidden</span>region';">with hidden content</button>
	</body>
</html> 
  1. Activate the buttons one after the other (reload the page in Chrome between the buttons)

Expected result

Invisible content (like HTML comments or hidden content) has no effect on the output of the Live Region (the output does not differ from the output when the content is read with the arrow keys)

Actual result

  • IE 11: long reading pause (like at the end of a sentence)
  • Chrome: short reading pause (as with a blank character)
  • Firefox: ok

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

Additional Information

JAWS version and build number

JAWS 2019.1907.42

Operating System and version

Windows 8

Browser and version:

Chrome 76.0.3809.100
Firefox 68.0.2
Internet Explorer 11.0.9600.19431

@JAWS-test
Copy link
Author

Also without invisible content, each node is output individually in Chrome and IE 11, even if it would be output as contiguous when read with arrow keys (e.g. spanelements without spaces):

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>live region</title>
	</head>
	<body>
		<div role=status id=1></div>
		<button onClick="document.getElementById('1').innerHTML='<span>1</span><span>2</span><span>3</span>';">span</button>
	</body>
</html> 

@JAWS-test JAWS-test changed the title Invisible contents in Live Region lead to reading pause (IE 11, Chrome) Invisible contents and nodes in Live Region lead to reading pause (IE 11, Chrome) Sep 9, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants