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.

Sign up for GitHub

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

Jump to bottom

The label of the live region is not output (Firefox, IE 11) #291

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

The label of the live region is not output (Firefox, IE 11) #291

JAWS-test opened this issue Sep 6, 2019 · 0 comments
Labels
aria-live-region

Comments

@JAWS-test
Copy link

JAWS-test commented Sep 6, 2019 •
edited
Loading

Summary

The label of the live region is not output (Firefox, IE 11)

  1. Save as HTML file:
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>live region</title>
	</head>
	<body>
		<div id=1 aria-live=polite aria-atomic=true aria-label=message1 role='marquee'>content1</div>
		<div id=2 aria-atomic=true aria-label=message2 role='log'>content2</div>
		<div id=3 aria-live=polite aria-atomic=true aria-label=message3 role='timer'>content3</div>
		<div id=4 aria-atomic=true aria-label=message4 role='status'>content4</div>
		<div id=5 aria-atomic=true aria-label=message5 role='alert'>content5</div>
		<div id=6 aria-live=polite aria-atomic=true aria-label=message6>content6</div>

		<button onClick="document.getElementById('1').innerHTML='changed 1';">marquee</button>	
		<button onClick="document.getElementById('2').innerHTML='changed 2';">log</button>	
		<button onClick="document.getElementById('3').innerHTML='changed 3';">timer</button>	
		<button onClick="document.getElementById('4').innerHTML='changed 4';">status</button>	
		<button onClick="document.getElementById('5').innerHTML='changed 5';">alert</button>	
		<button onClick="document.getElementById('6').innerHTML='changed 6';">aria-live</button>	
	</body>	
</html>
  1. Activate all buttons
  2. Replace in the HTML file aria-atomic=true with aria-atomic=false
  3. Repeat step 1 and 2

Expected result

  • Consistent output between browsers
  • according to specification, with aria-atomic=true also the label of the live region should be output if the content of the live region changes
  • The label is not output if aria-atomic=false

Actual result

  • Different output from browser to browser
  • output only correct with Chrome
  • IE 11: no label output with role=alert
  • Firefox: only role=alert is output with label
  • all browsers: no difference in label output between aria-atomic=true and =false (even with aria-atomic=false the label is output)

see also: #277, 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
aria-live-region
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@stevefaulkner @JAWS-test