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

Live regions are not output reliably #261

Open
JAWS-test opened this issue Aug 30, 2019 · 2 comments
Open

Live regions are not output reliably #261

JAWS-test opened this issue Aug 30, 2019 · 2 comments
Assignees
@BrettLewisVispero
Labels
aria-live-region discussion triaged Works in Firefox/JAWS

Comments

@JAWS-test
Copy link

Summary

Live regions are not output reliably

  1. Save as HTML file:
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>live region</title>
		<style>
			.none {display:none;}
		</style>
	</head>
	<body>
		<div aria-live=assertive id=1>
			live region
		</div>
		
		<button onClick="document.getElementById('1').className='none';">add class</button>
		<button onClick="document.getElementById('1').removeAttribute('class');">remove class</button>
		<button onClick="document.getElementById('1').setAttribute('style','display:none');">add style</button>
		<button onClick="document.getElementById('1').removeAttribute('style');">remove style</button>
	
	</body>
</html>
  1. Activate all four buttons one after the other
  2. Replace aria-live=assertive with role=alert, save the HTML file again
  3. Activate all four buttons one after the other

Expected result

  • role=alert should have same output as aria-live=assertive
  • Output should be consistent in all browsers
  • output should not depend on whether display:none is added by style or by class

Actual result

  • role=alert causes other output than aria-live=assertive (Chrome)
  • Output from browser to browsers different
  • output depends on whether display:none is added by style or by class (IE 11)

See also w3c/aria-practices#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:

aria-live=assertive and aria-live=polite

Firefox: always
Chrome: never
IE 11: only with class, not with style

role=alert

Firefox: always
Chrome: always
IE 11: never

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

The different output of the live region in Chrome (depending on whether role=alert or aria-live is used) also occurs when there is a change from aria-hidden=true to aria-hidden=false.
However, it does not occur if the visibility (with display or aria-hidden) is not changed at the live region itself, but at a descendant element. Then the output in Chrome is always done.

@JAWS-test JAWS-test mentioned this issue Sep 10, 2019
Open
9 tasks
@stevefaulkner
Copy link
Contributor

test cases:

  1. assertive
  2. alert

Results:

  • JAWS - pass both on Firefox, fails assertive on Chrome
  • NVDA - fails assertive on Firefox, fails assertive on Chrome

JAWS

Chrome Version 121.0.6167.140 (Official Build) (64-bit) + JAWS 2024 

  1. assertive: nothing announced
  2. alert: add class, add style update announced

Firefox 122.0.1 (64-bit) + JAWS 2024 

  1. assertive: add class, add style - update announced
  2. alert: add class, add style - update announced

NVDA

Chrome Version 121.0.6167.140 (Official Build) (64-bit) + NVDA 2023.3.2

  1. assertive: nothing announced
  2. alert: add class, add style - update announced

Firefox 122.0.1 (64-bit) + NVDA 2023.3.2

  1. assertive: nothing announced
  2. alert: add class, add style - update announced

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@BrettLewisVispero BrettLewisVispero

Labels
aria-live-region discussion triaged Works in Firefox/JAWS
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@stevefaulkner @JAWS-test @BrettLewisVispero