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

Live Region: The mix of text and element nodes leads to a strange output #283

Open
JAWS-test opened this issue Sep 3, 2019 · 0 comments

Comments

@JAWS-test
Copy link

JAWS-test commented Sep 3, 2019

Summary

Live Region: The mix of text and element nodes leads to a strange output

  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 aria-relevant=additions> </div>
		<button onClick="document.getElementById('1').innerHTML='This <p>is</p> a <p>message</p>';">additions</button>
		<div role=status id=2 aria-relevant=text> </div>
		<button onClick="document.getElementById('2').innerHTML='This <p>is</p> a <p>message</p>';">text</button>
		<div role=status id=3 aria-relevant=all> </div>
		<button onClick="document.getElementById('3').innerHTML='This <p>is</p> a <p>message</p>';">all</button>
	</body>
</html> 
  1. Press the three buttons one after the other.

Expected result

Actual result

see also: #279 and w3c/aria-practices#78

IE

  • addtions: "is message" = Only the element nodes are output.
  • text: "This a" = Only the text nodes outside of element nodes are output.
  • all: "removed This is a message" = everything is output, "removed" because of one space inside div element

Chrome

additions, text, all: "This is a message" = everything is always output, aria-relevant is ignored

Firefox

additions, text, all: "is message This is a message" = first the element nodes are output, then the entire text content, aria-relevant is ignored

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

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